Announcement bar
Updated 1 month agoAnnouncement bar is a top banner that highlights important messages like offers, updates, or urgency triggers. You can use it to promote limited-time deals, shipping offers, or important announcements that you want users to notice immediately.
Let's start with what will happen if you drag and drop the announcement bar from the left to the right.
Action
Choose whether you want to target your announcement bar to the product page or the collection page.
Announcement bar settings
In the announcement bar settings, under Text Style, you can:
-
Edit the announcement text
-
Select the font
-
Adjust the size or weight
-
Set the line height
-
Change the letter spacing
-
Update the text color
-
Choose the alignment left, center, or right
-
Modify the capitalization
Under Animation, you can choose from five different animation styles to control how your text appears.
Under Layout Padding, you can customize the announcement bar’s color, adjust its radius, and set the padding.
You can enhance the appearance of your announcement bar by adding a background color. Choose a color that aligns with your brand, and customize its radius for rounded edges, adjust the padding for proper spacing inside the bar, and set the margin to control the spacing around it.
Under border customization, you can control how your announcement bar looks and behaves.
-
Decide which side the content should appear from
-
Set the overall width of the bar
-
Choose a color that matches your brand to create a polished and cohesive appearance.
Benefits:
-
Brings instant visibility for offers without needing extra space
-
Creates urgency (great for flash sales or countdown messaging)
-
Improves conversion rates by pushing key messages upfront
Related Articles
