Step 1

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

Step 2

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

Step 3

In the On-Site Displays section, click on "Dedicated Pages."

Step 4

Click "Configure" under the Referrals Page section.

Step 5

In the popup modal, click "Configure" to proceed.

Step 6

Click on the "Code" tab in the Referral Page section.

Step 7

In the Code Snippet section, click the copy icon to copy the code.

Step 8

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.

Step 10

In the dropdown menu, select "Edit code" to modify the theme files.

Step 11

In the navigation bar, click on "Add a new template" under the templates section.

Step 12

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

Step 13

In the pop-up, switch the template type to "liquid". Enter a file name in the "File name" field such as "nector-referral- program".

Step 14

In the modal, click the "Done" button to save the new template.

Step 15

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

Step 16

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.

Step 18

In the navigation bar, click on "Pages" under the Online Store section.

Step 19

In the Pages section, click on "Add page" in the navigation bar.

Step 20

Enter a title of your choice for the new page in the form field. For example - Referral Program.

Step 21

In the Add page form, select the "Visible" option under Visibility.

Step 22

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

Step 23

In the form, click "Save" at the top right corner.

Step 24

Click "View" at the top right to see the created page.

Step 25

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