Run A/B tests and personalize your store without code. 14-day free trial, no credit card.
Start free trial →In-depth guides and case studies where this concept is put to work.
A heatmap is a visual representation of aggregated visitor behaviour on a page, using colour to show intensity — warm colours where activity is concentrated, cool colours where it is sparse. Rather than reading through thousands of individual sessions, you see the collective pattern in a single image.
Heatmaps come in several forms. Click maps show where people tap or click. Scroll maps show how far down the page visitors travel and where the majority stop. Attention or hover maps approximate where people look by tracking cursor position and dwell time. Each answers a different question, and they are most useful read together.
Analytics tell you that 68% of visitors leave your product page without adding to cart. Heatmaps begin to explain why. They convert a number into an observable behaviour, which is what a hypothesis needs.
The recurring discoveries are remarkably consistent across D2C stores. Visitors click things that are not clickable — product images they expect to zoom, review counts they expect to jump to reviews, size labels they expect to be selectable. Scroll maps regularly show that only 30–40% of mobile visitors ever reach the reviews section that the team spent weeks curating. Click maps show the primary call to action being ignored while a secondary link two-thirds down the page absorbs most of the taps.
None of these are visible in a funnel report, and all of them are straightforward to fix once seen.
A footwear brand could not understand why their size guide had almost no traffic despite sizing being the top reason for returns. The click map on the product page showed heavy tapping on the size chips themselves — visitors were tapping "UK 8" repeatedly, expecting fit information to appear, and getting only a selection state.
The size guide link sat below the add-to-cart button, well outside where anyone was looking. Moving it directly beside the size chips as a "Find my size" link, and opening it in a modal rather than a new page, increased size guide usage roughly sixfold and reduced size-related returns by about a fifth over the following quarter.
Heatmaps sit on both ends of the testing cycle. Before a test, they generate the hypothesis: a scroll map showing that trust badges are never seen justifies a test that moves them upward. After a test, they help explain the result — particularly when a variant loses, which is exactly when teams most want an explanation.
The most common trap is using a heatmap as the test. A heatmap showing more clicks on a new element does not prove that element increased revenue; clicks are not conversions. Use heatmaps to decide what to test, then let a controlled A/B test decide what to ship. CustomFit.ai integrates with Microsoft Clarity and Hotjar so behavioural insight and experimentation stay connected.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.