Add an announcement bar

false

Add an announcement bar

Last updated September 01, 2026 20:28

Create and style a message that displays at the top of every page on your site.

Use the announcement bar to display a custom message at the top of your site, like a sale announcement, promotion, change to your hours, or other important updates.

The announcement bar appears on every page of your site except cover pages. You can’t limit it to specific pages.

The announcement bar is available in the Core, Plus, and Advanced plans. Learn more about choosing the right Squarespace plan.

Video on adding an announcement bar

This two-minute video walks through how to set up an announcement bar on your site.

Set up an announcement bar

To add an announcement bar:

  • Computer

  • Squarespace app

  • Open the Announcement bar panel, and switch on the Enable Announcement Bar toggle.

  • Enter the text for the announcement bar in the field. You can make the text bold or italicized, and create text links.
  • To make the whole announcement bar a link, click Attach Link, and enter a web address or click the dropdown menu to set up different types of links.

  • Click Save to publish the announcement bar.

  • Tap More, tap Pages, then scroll down and tap Marketing tools.

  • Tap Announcement Bar.
  • Tap to switch on the Enable announcement bar toggle.
  • Enter the text for the announcement bar in the field. You can style the text and create text links.
  • Tap Attach Link to add a link to a page, a file, or other content.
  • Tap Save to publish your announcement bar.

Style the announcement bar

You can style your announcement bar to match your site's brand, or stand out from your site's content.

The announcement bar follows your general font and colors chosen for your site, but you can style it separately.

To change the font:

  1. Open the Site styles panel.
  2. Click > next to Fonts, then click Assign Styles.
  3. Under Announcement Bar, click Text.
  4. Select from preset styles and sizes, or choose Custom.
  5. Click Save.

The announcement bar's color generally matches the header color theme. When the header is transparent, it matches the theme of the section below it. When the header is hidden, it follows your site's default theme.

To change the color:

  1. Open the Site styles panel, and then click > next to Colors.
  2. Click the pencil icon on the theme your announcement bar is following.
  3. Under Announcement Bar, adjust the Background and Text tweaks.
  4. Click Save.

To customize the appearance of the announcement bar:

  1. Open the Site styles panel.
  2. Scroll down to the Announcement Bar style tweaks.
  3. You can edit the background color, text color, and font.
  4. Click Save.

Disable the announcement bar

To disable the announcement bar:

  1. Open the Announcement bar panel.
  2. Switch off the Enable announcement bar toggle.
  3. Click Save.

To disable the announcement bar:

  1. Tap More, tap Pages, tap Marketing, then tap Announcement Bar.
  2. Tap the Show toggle to turn it off.
  3. Tap Save.

Make the announcement bar reappear

For you, while you're logged in

If you close the announcement bar with the X in the top-right corner while logged into your site, a Reset Visibility button appears at the bottom of the Announcement bar panel. Click Reset Visibility to bring it back. This is useful while you're testing and editing your site.

The Reset Visibility button only affects your own view while you're logged in.

For visitors who closed it

To make the announcement bar reappear for visitors who closed it, edit the announcement bar and save your changes.

Was this article helpful?

Yes No

1080 out of 1724 found this helpful

Yes No

Add an announcement bar