But first, what is an announcement bar?
Have you ever visited a website and noticed a bar at the top with an important message or call-to-action? That’s called an announcement bar, and it’s a super useful tool for website owners!
An announcement bar can display a brief message or call-to-action to your visitors. It’s a great way to grab their attention and communicate important information quickly and efficiently.
Another benefit of an announcement bar is that it can help increase engagement and drive conversions. By including a well-crafted call-to-action in the announcement bar, you can encourage your visitors to take a specific action, such as signing up for your newsletter, downloading a free resource, or making a purchase. So why not give it a try and see how it can benefit your website?
Enable announcement bar on your Squarespace website
Follow these steps to enable the Announcement Bar on your Squarespace website:
- In the left sidebar, go to Marketing.
- Click on Marketing Tools – this will open up in place of your Website preview.
- Select Announcement Bar.
- In the dropdown menu on the left, choose Enable Announcement Bar to turn it on.
- Type in the message you want to display in the Announcement Bar.
- Don’t forget to hit Save in the top-left corner when you’re done!
Style the Announcement bar
To change the style of your Announcement Bar, open the Site Styles menu.
Open the Site Styles menu
- In the left sidebar, click on the Website tab.
- Select Styles. This will open the Site Styles menu on the right side of your screen.
Change the Colors of the Announcement Bar:
- In the Site Styles menu, click on the arrow next to Colors
- In your Website preview, you’ll see a label in the top right corner of each section, showing which Color theme it uses
- Click on the Color theme that the Announcement Bar is using (if the Announcement Bar doesn’t have a specific Color theme, select the color theme used by the first section)
- On the right panel, you’ll see the list of elements and their colors for that Color theme
- Look for the Announcement Bar (Tip: click directly on the Announcement Bar in the preview to bring up its color options in the right panel)
- Change the colors
- When you’re done, don’t forget to save your changes by clicking Save in the top left corner
Change the Font style of the Announcement Bar:
- In the Site Styles menu, click on the arrow next to Fonts
- Click on Assign Styles
- Find the Announcement Bar and click on it.
- In the dropdown menu next to Style, select Custom.
- Now you’ll see a lot more options where you can change settings like Font Family, Font Weight, and much more.
- When you’re done with your changes, remember to save by clicking Save in the top left corner of the screen.
