How to Create & Style an Announcement Bar on Squarespace - Complete Guide

By Michael Turner

December 12, 2024 at 09:39 AM

An announcement bar displays important messages across your site - perfect for sales, promotions, or business updates. It appears on all pages except the cover page and can't be customized per page.

Settings screen for the support site's title

Settings screen for the support site's title

Creating an Announcement Bar:

On Desktop:

  1. Open the Announcement Bar panel
  2. Select "Enable Announcement Bar"
  3. Enter your message (supports bold, italic, and links)
  4. Add a click-through URL if desired
  5. Click Save to publish

On Mobile App:

  1. Tap More > Marketing > Announcement Bar
  2. Toggle Display on
  3. Enter and format your message
  4. Add links if needed
  5. Tap Save to publish

Styling Options (Version 7.1):

Font Customization:

  1. Open site styles > Fonts
  2. Click Assign Styles
  3. Select Announcement Bar > Text
  4. Choose preset or custom styles
  5. Save changes

Color Customization:

  • Matches header color theme by default
  • Customize via site styles > Colors
  • Adjust background and text colors
  • Save changes

Important Notes:

  • When logged in, use Reset Display State to show a closed announcement bar
  • Editing and saving the bar will show it again to all visitors who previously closed it

Disabling the Bar:

On Desktop:

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

On Mobile App:

  1. Tap More > Marketing > Announcement Bar
  2. Turn Display toggle off
  3. Save changes

Related Articles:

  • Change styles
  • SEO checklist
  • Set up shipping
  • Connect to payment processors
  • Invite contributors

Related Articles

Previous Articles