# 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.

   <figure><img src="https://1427773792-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhQxsg0xCpG1doJ626L8X%2Fuploads%2FzzF1EsmKZSOgfjnV5zcF%2Fimage.png?alt=media&#x26;token=6a459ce6-f732-4c59-9169-5438cce2be6b" alt=""><figcaption></figcaption></figure>
2. **Confirmation Screen:**

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

   <figure><img src="https://1427773792-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhQxsg0xCpG1doJ626L8X%2Fuploads%2FwjMSom9viSPJeRM5b3ul%2Fimage.png?alt=media&#x26;token=72f4dd2b-ed50-4bf3-a46f-5771a2b526d8" alt=""><figcaption></figcaption></figure>

### **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.

   <figure><img src="https://1427773792-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhQxsg0xCpG1doJ626L8X%2Fuploads%2FzQLgkMGTQp4T1dkPBL15%2FScreenshot%202024-09-09%20at%2011.03.49%E2%80%AFPM.png?alt=media&#x26;token=f0c22777-5442-4ab4-9304-141ad7bb5b0d" alt=""><figcaption></figcaption></figure>

### **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.

     <figure><img src="https://1427773792-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhQxsg0xCpG1doJ626L8X%2Fuploads%2F9n8wBjAENNAFjToXnyEg%2Fimage.png?alt=media&#x26;token=f92b1e87-a158-4209-925e-02886dc52ef6" alt=""><figcaption></figcaption></figure>
