Getting StartedFeaturesIntegration

Sharing Widget

The Sharing Widget looks similar to the Advocate Dashboard widget but serves a different purpose. It’s designed for current subscribers to view their participation status, access their unique referral URL, and check their number of referrals and any rewards they have unlocked. Unlike the Advocate Dashboard, this widget does not allow new signups directly through it.

Install this widget if you:

  • Want a Stand-Alone Landing Page: Use it as a dedicated page to showcase your referral program for users who are already subscribed.

  • Use a Custom Signup Form: Redirect users to a page with the Sharing Widget after they sign up through your own form.

  • Identify Users through Other Means: Display the Sharing Widget to users identified by other methods (e.g., login on your web app).

Important Note: Users who are not already subscribed will not be able to sign up through this widget and will see an "email not found" error message.

User Experience:

  1. Automatic Identification: The subscriber is identified automatically. If identification fails, the user will be prompted to check their status or "login."

  2. Sharing Screen: Once identified, the subscriber will see the sharing screen, where they can access their referral link and view their status.

Customize the Sharing Widget

  1. Navigate to the Widget Builder:

    • Go to Campaign Overview > Edit Campaign > Widget Builder

  2. Select Advocate Dashboard:

    • Choose the Advocate Dashboard from the widget options.

  3. Customize the Login Form & Dashboard:

    • Adjust the settings for the form, including the placement, text, and display options.

  4. Save Your Changes:

    • Make sure to save any changes you make to apply them to your campaign.

Install the Sharing Widget:

  1. Get Your Global Tracking Code:

    • Navigate to your ReferralHero account and go to your Campaign Overview > Edit Campaign > Launch.

    • Copy the Global Tracking Code provided.

  2. Add the Global Tracking Code:

    • Integrate the ReferralHero Global Tracking Code into your website so that it loads on every webpage.

    • Typically, this involves placing the code within the <head></head> section of your website's HTML.

  3. Add the Widget to Your Page:

    • Decide where on your webpage you want the Sharing Widget to appear.

    • Paste the following snippet within the <body></body> section of your HTML code, exactly where you want the widget to be displayed:

    <body>
  <div id='referralhero-sharing-widget-MFxxxxxxxxxx'></div>
</body>
PreviousReferral Welcome BannerNextFloating Button

Last updated