search

How to Install Tidio on WordPress

Before you start – please visit our official WordPress plugin page.   


In this article, we will show you how to easily install Tidio on your WordPress website. There are two ways in which you can do it:

  1. How to install Tidio chat via the WordPress plugin
  2. How to install Tidio chat manually via JavaScript code (Advanced and not recommended)
  3. Troubleshooting

We have also a great video which explains how to install tidio for a WordPress site:

Check out our video on how to install Tidio Chat on your WordPress site

Install Tidio chat via the WordPress plugin

The easiest way to add Tidio to a WordPress website is to install the Tidio plugin in your WordPress panel. To do so, follow these simple steps:

1. Log into your WordPress panel, go to the Plugins section, and click Add New. In the search field on the right side of the screen, type in “Tidio Live Chat” and click the Install Now button.

You will find the Plugins section on the left in your WordPress panel.
You can download our Tidio app via WordPress plugin

2. After the installation is completed, please make sure that you Activate the plugin in the Plugins > Installed Plugins section.

You will 'activate' the Tidio plugin in the Plugins section. You will find the 'activate' button under the name of our App on the list with plugins
Make sure that the Tidio plugin you have downloaded is ‘active’

3. Next, please click on the Tidio Chat tab on the left side of your WordPress panel. You’ll see two options: Use your existing account and create a new chat account.

Tidio login panel inside a WordPress site

If you already have an account with Tidio, skip to step 5.

4. If you don’t have an account with us, please click the Integrate with your site button. After that, you will be able to go to your chat admin panel by selecting the ‘Go to panel’ button.

Once, the chat will be integrated – you will be able to enter the Tidio panel

5. If you already have an account with us, please log in with your chat account credentials under the Yes, I have an account with Tidio option after installing the plugin.

Login panel inside Tidio

6. You will start off with a quick wizard where you can customise your first Automation, the chat’s appearance, type in the name of the operator (i.e. your name), your website’s URL, and register your e-mail address. By doing so, you will be able to use our mobile or desktop app, as well as log in via www.tidio.com directly.

The first steps in creating a new Tidio account

7. That’s it! You’ve successfully installed the chat on your website.

Important! If you get a warning that your email is already in use, please contact our support team on chat. We’ll help you sort it out. 


Install Tidio chat via Javascript code

1. If you want to manually add an existing project to your WordPress website, you can easily add the chat code by copying the snippet from your chat admin panel. The installation code is located in Settings > Channels, in the Integration section there.

You can find the javascript code inside the Channels -> integration section

2. After clicking on the Integration section, use Click here to see a set of instructions with a JavaScript code. Copy the JavaScript code to your clipboard.

Javascript code can be localized in the Channels -> Integration section

3. Open the Theme Footer (footer.php) file located in your WordPress panel (Appearance > Editor) and paste the code above the closing </body> tag. Remember to press Update file and refresh your website once you are done.

Paste the Tidio code into the theme footer file above the closing </body> tag

Troubleshooting

If you are not seeing the chat on your website immediately after adding it, please try the following steps:

1) Open your website in a new incognito window in your browser. If you are using Chrome, hit CTRL + Shift + N (Windows) or CMD + Shift + N (Mac).

2) Clear your website’s cache – the process depends on the device and browser you are using; for a detailed, step-by-step guide on how to do that on most popular platforms, please visit www.refreshyourcache.com

3) Disable the caching plugins – if the chat is still not displaying on your website, please make sure that any caching plugins (W3 Total Cache, W3 Super Cache, etc.) are temporarily disabled. Their purpose is to keep your website’s loading time as short as possible, however, this might hold off any changes made on your website. Disabling them for a minute should allow the chat widget to load properly; after making sure that it worked, feel free to enable your plugins again.


If you can’t log in to your account using the plugin, you can try clearing the plugin data in the WordPress plugins section. This will allow you to log in again using your existing login credentials.

Clear account data button

If you have any questions about the WordPress plugin or how to install Tidio Chat to your WordPress site, please contact us via chat or at [email protected]

Can't find what you're looking for?

CONTACT SUPPORT