What Hotjar Heatmaps can do for you
Heatmaps give you an at-a-glance overview of what people do when they get onto your website or app. Using
If you want to see a real
Heatmaps can be an extremely powerful tool when you need to:
find specific issues: for example, you get to see whether your users click or tap on your main buttons or on elements that
discover opportunities: for example, if you find out that key information is getting ignored, you can move it to a more visible place;
make informed decisions: for example, you can get clarity on whether one or more elements on the page are distracting your users and need moving, or get additional insights when you run an A/B test on a page;
get team members and stakeholders on board: heatmaps can be easily downloaded and shared, so other people can quickly see and understand what is going on.
Where to set up your first heatmap
Setting up a
Here are a few pointers:
your homepage and main landing page(s) are the main entry points into your website. They are often responsible for your visitors’ first impressions and for their decision to continue browsing or abandon the website. A
your best-performing pages (the most viewed product page, the most commented blog post, etc.) are obviously doing something right: a
your worst performing pages are as important as the previous ones, but for the opposite reason:
your newest pages don’t have a lot of data: if you recently added a page to your website, a
Reading your first heatmap
After you set up your first Hotjar heatmap, Hotjar starts recording your visitors’ behaviour when they do things such as click or tap on a button, swipe and scroll up or down a page (it only takes one person to visit the page for the heatmaps to start working, but of course data based on just one visitor might not be very useful).
As more and more data of this kind gets recorded, Hotjar generates
Tip: if and when your page design changes, you should start a new
These are the main things you should know and look out for in a heatmap:
If the reddest elements on the heatmap are not links, you might be causing confusion or frustration for users who waste their clicks while expecting to be taken elsewhere.
Red elements also give you important information about what visitors are interested in: what is the most clicked element, and where does it take people who click on or tap it? Is the reddest element the most important one, or are users ignoring something you'd rather they focused on?
Once you have this data, you can think about changing page elements accordingly to get clicks where you want them.
If some of the most important information on the page only gets seen by a small percentage of your visitors, you may need to move some elements around to give them more visibility; if the change in colour is particularly sharp, people might think they have reached the end of the page and you should be thinking about removing confusing design elements.
one of our pages: should we bring some of the elements higher up?
This is particularly important when you have longer pages (such as a landing page) with a lot of information that you want your users to see.
Important content that is prominent on a desktop page could sit much further below the fold on a phone, where fewer users see it;
Hotjar allows you to look at your
Combining heatmaps with other insight
Heatmaps can be used in isolation (here is a list of 8 heatmap tests we recommend to get you started) to help you understand what is happening on your website and make quick changes or fix issues.
But when you want more details and/or an in-depth understanding of why things are happening, you might need to do start using multiple data sources.
Your next step is to combine heatmaps with other Hotjar tools to get richer insight. For example, you can:
Are you ready? Log into your account and get started!