Setting Up a Notification Bar: Complete Guide and Instructions

By Michael Chen

December 12, 2024 at 09:39 AM

A notification bar is a useful marketing tool that displays custom messages above your website pages, perfect for announcements, sales, promotions, or important updates.

Snowy mountains with a peaceful landscape

Snowy mountains with a peaceful landscape

Creating a Notification Bar on Computer:

  1. Open the "Notification Bar" panel
  2. Select "Enable announcement bar"
  3. Enter your message text (can include bold, italic, and links)
  4. Add a clickthrough link if desired
  5. Click Save to publish

Creating via Squarespace App:

  1. Navigate to More > Marketing > Announcement Bar
  2. Enable the Show option
  3. Enter your message
  4. Add any desired links
  5. Tap Save

Styling Options:

  • Font customization through Site Styles > Fonts
  • Color adjustments through Site Styles > Colors
  • Background and text color modifications
  • Font style and size selections

Important Notes:

  • Appears on all pages except Landing Pages
  • Cannot be customized per page
  • Color matches header theme by default
  • When header is transparent, matches following section's theme

Resetting Visibility:

  • Use Reset Visibility button to restore after testing
  • Editing and saving changes restores visibility for all visitors

Disabling the Bar:

On Computer:

  1. Open Notification Bar panel
  2. Select "Disable announcement bar"

Via App:

  1. Go to More > Marketing > Announcement Bar
  2. Toggle off Show button
  3. Tap Save

The notification bar effectively communicates time-sensitive information while maintaining your site's visual coherence through customizable styling options.

Related Articles

Previous Articles