How to do Session Recording and Heatmaps on Magento 2

How to do Session Recording and Heatmaps on Magento 2

Before we start with how to do session recording and heatmaps on Magento 2? First, let us cover some Magento and eCommerce basics.

Magento is one of the leading eCommerce platform. Magento has always focused on improving navigation, user engagement, improved conversion rate and total revenue for their customers.

An E-commerce website aims to sell. One of the critical ways to improve sales is to understand your visitors.

Visitor session recording and heatmap are the best way to understand what and how they browsed your website and where did they clicked the most.

Here is an example of session recording:

And one example of the heatmap:


As you can see both session recording and heatmap are potent ways to know and understand your visitors and in turn give your customers what they exactly want.


How to Setup HumCommerce on Magento 2


HumCommerce is all-in-one eCommerce CRO tool. It has session recording and heatmap features and a lot more to help you convert more visitors into buyers.

The first step is to Sign Up for the HumCommerce tool.

Enter your website URL here:

HumCommerce tool getting started

It’ll take you to the activation page:

Once you fill out the data, click on Create Account.

You’ll see this screen:

HumCommerce getting started account logged in


Now, go to your email inbox and verify your account.

Once you verify, the Launch Dashboard button will be activated.

Then click on Launch Dashboard.

You’ll be taken to HumCommerce tool Dashboard.

Then click on Get Started on the left side panel.

You’ll see this screen:

Here, click on Enable E-Commerce Tracking.

And you’ll see

HumCommerce Enable Ecommerce

Click on Download button present beside Magento.

This action will start your HumCommerce Magento 2 Extension file download.

You can follow the instructions given in Installation button.

This installation guide will help you in installing the extension easily.

Once the installation is done, you can refer the configuration guide by clicking the configuration button.

To make it easy for you, we are giving the configuration steps here.

Click on the Setting button on the right side top corner of the HumCommerce screen.

It’ll take you to the settings page.

Here, click on Manager under Websites.

You’ll see site ID here. Example “ID: 18”. This is your unique site ID. This site ID will be put in Magento extension for tracking the website visitor data.

HumCommerce getting site id

Now, login to your Magento admin panel.

Magento login screen

Go to Stores => Configurations (under Settings)

Magento admin panel

Expand the Sales tab from the left sidebar and click on HumDash API.

Magento admin panel HumCommerce setting 1

Fill in the following details in Tracking API:


Here, all you have to do is set “Yes” in Enable Tracking and put your site ID in the site ID box.

Once all the data is filled, click on Save Config.

You’ll be prompted to refresh invalidated cache types by a system pop-up message.

Click on Cache Management in the prompt message.

Now, click on Flush Magento Cache.

You’ll see the following message: “The Magento cache storage has been flushed”.

The HumDash Configuration is now complete and tracking is active on your Magento 2.

Note: You’ll start seeing data in your HumCommerce tool in few hours after people visit your website.


Let’s move on to setting up Session Recording and Heatmaps in HumCommerce.


How to do Session Recording with HumCommerce?


Follow these easy steps to create session recordings.


How to do Heatmaps with HumCommerce?


Generate a heatmap for web pages with the easy step by step guide.




Session recording and heatmap can be effective ways to increase eCommerce site conversions on your Magento 2 website. This article was focused on giving you proper steps to download, install and configure the session recording and heatmap.

The amount of time your visitors spend on your website is known as average session duration. Increasing can be the key to lowering your bounce. Read this fantastic article on how to improve average session duration.