Creating a Dedicated Referral Page Via Code

Loox Referrals is available on the Scale plan and above. Click here to upgrade your plan

With the dedicated Loox Referral page, you can instantly turn your visitors and customers into brand advocates.

The article below will help you create a dedicated Loox Referral page by creating a new page, and adding the Loox Onsite Referrals Widget code to it.

Note: This method does not support the option to customize the page's Onsite Referral Widget appearance or add an image to it.

To customize and adjust the appearance of the Onsite Referral Widget, Create your dedicated Referral page using the Shopify Theme Editor.


Manually creating a Referrals Page

To create a dedicated Loox Referral page via code:

  • Inside your Shopify Pages menu, click "Add page" on the top-right.
  • Give your page a title, e.g., "Refer-a-Friend" or "Referrals".
  • Under "Content", click the "<>":




  • Copy the following line of code:    
  • Paste it into the text area and click "Save":




  • Verify it looks as you expected by clicking "View".
  • You can then add the new page to your navigation bar using the Shopify Navigation menu.

If you have more questions, contact our Support team. We’re available 24/7 and happy to help!

Related Articles

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article