ENAB Webchat for Squarespace: How to Get Started

Are you looking for an easy way to connect with your website visitors and convert them into customers? ENAB  Webchat for Squarespace is the perfect solution for you!

 In this article, we'll walk you through the steps to start with ENAB  Webchat for Squarespace.

Covered in this Article:

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

Here are detailed steps on how to add a custom chat widget to a Squarespace website using different methods:

  • Method 1: Add a custom chat widget using Code Injection
  • Method 2: Add a custom chat widget using an Embed Block

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

 

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

A screen shot of a computerDescription automatically generated

 

Here are detailed steps on how to add a custom chat widget to a Squarespace website using different 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. 

A person with a tattoo on her armDescription automatically generated

 

 

 

 

  • Select "Developer Tools" in the "Website" section.

A person with scissors in her handDescription automatically generated

 

 

 

 

  • Click on "Code Injection"

A person with scissors in her handDescription automatically generated

 

 

 

  • Paste the chat widget code in the "Header" or "Footer" fields.

A screenshot of a websiteDescription automatically generated

 

 

  • 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.

Was this article helpful?