How to Add an Announcement Bar to Squarespace

Discover how to add an announcement bar to your Squarespace website. This simple feature is perfect for highlighting important updates, sharing promotions, or delivering key messages to your visitors. Whether you're showcasing a sale, announcing new arrivals, or sharing important news, an announcement bar can grab attention and drive engagement with ease.

Let’s dive in..


Watch the video

Check out the YouTube video below 👇

Navigate to your Squarespace dashboard and head over to the 'Website Tools' section. At the bottom of the menu, you'll find the option labeled 'Announcement Bar.' Simply click on it to begin customizing and adding this feature to your site.

Image of Squarespace dashboard with a red circle around announcement bar option

To enable the announcement bar, simply toggle it on. Once activated, the announcement bar will appear on your site. To customize the text, replace the default 'This is an example' message with your own. You can also add a clickable URL, allowing you to direct visitors to specific pages or promotions on your site. This is a great way to encourage visitors to engage with your content and explore more of what you offer.

Image showing the announcement options

If you'd like to customize the colors of the announcement bar, navigate to the Colors tab on the right side of your Squarespace editor. From there, edit the theme you're currently using—for example, 'Darkest 1.' Once you select the theme, click on the announcement bar itself, and the color customization options will appear. You can then adjust the colors to match your site's branding and style preferences

An image showing where to edit the colors and style for the announcement bar
 

Your designer

I'm Victor Rolf, an expert Squarespace designer .If you'd like to discuss a potential project, you can email me at victor@rolfmade.com or get in touch here. Alternatively, book a free 15-minute consultation call here.

Previous
Previous

How to Add Custom Fonts to Your Squarespace Website [2025]

Next
Next

How to Remove the Play Button from Animated Backgrounds in Squarespace