Announcement Bar

The announcement bar is the perfect place for promotions or store news.

Overview

The Announcement bar sits at the top of your page, above your site's logo.

With its eye-catching position on your storefront, it's the perfect place to display important information and incentives for your customers, such as:

  • Announcements

  • Promotions

  • Sales

  • News

Announcement bar highlighted in yellow.

Example:

'New paperless returns' 'Students get 50% off loungewear!' 'Black Friday - free US delivery!' 'Officially cruelty free'

Steps

  1. Within your Shopify admin, go to Online Store > Themes.

  2. Click your theme, and select Customize.

  3. On the left-hand menu, select Announcement bar.

Themes > Customize > Announcement bar.

Enabling the Announcement Bar

To display the announcement bar, simply select the Enable checkbox and input your Announcement text into the box below.

Enabling the announcement bar and inputting the Announcement text.

Linking the Announcement to Another Page

You can link your announcement to another page related to the announcement, including:

  • Collection

  • Page

  • Product

  • Blog post.

Simply click the Announcement link entry field, which will bring up a list of pages to choose from.

Alternatively, you can add your own custom link by pasting it into the entry field, and hit Return/Enter.

Linking the announcement bar to another page.

Changing the Announcement Colors

You can change the announcement colors by using the selectors next to Announcement background and Announcement text.

Changing the announcement bar colors.

Enable Social Media Icon

You also have the opportunity to enable the social media icons within your announcement bar.

To do so simply select the checkbox stating Enable social media icons on desktop.

Enabling social icons on the announcement bar.

When the Announcement bar has text, these icons will sit in the center - however, when no text has been entered, these icons will sit on the right.

When browsing on a mobile device, the social media icons will sit in the center of the announcement bar.

You can edit your social media links and settings through your theme settings: