Adding an announcement bar

Create and style a message that displays across your pages.

Last updated January 17, 2025

You can use the announcement bar to display a custom message above your site. This is a great way to announce a sale, promotion, a change to your hours, or other important updates.

The announcement bar appears on every page of your site except cover pages. It can't be customized or enabled per-page.

announcement-bar.png

announcement-bar.png

Accessing this feature

The announcement bar is available in the Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. To learn more, visit Choosing the right Squarespace plan.

Watch a video

Create an announcement bar

To add an announcement bar:

  1. Open the Announcement Bar panel.
  2. Select Enable Announcement Bar from the dropdown menu.
  3. Enter the text for the announcement bar in the field. You can make the text bold or italicized and create text links.
  4. To make the whole announcement bar a link, enter a web address in the Clickthrough URL or click “the to set up different types of links.
  5. Click Save to publish the announcement bar.
  1. Tap More, tap Marketing, then tap Announcement Bar.
  2. Tap to switch on the Show toggle. 
  3. Enter the text for the announcement bar in the field. You can style the text and create text links.
  4. Tap Link to add a link to a page, a file, or other content.
  5. Tap Save to publish your announcement bar.

Style the announcement bar

You can style your announcement bar to ensure it fits your site's brand or stands 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. While editing a page, open site styles, then click > next to Fonts.
  2. 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 following section. When the header is hidden, it follows your site's default theme.

To change the color:

  1. While editing a page, open site styles, 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.

Reset visibility

If you close the announcement bar (using 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. To make the announcement bar reappear when you're logged in, click Reset Visibility. This is useful for testing and editing your site.

Clicking Reset Visibility only resets the announcement bar when you're logged into Squarespace. It doesn't restore the announcement bar for visitors who've closed it. To make the announcement bar reappear to all visitors who closed it, edit the announcement bar and save your changes.

Disable the announcement bar

To disable the announcement bar: 

  1. Open the Announcement bar panel
  2. Select Disable announcement bar from the dropdown menu.

To disable the announcement bar: 

  1. Tap More, tap Marketing, then tap Announcement Bar.
  2. Tap the Show toggle to turn it off. 
  3. Tap Save.
Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.