The Announcements Bar section appears above your header and serves as a prime location for communicating time-sensitive information, promotions, and important updates to customers.
Visual
Color scheme: Select from your predefined theme color schemes (e.g., Scheme 2) to ensure the announcement bar aligns with your brand identity and stands out appropriately. Choose contrasting schemes to draw attention or complementary ones for a cohesive look.
Typography Controls
Select font: Choose between body font and heading font.
Font size: Adjust text size. Larger sizes increase readability but reduce the amount of content you can display, especially on mobile devices.
Letter spacing: Fine-tune character spacing (measured in %) to improve readability or create a more distinctive look.
Enable uppercase: Transform all announcement text to uppercase for added emphasis and visual impact. This works particularly well for short, punchy messages like "FREE SHIPPING OVER €50" or "SALE NOW ON".
Slideshow Settings
When you have multiple announcements, these settings control how they rotate:
Autoplay interval: Set the rotation speed in seconds (default: 3s). The slideshow automatically cycles through announcements at this interval. Consider these guidelines:
- 2-3 seconds: Fast rotation for brief messages
- 4-5 seconds: Standard timing for most announcements
- 6+ seconds: Slower pace for longer messages or detailed information
Sliding behavior: Choose how announcements transition, One by one or All visible.
Tips
Common use cases:
- Free shipping thresholds and delivery information
- Seasonal sales and promotional campaigns
- Holiday shipping deadlines
- New product launches or restocks
- Store-wide discount codes
- Customer service updates or policy changes
The announcement bar is one of the first elements customers see. Use it strategically to drive conversions, but avoid cluttering it with too many messages that could distract from the shopping experience.