# Announcement bar

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(1)_6lKU6SzJ.jpg)

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 type="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;**.**

</Hint>

## How to edit an Announcement bar section

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

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light_Tj0PBCzb.jpg)

* **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 type="success">

Steps:

1. Locate **Announcement bar.**
2. Click **Add block.**

</Hint>

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

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(2)_qnxy60ot.jpg)