Embed a Referral Widget that links to my store's ReferralCandy Join Page

The ReferralCandy 'Referral Widget' can be embedded on your website's front page (or any page for that matter) to show a widget that pops up and floats at the bottom right corner of the page.

The widget (shown in the example below) invites visitors to sign up for your referral program. It contains a button that when clicked, sends them to your ReferralCandy Advocate Join Page.

Be sure to enable new signups through your ReferralCandy Portal if you choose to use this widget. You can change this setting by going to "Edit Referral Program > Settings".

Your referral campaign must be active in order for the Referral Widget to appear.

For Shopify retailers:

1. In the Shopify Admin Go to Themes

2. Click on "Actions" and select "Edit Code"

3. Go to index liquid and add the Referral Widget code from and click on Save.

4. Make sure that the Referral Campaign is Active and you should see the Referral Widget at the bottom of your Homepage.

For retailers on other platforms:

If your shopping cart platform allows insertion of a HTML/JavaScript snippet (or if you are self-hosting), you can embed a Referral Widget.

  1. Go to your Widgets page.
  2. Go to the 'Referral Widget' section at the bottom of the page
  3. Copy the HTML/JavaScript snippet.
  4. Insert into your store's front page just before the HTML </body> tag.

How to switch 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".

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.