Sharing Widget
Last updated
Last updated
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).
Automatic Identification: The subscriber is identified automatically. If identification fails, the user will be prompted to check their status or "login."
Sharing Screen: Once identified, the subscriber will see the sharing screen, where they can access their referral link and view their status.
Navigate to the Widget Builder:
Go to Campaign Overview > Edit Campaign > Widget Builder
Select Advocate Dashboard:
Choose the Advocate Dashboard from the widget options.
Customize the Login Form & Dashboard:
Adjust the settings for the form, including the placement, text, and display options.
Save Your Changes:
Make sure to save any changes you make to apply them to your campaign.
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.
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.
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:
