Install Tidio on Squarespace
  • 2 Minutes to read
  • Comments
  • Dark
    Light

Install Tidio on Squarespace

  • Comments
  • Dark
    Light

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


In this article, you'll learn:


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's URL address. 


providing your new account details


In the following steps, you will be able to customize your first automation (chatbots) as well as the Tidio live chat widget, which will be displayed on your website.


configuring your new Tidio account
Configuring your new Tidio account details

 

At the end of the customization panel, you will be moved to the Install the code on your website section, where you will see a JavaScript code snippet under a Do it yourself section. Copy the JavaScript code to your clipboard and go to the next step. 


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


JavaScript installation
Installing Tidio via JavaScript


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 Squarespace support website.



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


The video below shows how to install Tidio with the use of the code injection technique:



Instructions below refer to an older Squarespace Theme.


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


accessing the editor in Squarespace
Accessing the editor in Squarespace

 

In Edit mode, please click on the edit bubble (1) to add an element to your website. 


Choose 'Code' (2) from the drop-down list to open the code editor.


editing the code on Squarespace


Editing the code on Squarespace


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


pasting the Tidio JavaScript code in the Squarespace editor
Pasting the Tidio JavaScript code in the Squarespace editor

 

Save the changes on your page to finish the installation. 


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


saving your changes
Saving your changes on Squarespace

 


If you still have some questions after reading this article, don't hesitate to contact us.


Was this article helpful?