Announcement Bar
The Announcement Bar is a multifunctional header utility section designed to improve customer communication and enhance the shopping experience. It combines promotional messaging, contact information, and localization controls into a single responsive component positioned at the top of the storefront.
The section supports rotating announcement messages, a customizable contact information area, and integrated language and currency selection using Shopify's Localization API. It is fully responsive and optimized for both desktop and mobile devices.
How to Edit the Announcement Bar
- From your Shopify admin, go to Online Store → Themes.
- Click Customize on the active theme.
- In the Theme Editor, select the Announcement Bar section from the left sidebar.
- Add announcement blocks and adjust the available settings according to your needs.
- Click Save to apply your changes.
Section Settings
These settings control the overall appearance and functionality of the announcement bar.
- Color Scheme: Selects the color scheme applied to the announcement bar.
- Section Padding: Add padding at the top and bottom to fine-tune the spacing of your bar.
- Contact Text: Displays contact information or a custom message on desktop devices.
- Show Country Selector: Enables or disables the language and currency selector.
- Autoplay: Automatically rotates announcement messages.
- Autoplay Speed: Controls the delay between announcement transitions.
Block Settings
The section supports up to 5 announcement blocks.
- Message Text: The announcement message displayed within the slider.
- URL: Optional destination link for the announcement message.
Announcement
The Announcement block is great for static messages like store updates or promotions.
Best Practices
Do
- Keep announcement messages short and easy to scan.
- Keep contact information up to date.
- Configure language and currency options when selling internationally.
- Link announcements to relevant landing pages when applicable.
Don't
- Use excessively long announcement messages.
- Use announcements for large amounts of content.
- Enable localization selectors if Shopify Markets is not configured.
- Overload customers with multiple competing announcements.