Install Tidio on Your Website – Tidio

Installing Tidio on your website is a quick and easy process. You have two options to install Tidio: by adding the Tidio plugin to your web platform or by inserting the JavaScript code into your website's code.

In this article, you'll learn:

How to install Tidio using the plugin installation
How to install Tidio using the JavaScript code installation

Tidio Plugin Installation

For the easiest and most comfortable way to install Tidio, search for Tidio in the app market of your web platform. If you prefer step-by-step instructions, follow the brief installation guide below based on your platform:

If you can't find your platform, don't worry! You can still install Tidio by following the javascript code installation method.

Javascript Code Installation

To install Tidio using the javascript code method on your website, you'll need to create a Tidio account. To create a Tidio account, go to our website, tidio.com, and click on the Get Started button to create a new Tidio account. You can also use the Log In option to use your existing account.

The installation process is easy as it only requires you to paste one line of code in the proper place of your website code.

You can also see our video, where we take you step by step through this process:

To install Tidio via the javascript method:

1. Locate the installation code

You can find your unique Tidio javascript code by heading to Settings > Channels > Live Chat > Installation section. You will also see the code at the last stage of your account creation tour.

Screenshot

2. Copy the Tidio Javascript code to your clipboard

Clion the blue copy button to add 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 and find the code editor.

4. Locate 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 will be either index.html or index.php, but there might also be some additional subpages files.

💡

If you have any doubts about where to find the correct folder of your website code, please get in touch with 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, 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.

Great! You have successfully integrated Tidio Chat with your website! :)

Next steps:

Customize your chat widget - Adjust the look and feel of the widget to your branding to create a seamless experience.
Adjust your Chatbot message - Use chatbots to welcome visitors or offer promo codes to catch their attention.
Get to know your LiveChat inbox - One Inbox is Tidio's powerful view for managing tickets & conversations. See how it can help you manage your customer service.