You can embed a referral widget on your website’s front page (or any page you prefer!) so website visitors can easily sign up as an Advocate and start referring friends to your store.
The widget pops up into a signup page when clicked. You can embed this widget in the bottom right or bottom left corner of your store’s website.
Before you proceed, please take note that:
You may need a developer to assist you with this process
Your platform must allow the insertion of an HTML/JavaScript snippet
Steps may vary depending on the store platform you are using.
You can view this widget live in our own official merchandising store!
Note: Your referral program must be Active for the referral widget to appear.
Embedding the referral widget on your website
On your ReferralCandy dashboard, go to Campaigns and click All Campaigns.
Find your active campaign and go to the Widgets page.
Find the Referral Widget section and click Copy to copy the code snippet.
Paste the code snippet just before the </body> on your store's page. If you're a Shopify merchant, follow the steps below.
Save the changes.
Embedding the referral widget on your Shopify store
In the Shopify Admin page, go to Online Store and click Themes.
Find your active theme and click Customize.
Click the three-dot menu and select Edit code.
Under Layout, select theme.liquid and paste the code snippet at the bottom of page.
Click Save.
You can view your store’s site to confirm that the referral widget is now displayed.
Switching the widget's position on your page
By default, the widget will be located at the lower right-hand side of the page where it is inserted. It is possible to move this to the lower left-hand side of the page by specifying the value of the data-location attribute to "left".
💬 Need help? Click the chat widget on the right to start a conversation. Learn more