Loyalty & Rewards: Creating A Dedicated Rewards Page

While it is possible to run your Loyalty & Rewards Program through the default Launcher, 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 expand your  Loyalty & Rewards program engagement and participation. The page can be edited to match the design of your brand.


In This Guide


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://www.gatomall.com/pages/rewards-page

Other examples of Rewards Landing Page from other e-commerce sites:
Rewards – georgiemane
Rewards – Goodfair
Rewards | PEScience
Rewards - Tony Ray Tattoos


Generate the Widget Code

Before installing Display Widgets, you will first generate the code snippet for the respective Display Widget in the Stamped Dashboard.
*Note: This step is not necessary for Shopify 2.0

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'

*This step is common for all Display Widgets*


Installing Widgets on a Custom Page

Shopify 2.0:

1. Go to Online Store - Themes - Customize within your Shopify Dashboard.

  1. Click Pages > Create Template

2. Give the page a name and which template its structure is based on. Commonly, you can use "Default Page".
Once done click "Create Template"

3. Click "Add Section" at the bottom of the left panel of the screen. Then, in the "Apps" list, choose the widget to be added. 

4.  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:

4. Click  "Save" on the top right of the screen.

5. 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"

6. Add a title to the Page and text content if needed.

7. On the right panel of the screen, assign the page to the newly created template:

9. Click "Save"

8. 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', go to 'Pages' and click on 'Add Page' on 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

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 your customer created an account in your store, a Referral Link would be generated for them to start referring their friend to your store.

They can find the link on the launcher below:
You can direct the referral link to your rewards page by updating the URL in the setting.

Here's how to do it:

  1. Settings - General
  2. Click on "Referral"
  3. Input the URL of your Rewards or Referral landing page below:

  4. Click Save.

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