How to add a button to a Squarespace header

Adding a button to a header on a Squarespace website is a great way to provide a strong CTA to users. 

Common header button’s include “Call us now”, “Book an appointment” or “Contact us”, to help prompt users to take an action. 

The majority of Squarespace templates don’t come with a header button as default however. This often leads people to think they’ll have to do without one, potentially meaning they will miss out on valuable leads.

What many people don’t realise is there is in fact a super simple way to add a button to your header, even if it doesn’t appear within your chosen template.

How to add a button to a Squarespace header

Within your edit dashboard you need to hover over your header and select edit site header.

In the edit panel that appears, select elements. 

Here you’ll have the option to toggle the button to on. You can also change the text of the button as well as the page it links to.

Watch the video

Check out the YouTube video below 👇

Remember, your button can link to an internal page such as your contact page or an external provider such as mailchimp. Just add the URL you want it to direct to. 

You can also edit the appearance of your header button within the site styles dashboard, allowing you to select your chosen colours and fonts.

---

📩 Join the inner circle to get exclusive code updates

---

If you want to ensure your button stands out, opt for a bold version of your font or a colour from your scheme that contrasts with the rest of your header.

And that’s it. A quick and easy way to add a button to your Squarespace header without the need for custom code.

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?