Try It For Free

Articles in this section

See more

Prestashop

There are a few options to add the Hotjar tracking code to your Prestashop site. Below we recommend two ways. 

Using a Prestashop Add-on

Go to Hotjar.com to copy the Tracking Code from the Hotjar admin.

Purchase the Prestashop Add-on

The addon can be found here: Hotjar - All-in-one WebShop Analytics and Feedback Module. You have to pay for this add-on. If you run into any issues, the add-on author can provide support.

Your Hotjar Tracking Code is now installed.

Once you have added the Hotjar Tracking Code to your site, you will need to wait a few minutes for Hotjar to check if it is installed correctly. This usually happens the moment your site is loaded with the Hotjar Tracking Code on it - you can visit the page yourself to speed the process up. Once Hotjar has detected the Tracking Code on your site, the Site Dashboard will show a notice like the one below:

Paste the Tracking Code directly into a template

If you are comfortable with editing HTML, or are working with a developer, you can add the code directly into the template. If you aren't, you can cause your site to turn completely white, and it is safer to use the add-on discussed above. 

Go to Hotjar.com to copy the code from the Hotjar admin.

Paste the Hotjar Tracking Code inside a Prestashop template, the.tpl file.

You can do this by pasting the JavaScript inside the {literal}{/literal} tags. Example:


{literal}
        (function(h,o,t,j,a,r){
            /* ... rest of hotjar tracking code ... */
        })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
{/literal}
</script>

Warning

The Tracking Code you place in your Prestashop template file must have the {literal}{/literal} tags placed around it as shown in the example above. Copy the Tracking Code from your Hotjar dashboard. Then add {literal} just before the first "(function" line in the code and the {/literal} just before </script>. Without the literal tags your website will only render a blank white page.

You should add the Tracking Code to a template file that is shown on all pages you wish to record (such as the header.tpl)

Your Hotjar Tracking Code is now installed.

Once you have added the Hotjar Tracking Code to your site, you will need to wait a few minutes for Hotjar to check if it is installed correctly. This usually happens the moment your site is loaded with the Hotjar Tracking Code on it - you can visit the page yourself to speed the process up. Once Hotjar has detected the Tracking Code on your site, the Site Dashboard will show a notice like the one below:

Note

If after you install the Tracking Code, your website undergoes a major design change check to ensure your Tracking Code is still installed.

Once your Tracking Code is installed

You can start using any of Hotjar's 8 features: Heatmaps, Recordings, Forms, Funnels, Polls, Surveys, Recruiters and Incoming Feedback. Have a look at the guides below to get started.

Next Steps

Related articles