The Most Popular Extension Builder for Magento 2

With a big catalog of 224+ extensions for your online store

How to configure Hotjar Tracking Code on Magento 2

Hotjar is a powerful tool that reveals the user’s voice and behavior. It is a pity if you have not heard about Hotjar. This tool not only allows you to create a heat map, but also displays everything you can see, such as scroll depth, create channels, and ask visitors questions. In addition, it also allows you to view recordings of visits to your page. These are great features of Hotjar.

What’s more, Hotjar also helps improve the user experience and significantly increase conversion rates for your e-commerce store.

In this post, we will help you know how to configure Hotjar Tracking Code on Magento 2.

Some Related links:

How to configure Hotjar Tracking Code on Magento 2

To configure Hotjar Tracking Code

Step 1: Install Mageplaza Google Tag Manager

Get Container ID for setting Magento

How to configure Hotjar Tracking Code on Magento 2

Setup in Magento

  • Login to Magento Admin > Mageplaza > Google Tag Manager > Settings

How to configure Hotjar Tracking Code on Magento 2

  • Choose Yes to enable the module.
  • Enter Container ID from Google into Google Tag ID field.

Step 2: Generate an Account

  • Hotjar includes three options when generating an account: Basic, Pro and Business. In that, Basic is a limited package and doesn’t include many useful features like Pro and Business packages. In particular, you have 15 days to try it before purchasing this packages.

Configure Hotjar Tracking Code on Magento 2 Imgur

Step 3: Install your Hotjar Tracking Code

  • In this step, you need to copy and paste the tracking code which is created by Hotjar into the header of your website. You open the web that you will track in another browser window. Now you can completely verify the installation of the code.

Configure Hotjar Tracking Code on Magento 2

Step 4: Start tracking your site

  • Heatmaps: To choose a snapshot size, it depends on your website’s traffic volume. For low traffic website, you should choose 1000 size because it will take some time to reach 1000 visitors. However, if your website has high traffic, you should choose the size of the Pro or Business Snapshot.

Configure Hotjar Tracking Code

As soon as you reach the selected snapshot size, you can go back and evaluate the completed heatmap. This heatmap can be displayed by clicking, moving, and scrolling behavior.

Google Tag Manager

Google Tag Manager for Magento 2

Easily monitor store stats and adjust marketing tags and snippets with simple source code

Check it out!

Related Topics

Image Description
Hello, I'm the Chief Technology Officer of Mageplaza, and I am thrilled to share my story with you. My deep love and passion for technology have fueled my journey as a professional coder and an ultra-marathon runner. Over the past decade, I have accumulated extensive experience and honed my expertise in PHP development.

Looking for
Customization & Development Services?

8+ years of experiences in e-commerce & Magento has prepared us for any challenges, so that we can lead you to your success.

Get free consultant
development service

    Explore Our Products:

    People also searched for


    Stay in the know

    Get special offers on the latest news from Mageplaza.

    Earn $10 in reward now!

    Earn $10 in reward now!

    go up