# Message bar

## Display for affiliate traffic

For the customers, buying through an affiliate link is sometimes confusing, they might browse your site while having no idea whom they are actually referred. In that case, you should add a message to let your visitors know from whose link they are accessing your store.

The message bar will appear on top of your store, on every page (except the checkout page). You can customize the message to any text you want, as well as edit the font size, text color, or the bar background color.

Simply go to **Displays** > **Message Bar** > Edit the **Message** settings >  **Save**. You can see the preview right below the settings:

When adding the message, you can also add a tag of **{affiliate\_name}** or **{company}** to clarify who the customer is buying from. The <mark style="color:red;">UpPromote</mark> system will replace the tag(s) corresponding affiliate's name and company.

<figure><img src="https://2915776664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LnqRFg4of77qA6qOdUp%2Fuploads%2FZYgbthwl3hHZ2IUeVPdu%2Fimage.png?alt=media&#x26;token=a9025939-ca92-4645-95fe-b505fde3170b" alt=""><figcaption></figcaption></figure>

In order to edit the design, please click on the **Customize** button:

<figure><img src="https://2915776664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LnqRFg4of77qA6qOdUp%2Fuploads%2Fe3gwrQIRd7PxnFThlPwi%2Fimage.png?alt=media&#x26;token=7ec20a9a-ed3c-4636-a632-70e32b285668" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2915776664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LnqRFg4of77qA6qOdUp%2Fuploads%2FpTPWoNu3AhI8f2cHESWI%2Fimage.png?alt=media&#x26;token=6aee6bf2-5c30-4645-8897-94cf4f21e221" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note**:&#x20;

* The Font family of Message bar will be following your Shopify theme's font.
* To show the affiliate's company by applying the tag {Company}, be noted that your[ **affiliate registration form**](https://affiliateapp-docs.secomapp.com/set-up/affiliate-registration-form/add-more-fields) needs to contain the field **Company.**
  {% endhint %}

## Display for non-affiliate traffic

Moreover, you have the option to show a message to your customers if they **DON'T** access your store through an affiliate link. This section helps you remind your visitors to access the site through a referral link (it's especially effective when you work with a non-profit organization):

<figure><img src="https://2915776664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LnqRFg4of77qA6qOdUp%2Fuploads%2FyDdixptbk87e8wETouYP%2Fimage.png?alt=media&#x26;token=0a47dc21-b6fa-4fa1-b42c-4dd9194c3107" alt=""><figcaption></figcaption></figure>

You can edit/preview the message bar by clicking on the **Customize** button.&#x20;

After editing the message bar, don't forget to click **Save.**

{% hint style="warning" %}
**Note:** After saving changes of the Message bar or when you publish a new theme for your store, please click on the link provided on the right banner of the **Message bar settings** page to **enable** the function on your Shopify theme, then click **Save** to show the Message bar widget on your website.
{% endhint %}

<figure><img src="https://2915776664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LnqRFg4of77qA6qOdUp%2Fuploads%2F9WL0LWsfrjxmYCjdtxV2%2Fimage.png?alt=media&#x26;token=39325e79-6ee7-472a-b7df-c75c57f39e92" alt=""><figcaption></figcaption></figure>
