How to Create and Customize an Announcement Bar in Squarespace

By Michael Chen

December 12, 2024 at 08:21 AM

Create a custom message that displays across your site's pages with an announcement bar. Perfect for promotions, updates, or important notifications.

Add an Announcement Bar:

On Computer:

  1. Open Announcement Bar panel
  2. Select "Enable Announcement Bar"
  3. Enter your message text
  4. Add formatting (bold, italic) and links as needed
  5. Set clickthrough URL (optional)
  6. Click Save

Mountains shrouded in fog

Mountains shrouded in fog

On Mobile App:

  1. Tap More > Marketing > Announcement Bar
  2. Activate Show button
  3. Enter message text
  4. Add styling and links if desired
  5. Tap Save

Customize Design:

Version 7.1:

  • Font changes: Site Styles > Fonts > Assign Styles > Announcement Bar > Text
  • Colors: Site Styles > Colors > Header Theme (affects background and text)

Version 7.0:

  • Access Site Styles panel
  • Locate Announcement Bar settings
  • Modify background color, text color, and font
  • Save changes

Important Notes:

  • Appears on all pages except homepage
  • Cannot be customized per page
  • Follows site's general font and color scheme
  • When header is transparent, matches next section's theme

Reset Visibility:

  • Use Reset Visibility button when logged in to restore closed announcements
  • Edit and save announcement to make it reappear for all visitors

Disable Announcement Bar:

On Computer:

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

On Mobile App:

  1. More > Marketing > Announcement Bar
  2. Toggle Show button off
  3. Save changes

Related Articles

Previous Articles