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:
- How to install Tidio chat via the WordPress plugin
- How to install Tidio chat manually via JavaScript code (Advanced and not recommended)
- Troubleshooting
We have also a great video which explains how to install tidio for a 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.
2. After the installation is completed, please make sure that you Activate the plugin in the Plugins > Installed Plugins section.
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.
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.
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.
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.
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 Channels, in the Integration section there.
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.
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.
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.
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]