How to add (and style!) an announcement bar to your Squarespace 7.1 website

The Squarespace Announcement bar is a thin bar above your website navigation that spans the full width of the page. Adding an announcement bar to your website is a great way to display announcements, draw attention to freebies, current promotions or any other important updates. Announcement bars can spark curiosity and increase conversion. Here are a few examples:

Squarespace custom announcement bar diy
Screen Shot 2020-12-04 at 10.53.02 AM.png

Adding an announcement bar can increase your page traffic and will only take a few minutes of your time — let’s get into it!

How to add an announcement bar to your Squarespace 7.1 website:

  1. Go to Marketing > Announcement Bar

  2. Select Enable Announcement Bar from the drop-down menu

  3. Enter the text you’d like to showcase in the announcement bar field

  4. Add a clickthrough page URL. This will make the whole announcement bar a clickable link.

  5. Save!


How to style your announcement bar in Squarespace 7.1:


How to change the font:

  1. Go to Design > Fonts

  2. Go to Assign Styles

  3. Click on Announcement Bar

  4. Select designed font styles.

  5. Click Save


How to change the the color:

  1. Go to Design > Colors

  2. Click on Section Themes

  3. Click the pencil icon for the specific color theme of the announcement bar. The specific color theme will be showcased on the left side of your announcement bar in the Squarespace builder preview. See example below.

  4. Scroll down to Announcement Bar, and adjust the background and text color

  5. Click Save

HOW TO FIND YOUR ANNOUNCEMENT BAR COLOR THEME

HOW TO FIND YOUR ANNOUNCEMENT BAR COLOR THEME

In our next blog post, we will be sharing 4 easy Squarespace announcement bar customizations. Stay tuned!

Like this tutorial? Share it with your friends on Pinterest!

AnnoucementBar-Blog-Story.png
Previous
Previous

4 easy CSS customizations for your announcement bar in Squarespace 7.1

Next
Next

Video Tutorial: How to integrate Shopify Commerce with your Squarespace website