> For the complete documentation index, see [llms.txt](https://help.freewebstore.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.freewebstore.com/design/theme-editor/banners.md).

# Banners

How to add promotional images, offers and announcements to your store.

Banners are a great way to show off an offer, a new range or an important message, with a picture, a few words and a link.

On the new design system there are no fixed banner areas (header, left, right or footer banner). Instead, you add a **block** wherever you want your banner to appear, on any page, and edit it in place.

{% hint style="info" %}
Using one of our older designs? See [Older designs](#older-designs) at the bottom of this page.
{% endhint %}

### Choose the right block

Some good blocks for banners:

* **Hero Banner**: a large photo slideshow with a headline and button, usually at the top of a page. See Slideshow.
* **Promo Mosaic**: one large picture tile beside four smaller ones, each with its own link. Ideal for promoting several ranges at once.
* **Image with Text 1** and **Image with Text 2**: a picture beside your own words.
* **Scrolling announcement strip**: a slim band of short messages, such as delivery offers or new arrivals.

There are more in **Add a block**. Click a category, such as **Hero** or **Content**, or type a word into **Search blocks…** to find one.

### Add a banner

1. Log in to your Freewebstore Control Panel.
2. Go to **Design > Website Theme**.
3. Open the page you want the banner on. Click **Pages** on the left to switch page.
4. Hover over the section above or below where you want the banner, and click the **+** button on its top or bottom edge.
5. In **Add a block**, choose your block.
6. Click **Publish** to make it live.

### Edit your banner

1. Go to **Design > Website Theme** and open the page with your banner on it.
2. Hover over the banner and click **Edit**.
3. Click **Choose image** to change a picture, and type your own text into the fields. Blocks with clickable tiles or buttons also have a link field.
4. If the block has more than one tile or message, they appear as numbered items along the top of the panel. Click one to edit it, click the **+** to add another, or select one and click **Remove this item**.
5. Click **Done**, then **Publish** to make your changes live.

The fonts and colours come from your store's design settings, so your banners always match the rest of your store. See Colors and Fonts.

{% hint style="info" %}
Banner blocks belong to the page you add them to. To show the same banner on several pages, add it to each page. For one message on every page, use the Notification Bar.
{% endhint %}

### Hide or remove a banner

Hover over the banner:

* To **hide** it for now, click the eye icon, then **Publish**. It stays in the editor, marked Hidden, so you can show it again later.
* To **remove** it, click the bin icon, then **Publish**. Until you publish, **Discard** brings it back.

### Older designs

If your store still uses one of our older designs, it has fixed banner areas (Header, Right, Left or Footer Banner, depending on the design). To edit them:

1. Go to **Design > Theme Editor**.
2. Click **Add** and choose **Section to Page**.
3. Choose **Banners**, then the banner you want to edit if your design has more than one.
4. Edit the banner in the text editor, like any other page, and click **Save**.