Adding Tidio Chat to Your Website

Add Live Chat to Squarespace


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 customise your chat by selecting a colour, the avatar, and the language of your chat widget. Click on the Next step to move onto 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 the 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 Edit.

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

7. Make sure HTML is selected from the list. Paste the chat code you copied from the Tidio Chat panel into 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