> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/pages-global-sections/announcement-bar.md).

# Announcement bar

<figure><img src="/files/6lKU6SzJyFYgbAIps4yP" alt=""><figcaption></figcaption></figure>

An announcement bar is a short snippet where you can showcase a message to your site. The **announcement bar** is an excellent way to grab your customer’s attention with important messages, promotions, or countdowns.

## **How to add an Announcement bar to your Shopify store**

{% hint style="success" %}
Steps:

1. In the theme editor (**Customize**), navigate to the **Header** group and click **Add section.**
2. Select the **Announcement bar.**
3. Make necessary changes.
4. **Save** the setting&#x73;**.**
   {% endhint %}

## How to edit an Announcement bar section <a href="#how-to-edit-an-announcement-bar-section" id="how-to-edit-an-announcement-bar-section"></a>

### Section settings

You can control how the bar displays by ticking/unticking the checkboxes.&#x20;

* **Show close button**: Activate the X button on the right-hand side of the bar.

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

* **Enable carousel**:  Enable swiping through when you have multiple announcements.&#x20;
* **Auto-rotate messages**: Activate auto-scroll messages.
* **Change message every** (second): Determine the rotating message's speed when the auto-rotate messages option is enabled.

### Block settings

{% hint style="success" %}
Steps:

1. Locate **Announcement bar.**
2. Click **Add block.**
   {% endhint %}

#### Content

* **Text**: Input the information needed.
* **Link:** Direct customers to a specific page when clicking the bar.
* **Hide on pages**: Hide the Announcement bar on targeted pages.

#### Visibility

You can decide whether to hide one announcement bar from a specific view (mobile/ tablet/ desktop).

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