The announcement bar above your header

3 min read · Updated November 1, 2026

This article puts a strip of news above your header, on every page of your shop.

Use it for a sale, free delivery or a holiday closing, and use it again to take the strip down.

Before you start

  • Editing needs the Customize Store Appearance permission.
  • The strip sits above the header on every page only while it is the first section in the list. Anywhere else it is an ordinary block on the home page.
  • A page holds up to 15 sections, and the gallery shows how many you have used before you add another.

Step 1. Add the bar

Press Add section at the top of the section list and pick Announcement Bar, the first card in the gallery, described there as Top banner with promotions or important messages.

Announcement Bar is the first card in the gallery: a top banner for promotions or important messages.

Step 2. Move it to the top

A new block lands at the bottom of the list. Drag it by its grip to the first place, or open its menu and choose Move up until it gets there.

This step decides where it shows: first in the list and it shows above the header on every page, second or lower and it is a band on the home page only.

First in the list is what makes it a strip above the header on every page; anywhere lower it is just a band on the home page.

Step 3. Write the message

In the settings panel, under Message, fill in Message (English) and Message (Arabic). Each shopper reads the one for the language they are browsing in. If you leave the Arabic box empty, Arabic shoppers see the English line.

Leave both empty and shoppers see nothing. Inside the builder the strip stays visible with Type the announcement text in the settings, so you never lose track of it.

Message gives you a box for each language, and a shopper reads the one their shop is in.

Step 4. Colour it

Section colours holds Background, then Second (gradient) and Third if you want the colour to change across the strip, and Message colour for the words.

Leave them empty and the strip follows your store theme. The small badge beside the title checks that the words are easy to read on the background, and shows a cross when they are not.

Section colours holds the background, a second and third colour for a gradient, and the colour of the words; the small badge beside the title reads the contrast between them.

Step 5. Take it down

The eye on its row hides the strip and keeps everything you wrote for next time. Delete in its menu removes it, and undo brings it back if you were too quick.

The eye on its row takes the strip down and keeps every word you wrote for the next time you need it.

Step 6. Publish

Nothing here reaches a shopper until you press Publish. Write it, look at it in both languages, then publish.

Nothing here reaches a shopper until you press Publish.

Was this guide helpful?

More in Live Page Builder

Still need help?

Our team answers every ticket, in English and Arabic.