# Announcement bar

Click on the ***Announcement bar*** section to reveal the section settings.

These settings will allow you to change the background and text colors of your Announcement bar section, layout style, and autoplay speed.

![](/files/TLzZFaHfLkS2g4ptyKyb)

Block types: 

* [Text](#text)
* [Free shipping message](#free-shipping-message)
* [Custom HTML](#undefined)

You can also click on the small arrow next to this section to expand it and show its blocks. This will allow you to access each block to change its text and link.

![](/files/dl0QzW86LHzi1ovidpug)

## Text 

Add single or multiple text announcement bars with links to promote your offers:

![](/files/7YzqDFI7oSzsoUTaMtQq)

## Free shipping message

Use this block to encourage add-on sales and increased quantities.

![](/files/imy1KCap8DWqiTeH4cr2)

Modify the message text as needed. Keep the `|| amount ||` custom short-code to reference your set value from the Cart settings.

## Custom HTML

Build custom announcement messages and use targeting options to provide complete customization for your promotions.

![](/files/i7Ea1HTgwTgZmgrviRYP)

## Target Settings

{% tabs %}
{% tab title="Target Page" %}
Display custom announcement messages to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

![](/files/hhT5RHMagXEzs7Mb7aq9)

{% hint style="success" %}
Create a different announcement bar with custom messages for various pages of your site.
{% endhint %}
{% endtab %}

{% tab title="Target Referrer" %}
Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location. 

![](/files/Z3ViLaSNjqf5re94Xmjl)

{% hint style="success" %}
Enable when running a promotion on another site.
{% endhint %}

{% hint style="success" %}
Use to provide a custom message related to the source promotion
{% endhint %}
{% endtab %}

{% tab title="Target Device" %}
Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

![](/files/sTDxtmuAYK8GZaQzIkjn)

{% hint style="success" %}
Enable custom announcement messages for mobile and desktop.
{% endhint %}
{% endtab %}
{% endtabs %}


---

# 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://palo-alto.presidiocreative.com/palo-alto-4.1/header/announcement-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.