Introduction
A dedicated referral page is a great way to increase customer engagement and stimulate word-of-mouth marketing for your business. In this article, we will walk you through how to add your referral page to your website.
✨ Referrals campaigns are available on the Scale and Plus plans.
Creating the dedicated referrals landing page
Step 1: Get your referral campaign unique div
The Referral Campaign div is found
From your referrals dashboard, click Edit on the referral campaign
Copy the number string included in the URL (e.g.
/campaigns/xxx/edit)
Step 2: Add your referral page code to a Shopify page template
The next step is to add your Referrals code snippet to a page template. This div will contain the content for your referral campaign.
Go to your Shopify admin panel and navigate to Online Store > Themes
Click on the ... button and click Edit code
Under Template, click Add a new template and select a page template
Create a liquid template called
page.rivo-refer.liquidAdd in the code snippet below
<div id="rivo-referral-campaign-727">
Remember to replace
727with your actual referral campaign IDSave the changes when you're done.
Step 3: Create a new Page
In this step, you're going to create a new page that will serve as your referrals landing page.
From your Shopify admin panel, go to Online Store > Pages and click Add page - or click here
Give your page a relevant title, such as "Refer" or "Share"
Under Theme template, select
rivo-referin the dropdown - or just click on the name of the template where you added the referral campaigndivOnce you have edited the Content, website SEO, and Visibility, save your changes.
Step 4: Review the Page
Finally, you need to check if your referral campaign is displayed on the new page. Visit the URL of your new page and you should see the referral program there!
Common questions
My referral program isn't appearing. Can you help me?
If the referral campaign doesn't appear, double-check your steps and make sure that:
The correct Campaign ID was added to the
divThe
divwas added to the right page template, and the template selected for your Page contains thedivThe Page visibility is set to Visible
The Referrals program is toggled
ONin the dashboardThe Referral Campaign is toggled
ON
Can I add the code snippet on multiple pages?
Yes! You can use this code snippet anywhere, and even trigger it as a popup if you want. See all our embed options →