The Announcement bar allows you to display important messages or promotional content prominently at the top of your website. This is an effective way to communicate with your customers about sales, shipping offers, or any timely updates.
Customize the announcement bar
Click the Announcement bar section in the Header group to open its settings.
-
Impulse
Use compact style: When enabled, the heading and text in each announcement bar block are displayed on a single line in the desktop view.
Customize blocks
Select one of the existing Announcement blocks to begin customizing it. If you need more columns, click Add block to insert another block. This section supports up to three blocks.
Heading: Enter the title for the announcement.
Text: Add the content or description related to the title.
Link: Makes the announcement clickable by adding a link.
-
Expanse, Fetch and Gem
Color scheme: Determines the background and text colors for the section. Customize available color schemes in Theme settings > Colors.
Center text: By default, announcement text is left-aligned on desktop. Enable this setting to center the text.
Show social icons: Displays the social media icons for the links added in Theme settings > Social media.
Show language selector: Displays a language selector dropdown so customers can choose their preferred language.
Show country selector: Displays a country selector dropdown where customers can select their region and currency.
Enable Show currency flags: Adds country flags to the country selector.
Customize blocks
Select one of the existing Announcement blocks to begin customizing it. If you need more columns, click Add block to insert another block. This section supports up to three blocks.
Text: Announcement text for desktop.
Mobile text: Announcement text for mobile.
-
Motion
Announcement text: Add the text that will appear in the announcement bar.
Announcement link: Add a link to make the entire announcement clickable.
Allow users to close announcement: Enable this setting to display a close button so users can hide the announcement bar.
-
Streamline
Home page only: Shows the announcement bar only on the home page when enabled.
Announcement text: Add the text that will appear in the announcement bar.
Announcement link: Add a link to make the entire announcement clickable.