How to Set Up an Advocate Landing Page

William Harper Updated by William Harper

The Advocate Landing Page is a designated place for an Advocate to initiate the referral program. When the Advocate clicks through from your brand's email, SMS message, or social share they are directed to this page.

Constructing a landing page that helps increase the chances of your user referring is crucial to the success of your referral campaign. Remove CTA buttons linking to other offers and other sign-up display units from the referral landing page(s). You can do this by setting display rules when for a particular URL such as


  1. Select 'Referral' in the left-side navigation 

  1. Select the Campaign for where the Advocate Landing Page will live.
This step assumes a campaign already exists. Should you need to create your first campaign, head here.

  1. Navigate to the 'Widgets' tab in the Campaign.

  1. Select the 'Advocate Landing Page' tile > Click 'Select Widget' under the tiles on the right-hand side.

  1. From the flyout, select a widget style from the 'Landing Pages'.

  1. In order for the widget to display correctly on a page, Friendbuy needs the following to be added:
    1. Add the HTML element(s) (a CSS id or class) where the widget will be inserted.

    2. Add the 'Advocate Landing Page URL' dedicated to the referral program. The URL can be relative or absolute.

  1. When complete, toggle the widget to 'Is Visible' and then click 'Publish Changes'.

Add Widget to a Landing Page

  1. Create a new page with a URL path: During testing we recommend using a staging URL, test theme, or a hidden landing page to display this placement.
  2. Add the Friendbuy Container DIV <div id="friendbuylandingpage"></div> in the body of the page between your standard site header and footer.

Step-by-Step Video

How did we do?

How to Set Up a Ribbon

How to Set Up a Friend Landing Page