Announcement bar

An announcement bar allows you to efficiently announce short sentences, such as temporary promotions, free shipping guarantees, or temporary business holidays.

Managing messages

To add or remove messages to the announcement bar, open the theme editor, and click on the "Announcement bar" section in the header group. Existing messages will be visible below the section:

To add a new message, click on "Add message." To remove an existing message, select it, and click on the "Remove block" button to remove the message.

Hiding the section

Sometimes (to prepare a new sale, for instance), hiding the section completely while keeping the messages can be desirable. To do that, open the theme editor and click on the small eye icon next to the section to hide it completely. To make it visible again, click again on the small eye icon.

Section guidelines

Do

  • Use short texts (make sure you try your store on mobile, where it is narrower).
  • Limit the number of rotating texts to 2 or 3. While you can use more, your customers probably won't see them.
  • Turn off the sticky option if possible (especially if you have a tall header that is also sticky, it can drastically reduce the readability of your store for users on small screens).

Don't

  • An announcement bar can be easy to miss due to its small size. Therefore, avoid using the announcement bar for critical information. Instead, use a bigger section in the page.