The Announcement Bar allows you to display important messages—such as promotions, shipping information, or updates—to your customers.
You can add multiple messages and display them using either the Carousel or Marquee style for better visibility.
1. Configuration Options
There are have many options for you configure:
1.1. Color scheme
Select the color palette for the entire announcement bar, including background, text, and icons.
1.2. Show separator line
ON: Displays a dividing line below the bar.
OFF: Hides the dividing line.
1.3. Type
Choose how the announcement messages are displayed:
Carousel: Displays each message as an individual slide.
Marquee: Continuously scrolls messages in one direction.
1.4. Carousel settings
Content maximum width: Set the maximum width for each slide.
Auto-rotate slides: Enables automatic slide rotation.
Pause on hover: Pauses rotation when the user hovers.
Change slides every: Slide transition time (seconds).
1.5. Marquee settings
Speed: Controls the scrolling speed.
Direction: Choose scrolling direction (Left → Right or Right → Left).
Divider shape: Icon used to separate each message.
Pause on hover: Pauses scrolling when hovered.
Spacing between content: Message spacing on desktop.
Mobile spacing between content: Message spacing on mobile devices.
Besides, There are many options such as Typography and Section padding, for you to configure.
2. Announcement Content
2.1. Add Announcement
Click Add Announcement to create a new message block.
Each block corresponds to one announcement message.
Maximum supported below 50 blocks
Recommended: 2–5 short, clear messages for best user experience
2.2. Block fields
Text: The content of the announcement. Basic formatting is supported (Bold, Italic, links).
This is the video tutorial for you set up Announcement Bar:
If you would like our team to check your setup, please contact us on Live chat.
