Announcement Bar
The announcement bar allows you to display short messages at the very top of your store — perfect for:
- Sales and discounts
- Free-shipping messages
- Holiday promotions
- Important store updates
It can be fully customized and easily turned on/off without removing the section.
You’ll find the Announcement Bar inside the Header group in the Theme Editor.
Announcement Bar — Section settings
These settings control the look and behavior of the entire bar.
| Setting | What it does |
|---|---|
| Color scheme | Chooses the color preset applied to the bar. |
| Mobile text size | Controls how large the text appears on mobile screens. |
| Desktop text size | Controls the text size on desktop. |
| Uppercase text | Forces the text to appear in ALL CAPS when enabled. |
| Text alignment | Align left, center, or right. |
| Show navigation | Adds left/right arrows to move between multiple announcements. |
| Auto-rotate announcements | Automatically switches between announcements. |
| Change announcement every (seconds) | Controls the rotation timing. |
| Background image | Adds an image behind the announcement — great for promos or holidays. |
| Image opacity | Adjusts transparency so the text remains readable. |
Use light opacity for busy images. High-contrast images may make text hard to read.
Announcement blocks (content)
The Announcement Bar supports Announcement blocks — each block is one message.
Icon
Optional decorative icon that appears before the text.
Text
Your announcement message — example:
Free shipping on all orders over $50!
Button
Add a clickable CTA:
- Button label
- Button link
- Button style (primary / secondary / outline)
Create multiple blocks if you want rotating announcements.
Best practices (SEO + UX)
- Keep messages short and clear
- Avoid stuffing too many promotions
- Use relevant internal links (collections, product pages, blog posts)
- Make text readable on mobile
- Use auto-rotate only when necessary
Good example:
🎉 Free shipping this weekend — Shop now →
Bad example:
Free shipping – flash sale – new arrivals – coupon – check our blog – sign up now
Summary
With the Announcement Bar, you can:
- Highlight important information
- Promote campaigns and offers
- Add icons, buttons, and rotating messages
- Control typography, colors, and backgrounds
- Keep everything SEO-friendly and user-focused
A simple but powerful way to boost engagement — without overwhelming visitors.