# Install Tidio on Squarespace

Section: Install Tidio

Description: Copy your Tidio code from the panel and paste it into Squarespace's Code Injection footer to add the chat to your site.

Verified against Tidio panel 12.304.0

Last updated: 2026-11-09

Source: https://help.tidio.com/articles/install-squarespace/

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

 



 

**In this article, you'll learn:**

 

- [How to create a Tidio account](<https://help.tidio.com/articles/install-squarespace/#create-an-account>)
- [How to install Tidio on Squarespace](<https://help.tidio.com/articles/install-squarespace/#install>)



[Video](<https://help.tidio.com/article-media/install-squarespace/walkthrough.mp4>)



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](<http://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](<https://help.tidio.com/articles/getting-started-checklist/>) 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](<https://help.tidio.com/article-media/install-squarespace/139.1.png>) 



 



 



 

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](<https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site>) 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

 

- [Install Tidio on your Website](<https://help.tidio.com/articles/install-website/>)
- [Getting started: your first steps in Tidio](<https://help.tidio.com/articles/getting-started-checklist/>)
- [Customize your chat widget](<https://help.tidio.com/articles/customize-widget/>)