search

How to Install Tidio Chat on Your Website

The installation process of our Tidio app is very easy. You can install Tidio Chat on your website by using two different methods:

How to install Tidio via the Plugin

For the easiest and most comfortable way to install Tidio Chat, please search for Tidio in the app market of your web platform and select Tidio Chat.

Or

Have a look at the instructions below for a brief installation guide for the following platforms:

Instal Tidio via the JavaScript Code

If your website does not use one of the platforms above, simply set up a new account at https://tidio.com by clicking on ‘Try it out.’

Click on “try it out” to create a new account or “log in” to use your existing account


While it may sound a bit intimidating, the whole installation process is pretty straightforward – you would only need to paste one line of code in the proper place.

In order to install Tidio via the javascript method – take a look into the following steps:

  1. Localize the installation code

    To find the installation code please go to Settings > Channels section in your Tidio panel and click on the Integration.

  2. Copy the Tidio Javascript code to your clipboard

    After clicking on Integration, you can access a set of instructions with a JavaScript code by clicking the ‘Click here‘ button. Then, just copy the JavaScript code to your clipboard.

  3. Open your website’s backend

    Access the server on which your website is hosted with the tool allowing you to modify the files, or log in to your respective platform Dashboard. 

  4. Localize the file that contains the </body> tag

    While it might differ depending on how your website is built, the rule of thumb would be to search for the files with .html or .php extension. Usually, it’s going to be either index.html or index.php, but there might also be some additional subpages files. If you would have any doubts, please contact your web designer or respective platform support.

  5. Find the </body> tag & add the javascript code to your website’s code

    Use the search tool of your ftp client, or scroll down to the very bottom of the file to locate the closing </body> tag. Then, paste the copied JavaScript code snippet above the closing </body> tag of your website’s source code.

  6. Remember to save the changes

    Save the changes and that’s it! Now, just check your website and enjoy using Tidio 🙂

  7. Check your website

    Go to your website, and check if you can see the Tidio chat widget.
    Hooray! You have successfully integrated Tidio Chat with your website! 🙂


If you need any assistance with the installation process or encounter any difficulties, please write to us at [email protected] or chat with us at www.tidio.com.

Can't find what you're looking for?

CONTACT SUPPORT