# 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="/files/8gy3Ehy5lTWm5mltyxot" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/XeJ4wU3APknwseFBNrYI" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/apd6EcBMozQfmI29FAas" 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="/files/io6PmDNLGnOGrF19krgc" 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="/files/zdq1KGqJz3ukzgYyQWKf" alt=""><figcaption></figcaption></figure>


---

# 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://docs.uppromote.com/settings/advance-settings/message-bar.md?ask=<question>
```

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.