Skip to main content
The announcement bar displays site-wide messages for promotions, shipping updates, or time-sensitive information. It supports multiple display modes and countdown timers without disrupting the shopping experience. Announcement bar section view

What this section controls

This section manages the content, display behavior, and device visibility of messages shown at the top or bottom of your store.

Getting started

1

Open Theme Customizer

From Shopify admin, access the Theme Customizer.
2

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.
Location of announcement bar in Theme Customizer

Display behavior

Control how announcement messages appear to visitors. This setting determines whether your text stays fixed, scrolls, or rotates through multiple messages.
Text stays fixed. Best for single, important messages that need maximum readability.
Text scrolls horizontally. Useful for longer messages or creating visual movement.
Multiple messages rotate automatically. Set the Autoplay interval to control timing between slides.
Display behavior options

Key settings

Adding messages

Click Add block and choose:
  • Text slide - Standard announcement with optional icon
  • Localization - Display language and currency selectors
  • Link - Standalone call-to-action button
  • Countdown timer - Adds urgency with time-based display
Each block includes device visibility controls to show content on desktop, mobile, or both.Adding announcement blocks

Block settings

Each block type offers unique configuration options to control how content appears and behaves across your store.
The most versatile block for displaying announcement messages with optional styling and links.

Available settings

Enter your announcement text. Keep it concise for better mobile display.
Add a visual icon before your text to draw attention. Leave blank for text-only display.Text slide icon option
Use text slides for promotional messages, shipping updates, or any store-wide announcements.

Best practices

Keep it brief

Aim for 2-5 words. Long messages get truncated on mobile.

Limit rotation

If using slideshow, keep it to 2-3 messages maximum. Too many reduces effectiveness.

Time urgency wisely

Only use countdown timers for genuine deadlines to maintain trust.

Test responsively

Always preview on mobile before publishing.
Autoplay interval under 5 seconds can be distracting and reduce message comprehension.

Header section

Configure header settings and navigation options