Introduction

Creating a dedicated referral page can significantly boost customer involvement and encourage organic promotion of your business. This guide will outline the process of incorporating your referral page into your website.

Creating the dedicated referrals landing page

Step 1: Get your referral campaign unique div

The Referral Campaign div is found

1. From your referrals dashboard, click Edit on the referral campaign
2. 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 subsequent task involves inserting your Referrals code snippet into a page template. This element will house the content for your referral initiative.

1. Go to your Shopify admin panel and navigate to Online Store > Themes
2. Click on the ... button and click Edit code
3. Under Template, click Add a new template and select a page template
4. Create a liquid template called page.brandlift-refer.liquid
5. Add in the code snippet <div id="brandlift-referral-campaign-727">
6. Remember to replace 727 with your actual referral campaign ID
7. Save the changes when you're done.

Step 3: Create a new Page

For this phase, you'll need to generate a new webpage that will function as the landing page for your referrals.

1. From your Shopify admin panel, go to Online Store > Pages and click Add page - or click here
2. Give your page a relevant title, such as "Refer" or "Share"
3. Under Theme template, select brandlift-refer in the dropdown - or just click on the name of the template where you added the referral campaign div
4. Once you have edited the Content, website SEO,and Visibility, save your changes.

Step 4: Review the Page

To conclude, it's essential to verify that your referral campaign is visible on the newly created page. Navigate to the URL of your new page, and you should be able to view the referral program there.

Common questions

My referral program isn't appearing. Can you help me?

Should the referral campaign not be visible, please review your steps and ensure that:

• The correct Campaign ID was added to the div
• The div was added to the right page template, and the template selected for your Page contains the div
• The Page visibility is set to Visible
• The Referrals program is toggled ON in the dashboard
• The 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 →