Add Referrals Page On Shopify
This article shows you how to add a dedicated referrals page to your Shopify store.
Add a Standalone Referrals Page
Follow the below steps to add the referrals page to your Shopify store.
1. Getting the code snippet on nector dashboard
- Login to your Nector dashboard.
- Go the Referrals Page under On-Site Displays in Referrals Program.
- Switch to the Code Snippet tab
- Under 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 admin dashboard
- Go to Themes under Online Store in 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 admin 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-referrals 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.
4. Adding the page to the navbar on your store
- Open your shopify admin 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 referrals page will now be live on your store.
Related Articles
Updated on: 25/06/2024
Thank you!