> For the complete documentation index, see [llms.txt](https://awecommerce.gitbook.io/awe-seasonal-effects/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://awecommerce.gitbook.io/awe-seasonal-effects/getting-started/effects/announcement-bar.md).

# Announcement bar

Show a promo message, coupon, button or countdown across your store.

Show a promo message across your store — with a coupon code, a button, a link, an image or a countdown timer.

To get started:\
**Open** a campaign → **Elements** → **Announcement bar** → **Edit settings**.

The settings are grouped into 5 cards: **Bar type**, **Elements**, **Background**, **Styles** and **Position**.

***

## 1. **Bar type**

Pick how your messages are shown. The default is **Single**.

<figure><img src="https://2143911517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh99vPHicsa9fNoUu2h0S%2Fuploads%2Fgit-blob-1168de255af35ac42cac5ae3d780c04ea57938ea%2Fannouncement-bar-01-bar-type.png?alt=media" alt="Announcement bar type: Single, Marquee, Rotate"><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="160"></th><th></th></tr></thead><tbody><tr><td><strong>Single</strong></td><td><ul><li>One row that stays still. You can put several elements side by side in that row (for example a message, a coupon and a button).</li><li>Great for: one clear offer.</li></ul></td></tr><tr><td><strong>Marquee</strong></td><td><ul><li>Your items scroll across the bar like a ticker.</li><li>Great for: several short messages at once.</li></ul></td></tr><tr><td><strong>Rotate</strong></td><td><ul><li>Items take turns, one at a time.</li><li>Great for: a few offers that each need the full width.</li></ul></td></tr></tbody></table>

### **1.1 Marquee**

* **Scroll direction**: **Right to left** (default) or **Left to right**.
* **Scroll speed**: 20–200 px/s (default 80).
* **Pause when a shopper hovers**: on by default.

<figure><img src="https://2143911517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh99vPHicsa9fNoUu2h0S%2Fuploads%2Fgit-blob-6cc2627d8745720b8a93c536cc53af288b667e9e%2Fannouncement-bar-types-01-marquee.png?alt=media" alt="Marquee bar type with scroll direction and speed"><figcaption></figcaption></figure>

### **1.2 Rotate**

* **Transition**: **Slide sideways** (default), **Slide up** or **Fade**.
* **Time per message**: 2–15 seconds (default 4).
* **Pause when a shopper hovers**: on by default.

<figure><img src="https://2143911517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh99vPHicsa9fNoUu2h0S%2Fuploads%2Fgit-blob-c987f863a0357aaf59177fac74c28bd16e172142%2Fannouncement-bar-types-02-rotate.png?alt=media" alt="Rotate bar type with transition and time per message"><figcaption></figcaption></figure>

→ *Switching from Marquee or Rotate back to Single keeps only the first item. The other items are kept, so they come back if you switch again.*

## 2. **Elements**

This is where you write what the bar says.

* **Single** → click **Add element** to put more pieces in the same row. Drag to reorder.
* **Marquee / Rotate** → click **Add item**. Each item is one piece (one slide). You can add up to **8** items and drag them to reorder.

<figure><img src="https://2143911517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh99vPHicsa9fNoUu2h0S%2Fuploads%2Fgit-blob-58c4b5991123950dde753ae87f25af5f4a9b460a%2Fannouncement-bar-elements-01-add-element.png?alt=media" alt="Add element menu in the announcement bar"><figcaption></figcaption></figure>

Each element has its own guide:

{% content-ref url="/pages/qPJjSSIWEh7Hga7Pp3i2" %}
[Message & image](/awe-seasonal-effects/getting-started/effects/announcement-bar/message-and-image.md)
{% endcontent-ref %}

{% content-ref url="/pages/MUtIoZW6YWfbt9IifGHy" %}
[Countdown timer](/awe-seasonal-effects/getting-started/effects/announcement-bar/countdown-timer.md)
{% endcontent-ref %}

{% content-ref url="/pages/it60rnOJJ3dOGouO5hDz" %}
[Coupon code](/awe-seasonal-effects/getting-started/effects/announcement-bar/coupon-code.md)
{% endcontent-ref %}

{% content-ref url="/pages/LtWLtJVyk1Qu3ozouzlo" %}
[Button & link](/awe-seasonal-effects/getting-started/effects/announcement-bar/button-and-link.md)
{% endcontent-ref %}

## 3. **Background, styles and position**

{% content-ref url="/pages/rGOVP0dhAzBPq2S5rPEk" %}
[Background & styles](/awe-seasonal-effects/getting-started/effects/announcement-bar/background-and-styles.md)
{% endcontent-ref %}

{% content-ref url="/pages/wUsbDpXS5s3QjLXj6xcd" %}
[Position](/awe-seasonal-effects/getting-started/effects/announcement-bar/position.md)
{% endcontent-ref %}

***

💬 If you have any related questions, please contact us via **Live chat** in the app.