# Announcement bar

You can choose different styles, such as a carousel or marquee, to display blocks and draw your customers' attention. Use the announcement bar section to highlight information like:

* Shipping details
* Important updates
* Promotions (e.g., sales or new arrivals)

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

### **1. How to show/hide announcement bar section**

* To hide the Announcement bar section, ensure the "Eye" icon has a slash over it.

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

* Click the "Eye" icon to display the section.
* Click the arrow beside the Announcement bar section to view the announcement blocks.

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

### **2. Section settings:**

* **Show on home page only**: Select this option to display the announcement bar on the homepage. When users navigate to other pages (e.g., Collection, Product, or Blog pages), the announcement bar will be hidden.
* **Marquee style**: Shows announcements in a continuous scrolling format. Select the scroll direction (Left or Right) and set the speed (Slow, Normal, or Fast) to match your needs.

{% hint style="info" %}
**Note***: When users hover their cursor over an announcement, the scrolling will pause automatically for easier reading. Once the cursor moves away, the announcements will continue scrolling as usual.*
{% endhint %}

### **3. Block settings:**

* **Text announcement block:** Adding a brief storewide message (recommended under 10 words), choose an icon to display at the start of the text for visual appeal, and assign a URL to direct users when they click on the link label.
* **Countdown timer block**: Adding a countdown timer with this block creates a sense of urgency and encourages visitors to take action before the timer runs out.
  * Set the countdown’s end date and time.
  * Enable "Hide block after end of timer" to automatically remove the block when the countdown completes.&#x20;
  * Customize the text and an optional link for display.&#x20;
  * In color settings, enable "Use custom color" to override the section’s colors, adjusting the countdown timer and text colors as desired.

{% hint style="info" %}
**Note**: *The countdown timer always appears to the right of the text.*
{% endhint %}


---

# 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://help.byinspiredlabs.com/header-group/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.