Display an announcement bar

You have many different options for designing the header of your shop. One of them is adding an announcement bar. This bar is displayed at the top of your shop, even above the bar for your USPs, if you added any.

While you can use the USP bar to display your unique selling points or your contact details, you can use the announcement bar for all kinds of messages, such as discounts you’re currently offering or the information that you have launched new products.

Your shop design is responsive and adapts to the screen size. For example, the USP bar will not be displayed on smartphones to save space if you have also activated an announcement bar.

How to add an announcement bar

1. In the sidebar of the administration, navigate to Editor.
2. In the bottom bar, select .
3. Open the tab .
4. Select Yes under Display announcement bar.
5. Enter the desired information in the Text field. You can add up to 80 characters. You also have limited formatting options for your text, such as bold font and adding a link. For further information, refer to Learn more about formatting options for text.
6. Pick the background colour by selecting the colour square. If you use a colour for your announcement bar that matches but also contrasts with your shop colours, you can draw attention to it.
7. When you are done, select Save.

You have set up an announcement bar that is now displayed at the top of your header.

To change the content or the background colour, repeat the steps above.

To no longer display the announcement bar in the header, select No under Display announcement bar.
Note that if you only remove the text, the announcement bar will still be displayed, but as an empty bar.

Different use cases

This bar can be used for a variety of use cases. You can use this bar to communicate anything you want to tell your customers. Since the header is displayed on every page of your shop (except checkout pages), it is always visible to your customers.

Your message should be clear and concise to avoid overwhelming your customers. Below you can find more tips and ideas for different ways to use the announcement bar.

General information

From time to time, you might want to share some general information with your customers. For example, about an upcoming temporary shop closure during the holidays.

• One advantage of this is that you can keep the rest of your content as it is, since you don't have to add the information to other pages on your shop.
• By using bold formatting, you can highlight the most important parts, such as the time span of your break.

Discounts

Discounts allow your customers to buy from your shop at a lower price and can motivate them to place an order or even order more, which can increase your sales. For further information, refer to Coupons.

• Highlight the most important information in bold, e.g. how much your customers can save (25%) and the coupon code (SUMMER25).
• By creating a specific coupon code for this offer, you can easily track the number of sales generated by the announcement bar.
• You can also add a call to action with a link to one of your product pages, like SHOP NOW.

New products & Information about next day shipping

By informing your customers about new products, you may spark their curiosity and increase their engagement and thus potentially your sales. Combined with the information about next-day delivery, this can be a successful strategy.

• Place a call to action with a link at the front and format it in bold (Explore our New Arrivals).
• Present several pieces of information and separate them with a special character, like a straight line: |
  Just make sure that you don't add too much information to avoid overwhelming your customers.