> For the complete documentation index, see [llms.txt](https://berylsystems.gitbook.io/referral-hero-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://berylsystems.gitbook.io/referral-hero-documentation/integrations/embeddable-widgets/referral-welcome-banner.md).
# Referral Welcome Banner
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 `` 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.