A notification bar displays a custom message at the top of your website to announce promotions, deals, or important updates. It appears on all pages except the homepage and cannot be customized per page.

Adding a Notification Bar on Desktop:

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

Adding via Squarespace App:

1. Tap More > Marketing > Notification Bar
2. Activate the Show button
3. Enter your message
4. Add links if needed
5. Tap Save to publish

Customizing the Design:

Version 7.1:

• Font customization: Site Styles > Fonts > Assign Styles > Notification Bar > Text
• Colors: Site Styles > Colors > Header theme > Adjust Background and Text

Version 7.0:

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

Important Notes:

• The notification bar matches header color scheme by default
• When header is transparent, it matches the next section's theme
• Visitors can close the notification bar
• Edit and save changes to make it reappear for all visitors
• Use Reset Visibility button while logged in to preview changes

Disabling the Bar:

Desktop:

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

Mobile App:

1. More > Marketing > Notification Bar
2. Deactivate Show control
3. Save changes

Related Articles

Previous Articles