> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/lorenza/pages/utility-bar/announcements.md).

# Announcements

In the Utility bar, you can display up to 3 rotating announcements at the top of every page. Let customers know about current promotions, sales, new product lines, or other need-to-know updates with optional links to other pages.

![](/files/NbWGIKbsQfztYt3ne7oa)

## Add announcements

Add up to 3 announcements with optional links and custom colors. For multiple announcements, you can **set the time between announcements** when rotating.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click the arrow beside the **Utility bar** to reveal the announcement blocks.

   ![](/files/rgUVkzcLWyVARsqPgxaw)
2. Click **(+) Add announcement** to add up to 3 announcements.

   > Click **Remove block** in the block settings to delete an announcement.
3. Click on an **Announcement block** to open the settings.

   ![](/files/G7YEaG66bJqCzSvP1y9V)
4. Enter your **Announcement text** as a message to your customers.

   > We recommend entering no more than 10 words.
5. (*Optional*.) Click the **Announcement Link** field to select a page from your online store or enter a URL to direct customers to another page.
6. (*Optional*.) Change the **Background color** and **Text color** of the announcement.

   > We recommend using WebAIM's [contrast checker](https://webaim.org/resources/contrastchecker/) when matching colors to make sure your text is clear and readable for everyone.
7. Click **Save**.

</details>

### Set time between announcements

By default, multiple announcements will rotate every **5** seconds. You can choose to display each message between **3** to **15** seconds. Announcements with more words may need more time for customers to read them.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click on the **Announcement bar** section to open the section settings.
2. Move the slider to set the time between announcements from **`3`** to **`15`** seconds.

   ![](/files/c3u0iu10m4b3fgPu9hso)

   > Announcements will pause when customers hover over the announcement bar.
3. Click **Save**.

</details>

## Settings reference

Click on the **Announcement blocks** to find the following settings:

| Setting           | Description                                                                        |
| ----------------- | ---------------------------------------------------------------------------------- |
| Announcement text | Enter a short sentence as a storewide message. We recommend between 4 and 8 words. |
| Announcement link | Select a page to direct customers to when they click the announcement text.        |

\\

***

> **Related links**
>
> [Header](/lorenza/pages/header.md)
