How to Use the Announcement Bar in Squarespace
How to Use the Announcement Bar in Squarespace
The Announcement Bar is one of the most visible elements on your Squarespace site. It appears at the very top of your pages, making it perfect for highlighting important messages, promotions, or calls to action.
Here’s how to set it up and use it effectively:
1. Open the Announcement Bar Settings
From your Squarespace dashboard:
Click Edit on any page.
Then click Edit Header at the top of the page.
In the header editor, find and select Announcement Bar.
2. Enable the Announcement Bar
Once you're in the settings:
Toggle the Enable Announcement Bar option.
Your bar will instantly appear at the top of the page preview.
3. Add Your Message and Link
Now it’s time to add content:
Write a short, clear message in the text field.
(Optional) Add a link to direct users to a specific page, product, or offer.
For example:
“Get a free website audit →”
“20% off this week only”
4. Customize the Design
To make sure your bar stands out:
Adjust background color and text color.
Choose a style that contrasts with your header.
Keep it clean and easy to read.
5. Choose Where It Appears
Squarespace lets you control visibility:
Show it across your entire site
Or limit it to specific pages
Use this to target campaigns or keep your messaging relevant.
6. Save and Test
When you're done:
Click Save.
Preview your site on both desktop and mobile.
Make sure the text is readable and the link works properly.
Final Tip
The Announcement Bar works best when it’s focused and action-driven. Keep your message short, add a clear call to action, and update it regularly to match your current offers or goals.
A small bar at the top—can make a big difference in results.
