Skip to main content
All CollectionsOn Site Displays
Add Rewards Page On Shopify
Add Rewards Page On Shopify

In this article we learn how to add the rewards page on a shopify store

Updated over a week ago

For the rewards page to be shown on your website, make sure Nector is enabled (in the Account Settings page) and the loyalty program is also active.

Follow the below steps to add the rewards page to your Shopify store.

1. Getting the code snippet on nector dashboard

  • Login to your nector dashboard.

  • Go the Rewards Page page under On-Site Displays.

  • Switch to the "Code Snippet" tab

  • Scroll to the "Shopify" section.

  • Copy the code by clicking on the copy button. See below image for reference.

2. Adding the code snippet on shopify

  • Open your shopify dashboard

  • Go to "Online Store" under "Sales Channels"

  • Click on "Edit Code" for the current live theme. See the below image for reference.

  • Click on the "Add a new template" button as shown in the below image.

  • In the popup the appears, make sure to fill it up as shown in the below image.

  • And click on the "Done" button.

  • Paste the copied code snippet in the newly created file. And click on the "Save" button in the top right.

  • Now, you can exit from the code editor by clicking on the exit button in the top left corner of the page.

3. Creating the page on Shopify

  • Open your shopify dashboard

  • Go to "Online Store" under "Sales Channels"

  • Click on "Pages" under the "Online Store" in the left side menu.

  • Click on "Add Page" button in the top right corner.

  • Add a title to the page and select the theme template to "nector-rewards" as shown in the below image

  • Click on the "Save" button in the bottom.

  • To see a preview of the page, click on the "View Page" button at the top.

3. Adding the page to the navbar on your store

  • Open your shopify dashboard

  • Go to "Online Store" under "Sales Channels"

  • Click on "Navigation" under the "Online Store" in the left side menu.

  • Select the appropriate menu, and add the newly created page to the menu

All done! The rewards page will now be live on your store.

Did this answer your question?