How to obtain the embed code for web chat for the website:
Copy the embed code from Sites > Chat Widget > Get Code
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.
- Select "Developer Tools" in the "Website" section.
- Click on "Code Injection"
- Paste the chat widget code in the "Header" or "Footer" fields.
- 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
- Log in to your Squarespace account and navigate to the page where you want to add 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.