How Can I See the Heatmap of a Variant in an A/B Test?

Heatmaps show how visitors interact with your pages — where they click, how far they scroll, and which areas receive the most attention. In many A/B tests, Nelio A/B Testing automatically generates heatmaps for each variant so you can combine behavioral insights with conversion data.

Which A/B Tests Include Heatmaps?

Heatmaps are automatically recorded for each variant in:

• Page tests
• Post tests
• Custom Post Type tests

You don’t need to create a separate heatmap test. Nelio collects heatmap data for these A/B tests by default.

How to View the Heatmap of a Variant

1. Go to Nelio A/B Testing → Tests.
2. Find the test you want to analyze and hover over its name.
3. Click View Results.
4. In the variant results, click View Heatmap for the variant you want to analyze.

The heatmap opens in a new tab, where you can switch between:

• Heatmap – Shows click or tap activity.
• Scrollmap – Shows how far visitors scroll down the page.
• Confetti map – Shows individual clicks and additional information about them.

This is the same interface used to analyze standalone heatmap tests.

Why This Is Useful

Viewing heatmaps alongside traditional A/B test metrics helps you:

• Understand why a variant performs better
• Identify behavioral patterns that may help explain differences in conversion rates
• Discover which elements receive more or fewer interactions
• Find additional opportunities for improvement after analyzing a test

Heatmaps complement your conversion data by giving you additional context about how visitors interact with each variant.