Articles on: On-Site Displays (New)

How To Add Reward Page On Shopify



Step 1


Let's see how to add a dedicated reward page on your website.


Let's see how to add a dedicated reward page on your website.



Step 2


Go to your Nector dashboard. In the sidebar, click on "On-Site Displays."


Go to your Nector dashboard. In the sidebar, click on "On-Site Displays."



Step 3


Select "Dedicated Pages" from the On-Site Displays menu.


Select "Dedicated Pages" from the On-Site Displays menu.



Step 4


Click on the "Configure" button under the Rewards Page section.


Click on the "Configure" button under the Rewards Page section.



Step 5


In the pop-up, click on the "Configure" button to proceed with setting up the Rewards Page.


In the pop-up, click on the "Configure" button to proceed with setting up the Rewards Page.



Step 6


On the Rewards Page, click on the "Code" tab to view the code snippet.


On the Rewards Page, click on the "Code" tab to view the code snippet.



Step 7


Click the copy icon next to the code snippet to copy it to your clipboard.


Click the copy icon next to the code snippet to copy it to your clipboard.



Step 8


In the Shopify admin panel, click on "Themes" under the Online Store section.


In the Shopify admin panel, click on "Themes" under the Online Store section.



Step 9


In the Themes section, click on the three-dot menu next to the Customize button.


In the Themes section, click on the three-dot menu next to the Customize button.



Step 10


Select "Edit code" from the dropdown menu.


Select "Edit code" from the dropdown menu.



Step 11


In the sidebar, click "Add a new template" under the "templates" section.


In the sidebar, click "Add a new template" under the "templates" section.



Step 12


In the pop-up, click "Select template type" to choose a template type.


In the pop-up, click "Select template type" to choose a template type.



Step 13


In the pop-up, switch the template type to "liquid."


In the pop-up, switch the template type to "liquid."



Step 14


Now, enter a file name such as "nectar-rewards".


Now, enter a file name such as "nectar-rewards".



Step 15


In the code editor, add the script code within the template.


In the code editor, add the script code within the template.



Step 16


Click "Save" to save the changes in the code editor.


Click "Save" to save the changes in the code editor.



Step 17


Click the exit icon in the navigation bar to leave the current page.


Click the exit icon in the navigation bar to leave the current page.



Step 18


In the navigation bar, select "Pages" under "Online Store."


In the navigation bar, select "Pages" under "Online Store."



Step 19


Click "Add page" in the Pages section.


Click "Add page" in the Pages section.



Step 20


Enter a title of your choice for the new page in the form field.


Enter a title of your choice for the new page in the form field.



Step 21


Select "Visible" for the page visibility option.


Select "Visible" for the page visibility option.



Step 22


In the form, click on the "Default page" dropdown under the Template section.


In the form, click on the "Default page" dropdown under the Template section.



Step 23


In the form, select the template file "nector-rewards" from the Template dropdown which you created for the rewards page.


In the form, select the template file "nector-rewards" from the Template dropdown which you created for the rewards page.



Step 24


Now, click the "Save" button at the top right corner.


Now, click the "Save" button at the top right corner.



Step 25


Once the page is created, you need to add the page on your website's main menu or footer as shown here.


Once the page is created, you need to add the page on your website's main menu or footer as shown here.




Updated on: 12/07/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!