Squarespace Integration

Integration with Squarespace website

This step-by-step tutorial will show you how to integrate your custom AI Chatbot with your Squarespace website.

If you prefer watching video, click on this link:

Squarespace Integration video

Prerequisite

You need to have an account with MybotChat and created a chatbot. If you have not done this step yet, visit this get-started turorial page to start.

1- Get embed code

Open Console tab of the bot you want to get the code and click on Embed Code For Website and copy the javascript code.

Console page

Get embed code

2- Edit your Squarespace website

From the editor mode of your Squarespace, you should see Website Tools link as in the screenshot below that you can click to see next screen. Select a chatbot

3- Code Injection

On this Website Tools you can see and click on Code Injection link to get to the next page where you can inject the AI Chatbot code
Select a chatbot

4- Embed the code

Scroll to the Footer section where you can paste your Chatbot embedded code that you copied from MybotChat console page and click Save on the top left of the page.

Select a chatbot Select a chatbot

5- Test your AI Chatbot

After saving the code, you can view your website in full screen to access the chatbot or you can test the bot right away

Select a chatbot

An unhandled error has occurred. Reload 🗙