Modules

Announcement bar

Put one or more short messages at the top of your cart drawer, rotating between them on a timer that shoppers can pause.

What it is

The announcement bar is a small tinted strip inside the cart drawer. It shows one line of your own text. If you write more than one line, the bar cycles through them on a timer.

In the admin the module is called Announcement.

When to use it

Keep each message to one short sentence. The bar is a single row of small text, and a long paragraph will push the rest of the cart down the screen.

The bar sits in the scrolling part of the drawer, not pinned to the top. As a shopper scrolls down through their items, the announcement scrolls away with them. This is deliberate — a permanently pinned banner eats the vertical space that the checkout button needs on a small phone.

Set it up

  1. In the app, open Carts and click the cart you want to edit. You land on the Cart builder screen.
  2. Scroll to Add a module, choose Announcement from the Module list, and press Add.
  3. Find the new row in the Modules list and press Settings.
  4. In Messages, type your text. One message per line.
  5. If you wrote more than one line, set Seconds between messages.
  6. Optionally set a Background and Text colour.
  7. Press Save.
  8. Go Back to modules and use the up and down arrow buttons on the row to move the bar to where you want it among the other body modules.
  9. Press Review and publish. Nothing you change reaches a shopper until you publish.

Adding a link

To make a message clickable, put a vertical bar after the text and then the link:

Free shipping over £50 | /pages/shipping

The whole message becomes the link. Everything after the first vertical bar is treated as the link, so do not use | inside your message text.

Settings

SettingWhat it does
MessagesOne message per line, in the order they will be shown. Add a link with a vertical bar, as above. Blank lines are ignored.
Seconds between messagesHow long each message stays on screen. Minimum 4, maximum 60. If you leave it empty the bar uses 5 seconds. Four is the floor because a bar that changes faster than a sentence can be read is a bar nobody reads.
BackgroundThe strip's background colour. Left empty, it uses a light tint of your cart's accent colour.
TextThe text colour. Left empty, it inherits the drawer's normal text colour.

How it behaves for shoppers

Rotation

The pause button

When there are two or more messages, a small pause button appears at the end of the bar. Pressing it stops rotation until the shopper presses play again. This is an accessibility requirement, not an option — anything that moves on its own for more than five seconds must be stoppable.

The wording read out for that button (Pause announcements and Play announcements) can be changed on the Shopper copy screen, under Announcements and errors.

Shoppers who have asked for less motion

If a shopper's device is set to reduce motion, the bar does not rotate at all. Instead it shows every message stacked one under the other, and no pause button appears. They get more of your text, not less. Write your messages so they still read sensibly when they all appear together.

Limitations

These are things merchants reasonably expect and the app does not currently do. They are listed here rather than left to be discovered.

Saving the settings screen does not change your live store. The success banner says so: these changes go live the next time you publish. Always finish with Review and publish.

Next steps

Use Preview and publishing to watch the bar rotate against a real cart before any shopper sees it. If the bar is not showing on your storefront at all, start with Troubleshooting.