Introduction
Strategically position your referral campaign pop-up to streamline the referral process and engage customers at the optimal moment.
✨ Referral campaigns are available on the Scale plans. See pricing →
Trigger referral pop-ups from buttons and links
By clicking buttons and links, customers can seamlessly access the referral campaign through a pop-up, without being redirected to another page.
These HTML elements will serve as gateways for customers to sign up as advocates of your brand. You can either edit existing elements or add new ones to your theme code.
From your Shopify admin, go to Online Store > Themes
Click on the ... button > Edit code
Decide where you want the referral pop-up to be triggered (e.g. the /account page) and search for the file
Locate the element and add
open-rivo-advocate-campaignto its class. If you want to create a new button, use the following code as a reference:<button type="button" class="button button--primary open-rivo-advocate-campaign"> Refer Friends</button>
Optional: If you have multiple referral campaigns enabled, add the attribute
data-referral-campaign-id="##{{referral campaign ID}}after the class for specifying the campaign<button type="button" class="button button--primary open-rivo-advocate-campaign" data-referral-campaign-id="5578"> Refer Friends</button>
Save changes.
Visit your storefront and navigate to the page where you added the element. Here's an example of our new button on the /account page.
Advanced Features
Referral campaigns offer customizable advocate and friend rewards, fraud prevention, and design options (colors, fonts, backgrounds). Fraud prevention includes IP checks, self-referral blocking, email variation filtering, cookie tracking, and new customer validation.
For best results, promote your referral campaign across your site, test the flow, and use balanced rewards for both advocates and friends.