# 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://berylsystems.gitbook.io/referral-hero-documentation/integrations/embeddable-widgets/referral-welcome-banner.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.