You can implement Refer-A-Friend in one of the below three ways:


Dedicated Landing Page: This page can be available on both desktop and mobile. With this you can now run email campaigns with your contacts (leads, prospects, customer and so on) to share this landing page URL. This page is customizable where you can add header HTML, background image, terms HTML, and extra instruction HTML. This document explains how to configure the dedicated landing page. You can configure a dedicated landing page for Refer-A-Friend campaigns. Each campaign can then be accessible with unique URL. 

Example of div ID is given below. This will change from campaign to campaign.You can configure a dedicated landing page for Refer-A-Friend campaigns. Each campaign can then be accessible with unique URL.

<div><img src='https://d1qbqkkh49kht1.cloudfront.net/e25f6d45e03062e21ecc035538326f03.png'></div>


By default, the Refer-A-Friend landing page hosting will always be available under ShopSocially sub-domain. If you wish you can run this Refer-A-Friend landing page under your domain. You will need to configure this in 'Page' tab. To know how to configure the dedicated landing page, please refer to Configuring Refer-A-Friend Landing Page.

Inpage Button: When user clicks the Inpage Button, it renders the Refer-A-Friend App popup. This will be shown only to those users, who click call to action and choose to engage. Refer to Figure: Inpage Button.

Figure: Inpage Button


You will need to configure this in 'Display Options' in 'Advanced' tab. To know how to configure the Inpage button, please refer to In-Page button.


Embed Widget: In this option only the widget (referral box) gets embedded. You will be required to add suitable referral message. This can be in form text, or an image, or both.

Please note
1. You will need to allocate space for the widget (referral box).The size of the referral box is: Width: 450 pixels, and height: 295 pixels. Therefore you will need to allocate at least this much height and width for the widget if you are trying to embed it in a column on the side of the page or footer section.
2. In addition to the space allocated to the widget, you will also have to allocate space for the referral message.

You will need to configure the embed widget in 'Embed Options' in 'Advanced' tab. Please follow steps given below:

1. Paste the div on your web page where you want Refer-A-Friend sharing box to appear.
2. Paste the code in the head section of the page (not necessary if you have pasted basic integration code on all pages of your website).
For div and code details, click 'View Instructions' and follow steps given in that. Refer to Figure: View Instructions.

Figure: View Instructions


3. Click Save.
4. In Targeting, set up targeting for your page. To know more about Targeting, please refer to Rule-based Targeting.