Loyalty & Rewards: Creating A Dedicated Rewards Page

Creating a dedicated Rewards landing page is the easiest way to help your customer understand more about how your Loyalty Program works. This is a key strategy to expanding your Loyalty & Rewards program engagement and participation. The page can be edited to match the design of your brand. Follow this guide to learn more!

The below guide provides instructions for both our Loyalty Classic and Loyalty 2.0 experience. We are migrating customers to Loyalty 2.0 throughout the coming months. If you're unsure which version you are on now, please first navigate here.

In This Guide

Loyalty Classic

• Landing page content
• Generating the widget code
• Installing widgets on a custom page
• Shopify 2.0
• Shopify (Vintage Theme)
• BigCommerce
• Woocommerce
• Directing the Referral Link to your Rewards Page

Loyalty 2.0

• Landing Page Content
• Generating the Widget Code
• Creating a Custom Page
• Shopify 2.0
• Shopify (Vintage Theme)
• BigCommerce
• Woocommerce
• Directing the Referral Link to your Rewards Page

Loyalty Classic

Landing Page Content

Your dedicated landing page should include everything your customer needs to know about your Loyalty & Rewards Program.

Stamped provides a variety of Display widgets to facilitate this. You can read more about our display widgets in this article:
Loyalty & Rewards Display Widgets

• Here's an example of a Dedicated rewards page on our demo store:
  https://stamped-demo-store.myshopify.com/pages/loyalty
• Other examples of a Rewards Landing Page from other e-commerce sites:
  Rewards – georgiemane
  Rewards – Goodfair
  Rewards - PEScience
  Rewards - Tony Ray Tattoos

Generating the Widget Code

Before installing Display Widgets, you will need to generate the code snippet for the respective Display Widget in the Stamped Dashboard. This step is not necessary for Shopify 2.0 themes.

1. Click on the Display Widget you want to install and apply the customization as required. Any settings and changes will be reflected on the preview on the right.
2. Once you are done, click on Get Codes
3. Copy the generated code by clicking on Copy Codes

Installing Widgets on a Custom Page

Shopify 2.0:

1. Go to Online Store > Themes > Customize in your Shopify Dashboard.
2. Click Pages > Create Template
3. Give the page a name and choose which template its structure is based on. Most often, you can use the Default Page option.
4. Once done click Create Template
5. Click Add Section at the bottom of the screen's left panel. Then, in the Apps list, choose the widget you want to add.
6. Once you've added the widget, you can click on the widget item in the App Block to customize it. Please see the example below:
   
7. Click Save on the top right of the screen.
8. To modify the content, you will need to assign the page through the Pages Shopify Editor. To do so, go to Online Store > Pages and click Add Page
9. Add a title to the Page and text content if needed.
10. On the right panel of the screen, assign the page to the newly created template:
11. Click Save, then click More Actions > View Page to see the page!

Shopify (Vintage Theme)

1. Log in to your Shopify Admin panel
2. On the left, click on Online Store, then go to Pages and click on Add Page
3. Add a Title for the page and then click on the HTML icon
4. In the HTML editor paste the generated widget code copied from the Dashboard for the display widget.
5. Click on Save for the changes to take effect.

Bigcommerce

1. Log in to your BigCommerce Admin panel.
2. On the left panel, go to Storefront > Web Pages
3. Click Create Web Pages
4. For the Page Type, you can choose This Page Will:  Contain content created using the WYSIWYG editor below
5. Fill in the Web Page Details:
6. In the HTML editor paste the generated widget code copied from the Dashboard for the 'Full Page' display widget.
7. Click on Save & Exit for the changes to take effect.

Woocommerce

For Woocommerce, the installation step would depend on the Page builder used. You can simply add the widget code in the HTML editor.

Directing the Referral Link to your Rewards Page

Once a customer has created an account in your store, a Referral Link will be generated for them to start referring their friends to your store. They can find the link in your rewards launcher:

To direct the referral link to your rewards page, follow these steps:

1. In the Stamped dashboard, head to Settings > General
2. Click on Referral
3. Input the URL of your Rewards or Referral landing page below:

   

4. Click Save.

Loyalty 2.0

Landing Page Content

Your dedicated landing page should include everything your customer needs to know about your Loyalty & Rewards Program.

Stamped provides a variety of Display widgets to facilitate this. You can read more about our display widgets in this article:
Loyalty & Rewards Display Widgets

• Here's an example of a Dedicated rewards page on our demo store:
  https://stamped-demo-store.myshopify.com/pages/loyalty
• Other examples of a Rewards Landing Page from other e-commerce sites:
  Rewards – georgiemane
  Rewards – Goodfair
  Rewards - PEScience
  Rewards - Tony Ray Tattoos

Generating the Widget Code

Before installing Display Widgets, you will need to generate the code snippet for the respective Display Widget in the Stamped Dashboard. This step is not necessary for Shopify 2.0 themes.

1. Click on the Display Widget you want to install and apply the customization as required. Any settings and changes will be reflected on the preview on the right.
2. Once you are done, click on Get Codes
3. Copy the generated code by clicking Copy Codes

Creating a Custom Page

Shopify 2.0:

1. In your Shopify dashboard, go to Online Store > Themes > Customize 
   
2. Click Pages > Create Template
3. Give the page a name and choose which template its structure is based on. Most often, you can use the Default Page option.
4. Once you're done, click Create Template
5. Click Add Section at the bottom of the screen's left panel. Then, in the Apps list, choose the widget to be added. 
6. Once you've added the widget, you can click on the widget item in the App Block to customize it! Please see the example below:
7. Click Save on the top right of the screen.
8. To modify the content, you will need to assign the page through the Pages Shopify Editor. To do so, go to Online Store > Pages and click Add Page
9. Add a title to the Page and text content if needed.
10. On the right panel of the screen, assign the page to the newly created template:
11. Click Save, and click More Actions > View Page to see the page!

Shopify (Vintage Theme)

1. Log in to your Shopify Admin panel
2. On the left, go to Online Store, then go to Pages and click on Add Page in the top right corner
3. Add a Title for the page and then click on the HTML icon
4. In the HTML editor paste the generated widget code copied from the Dashboard for the display widget.
5. Click on Save for the changes to take effect.

Bigcommerce

1. Log in to your BigCommerce Admin panel.
2. On the left panel, go to Storefront > Web Pages
3. Click Create Web Pages.4.  For the Page Type, you can choose This Page Will:  Contain content created using the WYSIWYG editor below
4. Fill in the Web Page Details.
5. In the HTML editor paste the generated widget code copied from the Dashboard for the 'Full Page' display widget.
6. Click on Save & Exit for the changes to take effect.

Woocommerce

For Woocommerce, the installation step would depend on the Page builder used. You can simply add the widget code in the HTML editor.

Directing the Referral Link to your Rewards Page

Once a customer has created an account in your store, a Referral Link will be generated for them to start referring their friends to your store. They can find the link in your rewards launcher:

You can direct the referral link to your rewards page by updating the URL in the setting:

1. Navigate to Referrals & Affiliates from the main left menu
2. Scroll down to the Referral Link Redirection section and input the URL of your Rewards or Referral landing page below:

   

3. Click Save.

The Referral Link should now redirect to your Referral or Rewards landing page!