Growthable

Add GoHighLevel’s Chat Widget to Your Squarespace Website

Updated April 3, 2025

How to obtain the embed code for web chat for the website:

Copy the embed code from Sites > Chat Widget > Get Code

Add GoHighLevel’s Chat Widget to Your Squarespace Website — screenshot 1



Below are step-by-step instructions for integrating a custom chat widget into a Squarespace website using various methods.


Method 1: Add a custom chat widget using Code Injection

  • Obtain code for the Chat widget as shown above.
  • Log in to your Squarespace account and navigate to the website to which you want to add the chat widget.
  • Click on “Settings” in the main menu. 
Add GoHighLevel’s Chat Widget to Your Squarespace Website — screenshot 2
  • Select “Developer Tools” in the “Website” section.
Add GoHighLevel’s Chat Widget to Your Squarespace Website — screenshot 3
  • Click on “Code Injection”
Add GoHighLevel’s Chat Widget to Your Squarespace Website — screenshot 4
  • Paste the chat widget code in the “Header” or “Footer” fields.
Add GoHighLevel’s Chat Widget to Your Squarespace Website — screenshot 5
  • Click on “Save” to save the changes.
  • Preview your website to make sure the chat widget appears correctly.



Method 2: Add a custom chat widget using an Embed Block

  • Sign in to your Squarespace account and go to the page where you’d like to place the chat widget.
  • Click on the page editor and select the section where you want to add the chat widget.
  • Click on the plus icon to add a new content block and select “Embed” from the drop-down menu.
  • Paste the chat widget code in the “Code Snippet” field.
  • Click on “Apply” to apply the changes.
  • Preview your website to make sure the chat widget appears correctly.

Get this set up for you

Keep reading