Announcement Bar

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

The Announcement Bar is located at the very top of your page, above your site’s logo and social media icons, giving it a very prominent position on your storefront, catching the eye of every customer who lands on your site.

Because of this strong location, it is the perfect place to engage with your customers and make them aware of the fantastic benefits of shopping with you.

Use your Announcement bar to welcome your customers to your store; let them know of current and upcoming promotions, include language which encourages the buyer to make a purchase.


  1. Online Store → Themes → Customize

  2. Sections

  3. Announcement bar

  4. Add the text you wish to be displayed by filling in the “Announcement text” field.


Your Announcement bar requires text to display.

If no text is present, the announcement will not show - you can use this to hide the bar, if preferred.

If you wish to add a link to a Collection, Page, Product or Blog post, you can choose any of these by clicking in the “Announcement link” entry field - this will bring up a list to choose from.

To add your own custom link, just paste it directly into the entry field:

Changing the colours for your Announcement bar

You can easily change both the background and text colours of your Announcement bar, independently.

Simply click on the coloured rectangle next to “Announcement background” or “Announcement text” and this will display a colour picker where you can choose a colour which matches your current branding or possibly something which jumps right out at your customers

Changing typography

To alter your announcement bar’s typography, head to Theme Settings > Typography:

At the foot of these settings you'll find the Announcement Bar section, where you'll be able to edit the font size, letter spacing, font style, and letter case of the announcement bar message:

Remember to click “Save” when you're happy with the final look!