# Install Tidio on Joomla

Section: Install Tidio

Description: Install Tidio on your Joomla website using the existing platform setup steps.

Verified against Tidio panel 12.331.0

Last updated: 2026-11-10

Source: https://help.tidio.com/articles/install-joomla/

See how easy it is to install Tidio on your Joomla Store.

 

**In this article, you'll learn:**

 

- [How to install Tidio via Joomla Control Panel](<https://help.tidio.com/articles/install-joomla/#joomla-control-panel-installation>)

 

## Joomla Control Panel Installation

 

Log into your Tidio panel. If you do not have an account yet, please go to [www.tidio.com](<http://www.tidio.com/>) and select **Get Started** in the top right corner.

 

![The Tidio website shows the Get Started buttons for creating an account.](<https://help.tidio.com/article-media/install-joomla/legacy-13499281525660.webp>)

 

From your Tidio admin panel, copy the code. To find the installation code, please go to **Settings \> Live Chat **and click on the **Installation **section.

 



![Settings \> Live Chat \> Installation with Manual install selected, the code snippet visible, and the Copy to clipboard button.](<https://help.tidio.com/article-media/install-joomla/34.1.png>) 



 

Open and copy the **JavaScript** code to your clipboard.

 

Log into your Joomla administrator panel by typing in */administrator/* at the end of your website URL. Go to **System \> Templates \> Site Templates** section in your Joomla Control Panel.

 

![The Joomla System dashboard shows the Site Templates option.](<https://help.tidio.com/article-media/install-joomla/legacy-5389888500764.webp>)

 

Click on your default theme template.

 

![The Joomla template list shows the site template to edit.](<https://help.tidio.com/article-media/install-joomla/legacy-5389911289116.webp>)

 

Open **index.php** file from the menu on the left side.

 

![The Joomla template editor lists the index.php file.](<https://help.tidio.com/article-media/install-joomla/legacy-5389888619676.webp>)

 

Find the closing **\</head\>** tag in the editor and paste the JavaScript code you copied from the Tidio panel right before it.

 

![The Joomla template editor shows where to paste the Tidio script.](<https://help.tidio.com/article-media/install-joomla/legacy-5389888726812.webp>)

 

💡

 

You can also try to paste your JavaScript code before the closing ` </body> ` tag if you're experiencing some loading time issues.

 

Click **Save & Close** to save the changes.

 

Done\! Tidio should now be available on your site. Now you can go back to your Tidio panel by logging in on [https://tidio.com](<https://tidio.com/>) and customizing chat to your preferences.

 



 

## Further reading

 

- [Show Tidio Widget Only on Specific Pages](<https://help.tidio.com/articles/show-widget-only-on-specific-pages/>)
- [Uninstall Tidio](<https://help.tidio.com/articles/uninstall-tidio/>)