Header & Footer

Announcement bar

Learn how to configure the announcement bar

The announcement bar is a thin bar displayed above the header. It is used to show rotating announcements such as promotions, free shipping thresholds, or store news, along with optional localization selectors and social media links.

Announcements

Each announcement is added as an Announcement block inside the announcement bar section. You can add multiple blocks, and they will rotate automatically.

Add an Announcement block

  1. Open the Theme Editor and find the Announcement bar in the section list.
  2. Click Add block and select Announcement.

Configure the announcement

  1. Enter the Text for the announcement.
  2. Optionally add a Link to make the announcement clickable.
  3. If a link is set, you can enter Link text to display a separate clickable label. If left empty, the entire announcement becomes clickable.
  4. Enable Show icon to display an icon next to the text, then choose an Icon from the built-in icon library.

Autoplay

When multiple announcement blocks are present, they rotate automatically. The Duration setting controls how long each announcement is displayed before transitioning to the next one. The interval can be set between 3 and 15 seconds.

Localization selectors

The announcement bar can display country and language selectors, letting customers switch their region or language without leaving the page.

  • Show country selector — displays a country selector when multiple countries are available.
  • Show language selector — displays a language selector when multiple languages are available.

These selectors only appear if your store has more than one country or language configured in Settings > Markets.

Social icons

Enable Show social icons to display your store's social media links in the announcement bar. Social media links are managed in Theme settings > Social media.

Colors

  • Background — the background color of the announcement bar.
  • Text — the text and icon color.