Referral Hero Documentation
Getting StartedFeaturesIntegration
  • Introduction to ReferralHero
  • Getting Started
    • Quickstart
    • Creating a New Campaign
      • Choose a Campaign Type
      • Set Your Goals
      • Define a Unique Identifier
      • Set Up Integrations
      • Set Up Automations
      • Configure Options
  • Features
    • Subscribers
      • Types Of Subscribers
  • Integrations
    • Overview
    • Embeddable Widgets
      • Advocate Dashboard Widget
      • Referral Signup Widget
      • Referral Welcome Banner
      • Sharing Widget
      • Floating Button
      • Customize the Widgets
    • Javascript Web API
      • Getting Started
      • Configuration File
      • Callbacks
      • Add a Subscriber
      • Add a Pending Referral
      • Track multi-step conversion events
      • Track Transaction
      • Identify a Subscriber
      • Identify a Referrer
      • Generate Dashboard Widget
      • Generate Sharing-Screen
    • React JS
    • Platform Specific Integration
      • Shopify
      • Webflow
      • WordPress
    • Mobile SDK's
      • React Native
        • Getting Started
        • Mobile App Testing in Development Mode
    • REST API
      • Lists
        • 🟠POST lists
        • 🟢GET lists
        • 🟢GET lists/:uuid/leaderboard
        • 🟢GET lists/:uuid/bonuses
    • API Tutorials
Powered by GitBook
On this page
  • User Experience:
  • Customize the Referral Signup Widget:
  • Install the Signup Widget on your website:
  1. Integrations
  2. Embeddable Widgets

Referral Signup Widget

PreviousAdvocate Dashboard WidgetNextReferral Welcome Banner

Last updated 8 months ago

This widget can be embedded into your website or used as a standalone landing page. It features a dynamic message or signup form, specifically designed to engage and convert identified referrals.

Note: If the email confirmation requirement is enabled, the user signing up must confirm their email before they will be added to your campaign.

Ideal Uses for the Referral Signup Widget:

  • Targeted Messaging: Customize the widget to display unique marketing messages or promotional offers to new referrals. For example, you can create a personalized message like, “A special friend referred you! Sign up now to receive your exclusive coupon code.”

  • Enhanced Lead Capture: Deploy multiple widgets across various sections of your site, such as at the bottom of blog posts or on dedicated landing pages, to capture leads from different touchpoints.

User Experience:

  1. Initial Display: Visitors are greeted with a signup form designed to capture their details.

  2. Post-Signup: After a successful registration, users are presented with a confirmation screen, completing their signup process.

Customize the Referral Signup Widget:

  1. Navigate to Campaign Overview: Begin by accessing your campaign's settings.

  2. Edit Your Campaign: Click on "Edit Campaign" to modify your existing setup.

  3. Open the Widget Builder: Select the "Widget Builder" option to start customizing your widget.

  4. Select the Signup Widget: Choose the "Signup Widget" from the available options.

  5. Customize the Confirmation Screen: Find and click on the message that says “Thank you for Signing Up.”

  6. Edit the Text: Customize the text in the ‘Property Options’ to match your desired message.

Install the Signup Widget on your website:

  1. Access Your Campaign Settings:

    • Go to your Campaign Overview.

    • Select Edit Campaign.

  2. Copy the Global Tracking Code:

    • Navigate to the Launch section and copy your ReferralHero Global Tracking Code.

  3. Add the Tracking Code to Your Website:

    • Insert the Global Tracking Code into the <head> section of your website to ensure it loads on every page.

  4. Place the Signup Widget on Your Page:

    • Paste the following code snippet exactly where you want the widget to appear, making sure it’s within the <body> tag of your page:

<body>
  <div id='referralhero-signup-widget-MFxxxxxxxxxx'></div>
</body>

This will embed the Signup Widget directly into your website, allowing users to easily sign up for your referral campaign from the specified location on your page.

Referral Sign up Widget & Confirmation screen