Live Heatmaps at a glance

Live Heatmaps show you directly on your website what visitors click. This article shows you how to open them and what you see at first glance.

Last updated: October 4, 2026

Requirements

The snippet is installed on your website.
You use Google Chrome and have installed the sitebrunch extension.

Open Live Heatmaps

In the menu under “User Experience”, click “Live Heatmaps”. The small arrow next to it tells you that the heatmaps open in a new tab, not in the dashboard.

Screenshot sitebrunch: The menu with Overview, Comments & Tasks and User Experience. Under User Experience are Metrics, Conversions, Journeys and Live Heatmaps. Live Heatmaps has an arrow because it opens in a new tab.

For this you need the sitebrunch extension for Chrome. If it is not installed yet, sitebrunch asks you about it the first time and takes you to the installation with “Go to extension store”.

What you see

Your real website opens in the new tab, with sitebrunch around it. The heatmap is already turned on. Every clickable element, meaning links, buttons, menu items and form fields, gets a number. It tells you how often the element was clicked in the selected period.

The color shows you where the most happens: red marks the elements with the most clicks, followed by yellow, green and blue. Elements without clicks are gray and show a 0.

Screenshot of the sitebrunch extension on vinodo.de with the heatmap turned on. Every menu item and button carries a number with a laptop icon, for example Weißweinproben (white wine tastings) 39 in the menu and 66 on the button further down. The button with the most clicks glows red, less clicked elements green and blue. At the bottom the bar with 780 visitors, 780 page views, 29 seconds visit duration, the device shares and the period September 5 to October 4, 2026.

On vinodo.de you see right away: the large “Weißweinproben” (white wine tastings) button on the home page is clicked more often than the same item in the menu. So the home page leads well to the most important page.

Note

For very small elements, for example arrows in a slider, sitebrunch leaves out the number so it doesn't cover anything. You still see the color, and the number appears in the popup when you hover over the element.

The bar at the bottom

At the bottom, sitebrunch sums up the page for the period:

Visitors, page views and the average visit duration.
What percentage of visits were on a phone, a tablet and a computer.
On the right, the period.

Change the period

Click the period at the bottom right. Choose “Today”, “Yesterday”, “7 Days” or “30 Days”, or select a period yourself in the calendar with “Custom range”. Then click “Save”.

Screenshot of the sitebrunch extension: The open calendar for the period with September and October 2026. September 5 to October 4 is selected. At the bottom the buttons Today, Yesterday, 7 Days, 30 Days (selected) and Custom range, and the button “Save”.

Tip

Choose 30 days if your website doesn't get that many visits. With more clicks, the differences between the elements become clearer.

Turn the heatmap off and on

On the right edge you find the flame icon “Heatmap”. Use it to hide the heatmap, for example when you want to look at the page without colors. A second click shows it again.