What this section controls
This section manages announcement content, carousel behavior, dropdown card menus, and visual styling across the top of your store.Getting started
Locate Announcement bar
The section is pre-added under the Header in the left sidebar. If removed, you can re-add it using the “Add section” button.
How announcement bar works
The announcement bar automatically switches between static and carousel mode based on the number of text slides you add. With a single slide, you can enable dropdown cards for detailed multi-section announcements. With multiple slides, messages rotate automatically at your chosen interval.Section settings
- Carousel
- Styling
Autoplay interval
Controls the timing between slide rotations when you have 2 or more text slides.Timing control
Timing control
Set the autoplay interval between 2 and 6 seconds using increments of 0.5 seconds. Default is 3 seconds.When to use:
- Use 3-4 seconds for short announcements
- Use 5-6 seconds for messages with more text
- Avoid intervals under 3 seconds to prevent distraction
Carousel mode is automatically enabled when 2 or more text slides are present.
Block settings
The text slide block is the foundation of all announcement content, offering rich text messaging, dropdown cards, and countdown timers.- Text slide
- Dropdown cards
- Countdown timer
Basic content
Enter your announcement message using the rich text editor. This supports bold, italic, links, and formatting.Default message: “Welcome to our store”
Best practices
Single vs multiple slides
Use one slide with dropdown cards for detailed information. Use 2-3 slides for rotating simple announcements.
Keep it brief
Limit announcement text to one clear sentence. Long messages reduce mobile readability.
Dropdown card clarity
Use dropdown cards when you have 2-3 related announcements that need more context than a single line.
Carousel timing
Set autoplay interval to at least 3 seconds. Faster rotations reduce message comprehension.
Countdown authenticity
Only use countdown timers for real deadlines. Test the end message behavior before going live.
Mobile testing
Always preview on mobile devices. Dropdown cards expand differently on smaller screens.
Common use cases
Flash sale with timer
Flash sale with timer
Use a single text slide announcing “Flash Sale Ends Soon!” with a countdown timer showing the exact deadline. Set timer end message to “Sale has ended” for clarity after expiration.
Multiple shipping policies
Multiple shipping policies
Enable dropdown cards with one slide. Create three cards: “Domestic Shipping”, “International Shipping”, and “Express Options”. Each card explains policies with a link to detailed shipping information.
Rotating promotions
Rotating promotions
Add 2-3 text slides with different offers like “Free Shipping Over $50”, “New Arrivals Available”, and “10% Off First Order”. Set autoplay interval to 4 seconds.
Store-wide announcement
Store-wide announcement
Use a single text slide without dropdown cards for simple messages like “Holiday Hours: Closed December 25-26”. No carousel needed for single important messages.
Related sections
Header section
Configure header navigation and layout settings