Announcement bar
Last updated
Last updated
The Announcement bar displays rotating announcements at the top of every page. Let customers know about current promotions, new products, or other need-to-know updates with links to more info.
Add up to 3 announcements with links
Display announcements as rotating slideshow or scrolling text
Change announcement bar colors
Enable sticky bar to keep announcments visible
Show announcements on all pages or homepage only
Enable sticky bar to keep visible when scrolling
Change the text size of announcements
Click Announcement bar section to find settings
| Setting | Description | Options |
|---|---|---|
Show on homepage only | Choose to show announcement bar only on the home page or on all pages. | Default: Enabled |
Enable sticky announcement bar | When enabled, the bar remains visible at the top of the screen when scrolling down the page. | Never Default Desktop Mobile Both |
Text size | Adjust the size of the section text from small to large. | Small Medium Default Large |
Select a set of colors to apply to the bar background and text. You can add and define different color schemes in Theme settings > Colors. Learn more.
The announcements have two rotation styles. The Slideshow style rotates announcements vertically. The Scrolling text style scrolls announcement text across the screen continuously.
Click Announcement bar section to find settings
| Setting | Description | Options |
|---|---|---|
Style | Display announcements as rotating slides or as a scrolling ticker. | Slideshow Default Scrolling text |
Click Announcement bar section to find settings
| Setting | Description | Options |
|---|---|---|
Auto-rotate announcements | When unchecked, visitors can click to view the next announcements. | |
Change every | Display each message between 4 to 15 seconds before rotating. | 4 - 15 sec Default: 4 |
Click Announcement bar section to find settings
| Setting | Description | Options |
|---|---|---|
Scroll duration | Set the number of seconds it takes for announcements to scroll from beginning to end. | 5 - 45 sec Default: 10 |
Scroll direction | Choose to scroll content towards the left or right. | Left Default Right |
Add up to 3 announcements with rich text and alternate text for mobile screens.
Click the arrow next to the Header section, then click (+) Add Announcement. Click an announcement block to add text.
Click Announcement block to find settings
| Setting | Description | Options |
|---|---|---|
Text | Enter a text as a storewide message. We recommend between 4 and 8 words. | Default: "Free worldwide shipping..." |
Text on mobile | Enter alternate text to display on mobile. |
