Announcement bar

A guide to set up a flexible announcement message bar at the top of your site

An announcement bar is a short snippet where you can showcase a message to your site. The announcement bar is an excellent way to grab your customer’s attention with important messages, promotions, or countdowns.

How to add an Announcement bar to your Shopify store

Steps:

1. In the theme editor (Customize), navigate to the Header group and click Add section.

2. Select the Announcement bar.

3. Make necessary changes.

4. Save the settings.

How to edit an Announcement bar section

Section settings

You can control how the bar displays by ticking/unticking the checkboxes.

• Show close button: Activate the X button on the right-hand side of the bar.

• Enable carousel: Enable swiping through when you have multiple announcements.

• Auto-rotate messages: Activate auto-scroll messages.

• Change message every (second): Determine the rotating message's speed when the auto-rotate messages option is enabled.

Block settings

Steps:

1. Locate Announcement bar.

2. Click Add block.

Content

• Text: Input the information needed.

• Link: Direct customers to a specific page when clicking the bar.

• Hide on pages: Hide the Announcement bar on targeted pages.

Visibility

You can decide whether to hide one announcement bar from a specific view (mobile/ tablet/ desktop).