How to Create and Manage an Announcement Bar in Squarespace

By Michael Turner

December 12, 2024 at 08:21 AM

Create a custom message at the top of your site using the announcement bar to showcase sales, promotions, or important updates. This feature appears on all pages except cover pages.

A peaceful winter landscape

A peaceful winter landscape

Creating an Announcement Bar

On Desktop:

  1. Open the Announcement Bar panel
  2. Select Enable Announcement Bar
  3. Enter your message text
  4. Add formatting (bold, italic) and hyperlinks if needed
  5. Add a destination URL to make the entire bar clickable
  6. Click Save

On Mobile App:

  1. Tap More > Marketing > Announcement Bar
  2. Enable the Show option
  3. Enter your message
  4. Add formatting and links as needed
  5. Tap Save

Customizing the Style

Version 7.1:

  • Modify fonts through Site Styles > Fonts > Assign Styles
  • Change colors via Site Styles > Colors
  • Customize background and text colors to match your branding

Version 7.0:

  • Access Site Styles panel
  • Scroll to Announcement Bar adjustments
  • Modify background color, text color, and font
  • Save changes

Managing Visibility

  • Visitors can close the announcement bar using the X button
  • Use Reset Visibility button while logged in to test changes
  • Update the announcement text to make it reappear for visitors who closed it

Deactivating the Bar

On Desktop:

  1. Open Announcement Bar panel
  2. Select Disable Announcement Bar

On Mobile App:

  1. Tap More > Marketing > Announcement Bar
  2. Disable the Show option
  3. Tap Save

Related Articles

Previous Articles