Skip to main content
All CollectionsGetting StartedShopify
Create a loyalty landing page
Create a loyalty landing page

Embed an SEO-friendly loyalty landing page directly into your storefront. No code required.

Hannah avatar
Written by Hannah
Updated yesterday

πŸ›’ Supported on Shopify only

πŸ’³ Available on Growth and Plus plans

πŸ‘€ Accessible to all roles

A loyalty landing page can be a hub for all information and activity about your loyalty program. Customize this page to ensure it's on brand with your store and improve the shopping experience of your customers to show the Smile launcher for your customers to earn and redeem their points on one page.

Create a landing page


  1. From Smile Admin navigate to On-site content.

  2. In the Landing page section click Setup.

  3. In the Get your loyalty landing page section, click Generate page.

  4. In the Page details fill out Title, SEO page title, SEO page description, Page handle sections.

  5. Click Generate page.

After the page has been created, you will be redirected to the Shopify theme editor.

Access the landing page template from Shopify


  1. From Shopify Admin navigate to Online Store > Themes.

  2. In your current theme section click Customize.

  3. In the template selector drop down option choose smile-landing-page.
    ​

Add page content


  1. From the smile-landing-page in the Template section navigate to Add section > Apps.

  2. Choose the Smile sections you would like to add to your page:

    1. Header

    2. How it works

    3. Earning highlight

    4. Redeeming highlight

  3. Click Save.
    ​

βœ… Tip: Extend your page layout by mixing Smile's page sections with those built into your theme

Edit page content


  1. In the Template section, click on the Smile section you would like to edit.

  2. Choose the element of the page you would like to customize:

    1. Primary colour

    2. Secondary colour

    3. Image

    4. Title

    5. Description

    6. Button label

  3. Click Save.

Change SEO details


  1. From Shopify Admin navigate to Online Store > Pages > your landing page.

  2. In the Search engine listing section, click the pencil icon.

  3. Change the values accordingly.

  4. Click Save.

Add page to the store navigation


  1. From Shopify Admin navigate to Online Store > Navigation.

  2. Choose the menu you would like to add the landing page to.

  3. Click Add menu item.

  4. Fill out the Label section for how you would like your rewards page name to appear in the menu.

  5. Click into the Link box to pull up a menu.

  6. Choose Pages > name of your loyalty landing page.

Hide the loyalty landing page


  1. From Shopify Admin navigate to Online Store > Pages > your landing page name.

  2. In the Visibility section, choose Hidden.

  3. Click Save.

Delete the loyalty landing page


  1. From Shopify Admin navigate to Online Store > Pages > your landing page name.

  2. Click Delete page.

  3. On the confirmation page, click Delete.

Did this answer your question?