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 Welcome Banner:
  • Install the Referral Welcome Banner on your website:
  1. Integrations
  2. Embeddable Widgets

Referral Welcome Banner

PreviousReferral Signup WidgetNextSharing Widget

Last updated 8 months ago

The Referral Welcome Banner is a versatile widget designed to appear at the top or bottom of your website. It features a dynamic message or signup form aimed at engaging and converting identified referrals.

User Experience:

  1. Signup Form:

    • Visitors or referrals first encounter the signup form. This form can be displayed to all site visitors or limited to referrals only, based on your campaign settings.

  2. Confirmation Screen:

    • After a successful signup, users are presented with a confirmation screen, reinforcing their engagement with your referral program.

Customize the Referral Welcome Banner:

  1. Navigate to Campaign Overview.

  2. Click on Edit Campaign.

  3. Select Widget Builder.

  4. Choose Referral Welcome Banner to customize the banner's design, message, and settings to align with your campaign goals.

Install the Referral Welcome Banner on your website:

  1. Add the Global Tracking Code:

    • Navigate to Campaign Overview > Edit Campaign > Launch and copy your Global Tracking Code.

    • Paste this code into the <head></head> section of your website to ensure it loads on every webpage.

  2. Enable the Welcome Banner:

    • Go to Campaign Overview > Edit Campaign > Launch > Step #3 > Referral Welcome Banner.

    • Toggle the banner ON.

  3. Customize Display Settings:

    • Decide whether you want the banner to display for all visitors or only for referrals.