How to Add ChatBot to a Squarespace Website

Kacper Wiacek Product Expert Lead
Kacper Wiacek
3 min read
updated: Jan 9, 2024

Chatbots can help you answer common customer questions after hours, support them through the sales funnel, and generate marketing leads. Explore this tutorial and learn how to add a chatbot to Squarespace and improve your customer communication. 

What is Squarespace? Link icon

Squarespace is a popular website builder and hosting platform that lets you easily create and maintain a professional-looking website. The platform provides a wide range of customizable templates and drag-and-drop tools that help design websites without the need for any coding skills.

The Squarespace platform offers a range of features, such as an ecommerce functionality, search engine optimization tools, analytics, and social media integrations, among others. 

How to embed a chatbot on a Squarespace siteLink icon

To add a bot to your Squarespace site, create a ChatBot account.
To add a bot to your Squarespace site, create a ChatBot account.

You can install a chatbot plugin on your Squarespace using the chat widget. It’s a default chat window that functions as your chatbot interface. You can tailor its appearance by selecting colors or styles that match your website design. Moreover, you can add it to your website without coding and with just a few clicks.

Follow the step below to add your bot to a Squarespace page. 

  1. Go to your Chatbots Dashboard and select the bot you want to connect to your Squarespace site. 

  2. Click on the Integrations icon, then click Connect next to the Chat Widget option.chatbot integrations section

  3. Then click on the Publish your bot section.chat widget customization section

  4. Click Copy minify code to copy the code.chatbot chat widget code

  5. Now, log in to your Squarespace dashboard. In the top left corner, select EDIT.squarepsace dashboard

  6. Scroll down until you see the EDIT FOOTER button.chatbot squarespace intallation

  7. Edit the footer and click the ADD BLOCK button in the left-hand corner. chatbot squarespace intallation

  8. Select the Embed option.chatbot squarespace intallation

  9.  Select Edit the EMBED BLOCK section.

  10. Select the Code Snippet option.

  11. Paste the ChatBot’s tracking code.adding a chatbot code

  12. Save your changes. Then select DONE.adding a chatbot plugin code to Squarespace 

  13. The ChatBot’s chat widget should appear on your website. chatbot chat widget on Squarespace

By adding the ChatBot’s code to your footer section, you can show the chatbot option on every page of your website.
By adding the ChatBot’s code to your footer section, you can show the chatbot option on every page of your website.

Integrate ChatBot with Squarespace using LiveChatLink icon

Next stepsLink icon

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

Start a free ChatBot trial
and build your first chatbot today!

Free 14-day trial No credit card required

Discover our text| products