Referral Candy element

In this article, you will learn how to use Referral Candy element.
In order to use this element, you will need to install Referral Candy app from Shopify Store and go to PageFly to use the element.

Install Referral Candy

Install PageFly

About Referral Candy element

ReferralCandy helps Shopify and Shopify Plus merchants reach new customers, grow their brand through word-of-mouth, and build customer loyalty through a refer-a-friend program.

Before using this element, you have to install the Referral Candy app to your store and configure all options in the app and then come back to PageFly to use the element(s) on all of your PageFly pages. 

Access the Referral Candy element

Step 1:  Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button, OR click in symbol settings next to the search bar.

Step 2: In Integrations popup page, you can search “Referral Candy” on the search bar and then Enable it.

Step 3: Drag and drop Referral Candy element into the editor.

Referral Candy Configuration

Step 1 : Set up Referral Candy – Referral Signup Form element by your Shopify Account.

Go to your Shopify Admin > Apps > Choose Referral Candy – Referral Signup Form to set it up.

Step 2: Set up Referral Signup Form for your store

In the Shopify Dashboard of Referral Candy, choose the option: View Referral Sales

To start configuring for your Signup form, in the Dashboard of Referral Candy, head to Edit Referral Program > Emails & Pages.

Then select a Theme for your referral signup form

You can choose to edit an available theme. Check this GIF for more details.

Or you can create a new Theme for your referral signup form.

After configuring for your theme, get the embed code. Head to Edit Referral Program > Widgets > Embedded Signup > Add Code Snippet > Copy the code.

Lastly, paste the code in PageFly page editor. 

Styling Configuration

You can customize the styling of the Referral Candy element in the Styling tab.

You can check more information about the Styling tab here.

Finally, hit Save & Publish to view in live page.