Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding an announcement bar

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 scheduled site maintenance.

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

Announcement bars are a Premium feature available in Business and Commerce plans.


Watch a video

Create an announcement bar

To add an announcement bar:

  1. In the Home Menu, click Marketing, then click Announcement Bar.
  2. Select Enable Announcement Bar from the drop-down menu.
  3. Enter the text for the announcement bar in the box. 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 the Settings icon.
  2. Under Marketing, tap Announcement Bar.
  3. Tap the Show toggle to turn it on.
  4. Enter the text for the announcement bar in the box. You can style the text and create text links.
  5. Tap Link to add a link to a page, a file, or other content.
  6. 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 color selections for your site, but you can style it separately following these steps:

  1. In the Home Menu, click Design, then click Fonts.
  2. Click “the on your font selection, then click Advanced.
  3. Under Announcement Bar, click Text.
  4. Select from preset styles and sizes, or choose Custom.
  5. Click Save, then go back to the Design panel.
  6. Click Colors, then click the pencil icon on your selected theme.
  7. Under Announcement Bar, adjust the Background and Text tweaks.
  8. Click Save.

To customize the appearance of the announcement bar:

  1. In the Home Menu, click Design, then Site Styles.
  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 (optional)

Browsers track when you close the announcement bar (using the X in the top-right corner) so it's not displayed repeatedly.

To make the announcement bar reappear in your browser when you're logged in and previewing your site, click Reset Visibility. You'll see this button at the bottom of the announcement bar panel after closing the announcement bar.

This action only re-shows the announcement bar when you're logged into Squarespace. It's useful for testing and editing your site. It doesn't restore the announcement bar for your visitors. To make the announcement bar reappear to all visitors who closed it, edit the announcement bar and save it.

Was this article helpful?
150 out of 216 found this helpful