How do I add Hotjar to my WordPress website or free?

How to add Hotjar to my WordPress website? There are several methods to do this. Let’s discuss two of them, via plugin or hard-coded. I would normally add Hotjar to a website using Google Tag Manager, but there is a way much easier for WordPress! I’ve also added another option on how to get the tracking code in case you might want to add it hard-coded – but this is more advanced and there are multiple ways to add the tracking code to the website manually.

You can use a WordPress plugin or add the tracking code to your website (don’t do both, just choose one because otherwise, it will not work properly).

1. WordPress plugin

The easiest way to get started with Hotjar is to install the official WordPress plugin of Hotjar. Below is a complete step-by-step guide:

Step 1: Download the Hotjar plugin

After logging into your WordPress website, go to plugins and then click Add New plugin. Search for the Hotjar plugin, or download the plugin from the link shared earlier and install it. Don’t forget to activate the plugin.

Hotjar WordPress plugin

Step 2: Hotjar WordPress Settings

Now go to settings > Hotjar in the WordPress menu.

Hotjar WordPress Settings

Step 3: Login to Hotjar

Open a new tab and log in at https://insights.hotjar.com/login

Step 4: Hotjar settings

In Hotjar, go to the top right of the screen Settings > Sites & Organizations

Hotjar Sites and Organization

Step 5: Unique 7-digit code

Find the domain on which you want to set up Hotjar and copy the unique 7-digit code that is listed with it.

Hotjar Tracking ID

Step 6: Unique code in WordPress

Now add the unique 7-digit code to the Hotjar plugin on WordPress and save it.

Add Hotjar to my WordPress website

Step 7: Tracking Code

Check via Hotjar that the code is working. Go back to the page where you got the unique 7-digit code (otherwise, follow the first 3 steps again). Now click on the gray button called Tracking Code.

Hotjar Tracking code check

Step 8: Checking that Hotjar is working

A pop-up will now appear. In the first field, add the URL of your website. Click on the green button Verify Installation. You should get a message that everything is working!

P.S: you can also get a new page with a piece of code, then click Verify Installation and you will get the step above.

2. Add Hotjar Tracking Code Hardcoded To Your WordPress Website

Do you have knowledge of code, or can you easily outsource this job to a developer? Then you can consider loading the Hotjar tracking code directly Hotjar into the website. That gives the greatest chance of Hotjar loading successfully. At the same time, this also makes it extra difficult to put the code behind a cookie that goes through Google Tag Manager. In order to comply with the GDPR law. Below I explain where you can find the code for Hotjar if you would like to know how to make Hotjar GDPR proof, so you won’t have to put it behind a cookie wall – check out this article I wrote: Free Hotjar GDPR Compliant Settings.

Step 1: Login to Hotjar

Step 2: Hotjar settings

In Hotjar, go to Settings > Sites & Organizations in the top right of the screen.

Hotjar Sites and Organization

Step 3: Tracking Code button

Find the domain whose tracking code you want to install. Then click on the gray Tracking Code button. You will now see a pop-up.

Hotjar Tracking code check

Step 4: Installation code

You may find that in the pop-up you are in the Verify installation tab. To the left of Verify installation, you will see a tab called Tracking Code. Open the Tracking Code tab. Next, you will see a code, copy it, and put it on your website. Give it a try! It also says where this code should be installed on the website (in the head).

Hotjar Installation Code

Step 5: Verifying that Hotjar is working

From the moment Hotjar is on your website, you can use Hotjar to check if the code is installed properly. Follow the first 4 steps again, only at step 4, you will stay in the Verify installation tab. Enter the URL of your website and click on the green button to Verify Installation. A new window will open with the message Hotjar installation verified (if this is not the case, this will also be indicated).

Hotjar Verify Installation

Summary of ‘How to add Hotjar to my WordPress website?’

Hotjar can be very useful to analyze your website. Save time and money right away! Try and analyze what is wrong with your website, fix it, and conversions will hopefully increase. If you don’t have any traffic, it will be hard to analyze your website. In that case, it might be more interesting to look into SEO to get traffic to your website!

Hopefully, this was easy for you, if you can’t figure it out hit me up on any of my socials or by mail.

Logo Freelance CRO specialist Sander Volbeda

Working remotely from Groningen, the Netherlands. Get in touch and let’s schedule a meeting, no strings attached.

Get in touch
© 2024 Sander Volbeda, All rights reserved
CoC: 53236734 VAT: NL002247968B39