See how to install Tidio on your Squarespace website. Follow the steps below to integrate our Tidio chat.

 

In this article, you'll learn:

Silent walkthrough. Opening the Install Chat Widget wizard, choosing Manual install and copying the code snippet

 

 

 

Create an account

 

If you do not have an account yet, please go to www.tidio.com and select the Get Started option in the top-right corner of the website. 

 

 

💡
If you already have an account, please skip to the installation part of this article. 
 

You will be asked for your email, password, and website URL address. As a new user, you'll begin the product tour. We'll ask you some basic questions about your business and possible Tidio usage. Thanks to some additional information, we’ll adapt the Tidio to your need to improve your experience and help achieve better results.

 

After the tour, you'll land on the Getting started page. Click on Install widget on the Chat card (or on Install Chat Widget in the bar at the top of your panel) to open the Install Chat Widget window. Adjust your widget's look, hit Continue, and in Install your Chat Widget, choose Manual install. There, you will see your personal JavaScript code snippet. Click on Copy to clipboard and go to the next step.

The Install Chat Widget window on its second step, "Install your Chat Widget", with Manual install selected in the platform list and the code snippet with the Copy to clipboard button

 

 

Don't worry if you cannot copy the code now. You'll find it in the Settings > Live Chat > Installation section on your Tidio admin panel anytime. 

 

Installation

 

💡
Java Script code installation may vary depending on the plan and the chosen theme you have with Squarespace; for detailed information regarding possible installation options, please visit the Squarespace support website. 

 

If you already have an account, please go to Settings > Live Chat > Installation section of your Tidio Panel and copy the javascript code from there.

 

 

 

 

Once you successfully finish the configuration, please return to your Squarespace editor panel. Go to Settings > Advanced and choose Code Injection section.  

 

 

Find the Footer section and paste the javascript code inside the Footer code field. 

 

 

Save to finish the installation. 

 

💡
You may not see the widget in your editor until you open it as a visitor. 

 

Congrats! You've successfully installed Tidio on your website!

Further reading