# Announcement bar

Click on the ***Announcement bar*** section to reveal the section settings.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/qB0PxaCsOnhIPy2vMmpR/announcement-bar.jpg)

These settings will allow you to change the background and text colors of your Announcement bar section, layout style, and autoplay speed.

Block types: 

* [Text announcement](#text-announcement)
* [Free shipping message](#free-shipping-message)
* [Custom HTML](#undefined)

You can also click on the small arrow next to this section to expand it and show its blocks. This will allow you to access each block to change its text and link.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/rsv4PYjreRHteKhHKUSr/announcement-bar-blocks.jpg)

You can also add new blocks by clicking the 'Add block' button.

## Text announcement

Add single or multiple text announcement bars with links to promote your offers:

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/27GoKTIABRzUnPKnkTKh/text-announcement.jpg)

## Free shipping message

Use this block to encourage add-on sales and increased quantities.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/jiJ8kKXXGcyk8V0x6D92/free-ship.jpg)

Modify the message text as needed. Keep the `|| amount ||` custom short-code to reference your set value from the Cart settings.

## Custom HTML

Build custom announcement messages and use targeting options to provide complete customization for your promotions.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/hpYzEOjiOXelEk1EcfHz/ab-custom-html.jpg)

## Target Settings

### Target Page

Display custom announcement messages to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site. Target your message based on where customers are browsing on your site:

{% hint style="success" %}
Create a different announcement bar with custom messages for various pages of your site.
{% endhint %}

### Target Referrer

Target a specific audience by using Target Referrer. Your announcement bar will only appear when the customer arrives at your site from a certain path or location. 

{% hint style="success" %}
Enable when running a promotion on another site.
{% endhint %}

{% hint style="success" %}
Use to provide a custom message related to the source promotion
{% endhint %}

### Target Device

Target only certain devices or create a custom announcement bar message for mobile devices and another for desktop browsers.

{% hint style="success" %}
Enable custom announcement messages for mobile and desktop.
{% endhint %}