Usage
What customers see
Section titled “What customers see”- A top bar sits above the page. A bottom bar stays at the bottom of the screen, and the page keeps room for it.
- Messages change every few seconds. Hovering or focusing the bar holds the current message, and the pause button stops it. Visitors who prefer reduced motion get no automatic changes.
- The countdown runs every second.
- The coupon button copies the code and says Copied.
- The close button hides the bar for that visitor. After you save the bar again, it shows again.
One bar per position
Section titled “One bar per position”A page shows at most one top bar and one bottom bar: the one with the highest priority that fits the page, the date, the visitor’s group and country, and was not closed.
Examples
Section titled “Examples”- Free shipping message on all pages, closable.
- Black Friday bar with a countdown to the end of the Black Friday promotion and its coupon code.
- A bar for registered customers only, about their loyalty points.
- A bottom bar on the cart page for one country, about local delivery.