Squarespace

Step 1: Sign Into Your Chatbase Account and Set Up Your Chatbot


Integrating your Chatbase bot into your Squarespace website is a simple process. To get started, access your Chatbase account by signing in. Don't have an account yet? No problem! You can easily create a Chatbase account for free.

Once logged in, you'll be able to create and train your bot by providing it with various data sources. This can include files, text snippets, website URLs, or even question-and-answer pairs.


Not familiar with how to set up a Chatbase chatbot? Follow this step-by-step guide to set up your Chatbase chatbot.


Step 2: Generate and Copy Your Chatbot Embed Code


Once you've completed the setup process for your chatbot, navigate to the My Chatbots section of your Chatbase account. From there, locate the specific chatbot you wish to integrate into your Squarespace website and click on it to access its bot preview page.

On the bot preview page, you'll find an Embed on Site tab at the top of the page. Click on this tab to reveal the embedding options. Next, click the Make Public button to ensure your chatbot is accessible to website visitors.

After making your chatbot public, a pop-up window will appear, displaying an HTML code snippet. This code is what you'll need to embed your chatbot onto your Weebly website. Click on Copy Script to copy the provided HTML code from the pop-up window.

[object Object]

With the HTML code copied, you're now ready to proceed to the next step of integrating your Chatbase chatbot into your Squarespace website.

Step 3: Sign Into Your Squarespace website and Embed Your Chatbase Bot

1. Sign into your Squarespace account and head to your dashboard.

2. On your dashboard, identify the site you want to add the chatbot to and click on it.

[object Object]

3. After clicking on your chosen website, a preview of the website should come up.

4. Click on the Edit button in the top right corner of the page.

[object Object]

5. After clicking on Edit, your website should load up on the Squarespace website editor. Hover on any section or area of the current webpage where you want to embed the chatbot, and you should see a floating button labeled Add Block, click on it.

6. Scroll down on the list of components that comes up and click on Embed.

7. The Embed block should be added to the current page. Drag it to move it to your preferred location, click on it, and then click on the edit icon that comes up on the top of the Embed block.

[object Object]

8. Up next, click on Code Snippet and then Embed data to reveal a code editor.

[object Object]

9. Paste your Chatbase chatbot code in the editor and click Back on the top of the floating menu.

[object Object]

10. Click anywhere on the page, outside the menu, and then click on PREVIEW IN SAFE MODE.

10. Click on Save at the top left corner of your editor and then Exit.

If all went well, you should now see a floating Chatbase chatbot button at the bottom left corner of your web page.

[object Object]

Seen this? Congratulations, your Chatbase chatbot is ready for your website visitors