Adding Tidio Chat to Your Website

Add Live Chat to Squarespace

To integrate Tidio Chat with Squarespace, please follow the simple steps below:

1. If you do not have an account yet, please go to and select Try It Out in the top right corner. Then enter your email, password and your Squarespace website address.

2. A setup wizard will appear. Please enter your display name and click on Get started.

3. You can customize your chat by selecting color, the avatar and the language of your chat widget. Click on the Next step to move on to the next page.

4. Next, you will be moved to the Do it yourself (1) section where you will see a JavaScript code snippet to embed the chat on yout website. Copy the JavaScript code to your clipboard and go to the Next step. If you would like your developer to take care of it, go to Ask your developer (2) section and we will send an email to your developer with the JavaScript code and a short manual. 

5. Once you successfully finish the wizard, please go back to your Squarespace editor panel. Choose the page where the chat should be installed and click on Edit.

6. In the Edit mode, please click on edit bubble (1) to add an element to your website. Choose Code (2) from the dropdown list to open the code editor.

7. Make sure HTML is selected from the list. Paste in the chat code you copied from the Tidio Chat panel to the editor box and click on Apply to save the changes.

8. Save the changes on your page to finish the installation. Important! You will not see the widget in your editor until you open it as a visitor.

In case you run into any trouble during installation or experience any difficulty with our application, please contact us via chat on our website or at [email protected]

Go Back