Add a Website Notification Bar: Complete Guide for Squarespace Sites

By Michael Turner

December 12, 2024 at 07:03 AM

Create a notification bar on your website to display important messages, announcements, or promotions above your main content. The bar appears on all pages except cover pages and can't be customized per page.

Snow-covered mountain in fog

Snow-covered mountain in fog

To Create a Notification Bar:

On Computer:

  1. Open Notification Bar menu
  2. Select "Enable Notification Bar"
  3. Enter your message text (can use bold, italics, and links)
  4. Add a Click URL to make the entire bar clickable (optional)
  5. Click Save to publish

On Squarespace App:

  1. Tap More > Marketing > Notification Bar
  2. Turn on the Show toggle
  3. Enter your message
  4. Add links if desired
  5. Tap Save

Customizing the Design:

Version 7.1:

  • Font customization: Website Styles > Fonts > Assign Styles > Text under Notification Bar
  • Colors: Website Styles > Colors > Header design > Notification Bar settings
  • Matches header color scheme by default

Version 7.0:

  • Access Website Styles menu
  • Scroll to Notification Bar settings
  • Customize background color, text color, and font
  • Save changes

Reset Visibility:

  • If closed while logged in, click "Reset Visibility" to show the bar again
  • Editing and saving the notification bar will restore visibility for all visitors

To Disable the Bar:

On Computer:

  1. Open Notification Bar menu
  2. Select "Disable Notification Bar"

On Squarespace App:

  1. Tap More > Marketing > Notification Bar
  2. Turn off Show toggle
  3. Tap Save

Related Articles

Previous Articles