Create and customize a loyalty landing page

​

Create a loyalty landing page

To create a landing page:

1. From Smile Admin, navigate to On-site content > Landing page.
2. Click Set up.
3. Click Create landing page.
4. Enter a title, description, and review the default URL for your landing page.
5. Click Create and start editing.

After creating the page, you’ll be taken to the landing page editor where you can customize its appearance.

​

Customize the landing page

Your landing page content is automatically generated from your loyalty program, while its appearance can be customized in the landing page editor.

​

Program content

The landing page automatically displays relevant content from your loyalty program, including ways to earn points, rewards, referrals, and VIP tiers. Sections that use your loyalty program configuration only appear when the relevant program is active and there is content to display. For example, if you don’t have any ways to earn configured, the ways to earn section won’t appear. The VIP section only appears when your VIP program is active and you have at least one perk or entry reward configured. You don’t need to update this content separately. When you make changes to your loyalty program or enable or disable parts of it, your landing page updates automatically.

​

Customize the page design

Use the Sections tab to customize the appearance of individual sections on the landing page. You can customize the available settings for each section, but you can’t add your own sections. Select a section to see the options available for it, such as:

• Colors
• Button styles
• Images

For best results, use a 16:9 image for the header and a square (1:1) image for the referrals section. For styles that apply across the entire page, use the Global settings tab.

​

Preview the page

Use the preview at the top of the editor to see how the landing page will appear to customers. Toggle between Guest and Logged-in views to preview each experience. Logged-in customers may see personalized loyalty information based on their account.

​

Save changes

Changes made in the landing page editor are saved automatically as you customize your page. You don’t need to manually save your work.

​

Publish the landing page

Creating your landing page doesn’t automatically make it available to customers. When you’re ready for customers to access the page, click Publish at the top of the landing page editor. Once published, add the landing page URL to your store navigation so customers can access it. See Add the landing page to store navigation below.

​

Add the landing page to store navigation

Shopify doesn’t automatically add the loyalty landing page to your store navigation. Copy your landing page URL from On-site content > Landing page and add it to your store navigation in Shopify. You can also add the URL to other places where customers access your loyalty program, such as marketing materials. By default, your loyalty landing page URL uses: yourstore.com/apps/loyalty/rewards

​

Change the page title or description

To update your landing page title or description:

1. From On-site content > Landing page, open More actions.
2. Click Edit page details.
3. Update the page title or description.
4. Click Save changes.

​

Edit the landing page

To make changes to your landing page:

1. From Smile Admin, navigate to On-site content > Landing page.
2. Click Set up.
3. Click Edit page.
4. Make your changes in the landing page editor.

​

Unpublish the landing page

Landing pages can’t be deleted. If you no longer want customers to access your landing page, unpublish it instead:

1. From On-site content > Landing page, open More actions.
2. Click Unpublish.

​

Troubleshoot your landing page URL

If the landing page URL shown in Smile Admin isn’t working, check that:

• Your landing page is published.
• You’re on the Essential, Standard, Growth, Plus, or Enterprise plan. The loyalty landing page isn’t available on the Free plan.
• Make sure at least one program — points, referrals, or VIP — is turned on. If all programs are turned off, your loyalty landing page will return a 404 even if the page is published.
• If you changed your app proxy URL in Shopify, go to Shopify Admin → Settings → Apps → Smile.io to find your current app proxy URL. The URL shown there is not your full loyalty landing page URL. Add /rewards/ to the end of the app proxy URL to get the URL for your landing page.

​

Already using a legacy loyalty landing page?

If you previously created a loyalty landing page using Smile’s theme app blocks in Shopify, see Move from a legacy loyalty landing page to learn how to move to the new experience.