# Install Tidio on Prestashop

Section: Install Tidio

Description: Install Tidio on PrestaShop using the HTMLbox module.

Verified against Tidio panel 12.331.0

Last updated: 2026-11-10

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

Integrating Tidio into your PrestaShop store enables you to provide live chat support and engage with your customers effectively.

 

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

 

- [How to install Tidio via the HTMLbox module](<https://help.tidio.com/articles/install-prestashop/#install-tidio-via-htmlbox>)
- [How to troubleshoot your Tidio installation](<https://help.tidio.com/articles/install-prestashop/#troubleshooting>)

 

## Installing Tidio via HTMLbox

 

You install Tidio on your PrestaShop website by using a free module called **HTMLbox**. This add-on allows you to add any code to your PrestaShop store.

 

Before making any changes, you need to disable the **HTML purifier** in your PrestaShop admin area. This can be done in the **Shop Parameters** **→ ****General** and allow you to add any custom code.

 

![PrestaShop general preferences with the HTML purifier setting highlighted.](<https://help.tidio.com/article-media/install-prestashop/legacy-5386438769564.webp>)

 

Once you've disabled it, download the [**HTMLbox** module from here](<https://mypresta.eu/modules/front-office-features/html-box.html>). Go to **Modules \> Module Manager**, click **Upload a module**, and select the downloaded archive to install it.

 

![The PrestaShop module list with the option to add a new module highlighted.](<https://help.tidio.com/article-media/install-prestashop/legacy-5386438744732.webp>)

 

💡

 

If you haven't registered your Tidio account yet, you will need to do that for the installation to be possible. You can register a new account anytime [on our website](<https://www.tidio.com/>). 

Upon signing up, you will be asked for your email, password, and website URL address. As a new user, you'll begin the product tour. We'll ask you some basic questions about your business and possible Tidio usage. Thanks to some additional information, we'll adapt the Tidio to your need to improve your experience and help achieve better results.

 

To learn more - take a look at our article, where we explain [how to create your Tidio account](<https://help.tidio.com/articles/create-account-log-in/>).

 

When you're done with the tour, you will be transferred to the admin panel, where you can customize, manage, and track everything. You'll also be able to chat with your visitors or build your flows.

 

After uploading and activating **HTMLbox**, head over to your [Tidio admin panel](<https://www.tidio.com/panel/>) and copy the Tidio installation code from **Settings** \> **Live Chat** \> **Installation**.

 



![Settings \> Live Chat \> Installation with Manual install selected and the code snippet and copy button visible.](<https://help.tidio.com/article-media/install-prestashop/31.1.png>) 

Paste the code into **HTMLbox**'s configuration screen. Make sure the position of the code is set to '**footer**.'

 

![The HTMLbox configuration with footer placement and the Tidio script entered.](<https://help.tidio.com/article-media/install-prestashop/legacy-5386429967644.webp>)

 

Save the changes at the bottom, and that's it\! You've successfully added Tidio to your PrestaShop website.

 

## Troubleshooting

 

If you don't see the Tidio widget on your website after installing it with **HTMLbox**, but instead there is some JavaScript in a text form - there is a quick fix for that.

 

You will need to go to your **HTMLbox** module editor and click on "**\</\>**" icon, and **save** it. This will allow your widget to load correctly.



## Further reading



- [Log in to an existing Account - WordPress](<https://help.tidio.com/articles/log-in-existing-account-wordpress/>)