Add Beacon to a Squarespace site

Squarespace is an all-in-one solution for anyone looking to create a beautiful website. Beacon provides on demand FAQs, chat, and an email contact rolled into one helpful widget you can plug right into your Squarespace site. If you built and host your website on Squarespace, embedding Beacon is as easy as a simple copy + paste.

Before you dive in!

Have you set up a Mailbox? You'll need to set up a Mailbox before you get started with Beacon. You can read our guide on how to set up your first Mailbox here.


Launch the Beacon builder under Manage → Beacon to create your all-in-one embeddable chat, email contact, and knowledge base widget. Customize to match the color scheme of your Squarespace site, and decide if you want to use for Email, Docs, Chat, or a any combination of those three! 


Once you’ve got your Beacon just the way you want it, it’s time to copy the embed code to your website. You can continue to tweak your Beacon in Help Scout and all updates will be automatically reflected on your website as they are saved. 

In Squarespace, click on Settings in your site builder side bar.

From the Settings Menu, click on Advanced.

Choose Code Injection from the Advanced Settings menu.

In Code Injection, paste the Beacon embed code you copied in step 2 in the Header field.

Save, refresh, and you're all set! You have Beacon on your Squarespace site to offer chat, an easy email contact form, and Docs all in one handy widget.

Want to learn more about Beacon? Check out our jumpstart guide

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still stuck? How can we help? How can we help?