Set up a flexible announcement message bar with targeting options

An announcement bar is a short snippet where you can showcase a message to your site. Using an announcement bar on your website is one of the easiest ways to draw visitors' attention. You might add an announcement bar to highlight the following information:

  • shipping information
  • new stock alerts
  • any promotions, such as sales or new gift cards, etc.

img-1

  1. In the theme editor (Customize), click Add section
  2. Locate Announcement Bar
  3. Save

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

  • Show announcement: Enable/disable the bar.
  • Home page only: Activate to display on the home page only or across all pages.
  • Show close button: Activate the X button on the right-hand side of the bar.
  • Message: Input the information needed.
  • Link: Direct customers to a specific page when clicking the bar.
  • Show divider: Differentiate the bar from the header section.

img-2

Text and background color for the announcement bar can be changed in Theme settings > Colors.

img-3