Skip to main content

What a click map shows, and how to use one

Short answer

A click map colors a page by where visitors click or tap: red where most land, blue where few do. Use it to find buttons nobody presses, text and images people mistake for links, and menu taps that pull shoppers away. Read it for phone and desktop apart.

A real heatmap, read step by step

Half of all phone taps (51%) land in the top quarter of the page, and 24% land on text and backgrounds rather than buttons or links.

35%16%17%13%19%end of first screen47% get past here28% reach halfway9% reach the end1234
  1. 1

    35% of taps land on the first screen

  2. 2

    51% land in the top quarter of the page

  3. 3

    Only 30% land in the middle half

  4. 4

    19% land at the end, where scrollers look for the offer

Two weeks of phone visits on about 130 live Replo sites: over 800,000 taps and over 850,000 page views. Each site counts once, no figure rests on fewer than 20 sites, and no store is shown.

What phone taps land on
Buttons and links58%
Text and backgrounds24%
Header and menu8%
Images4%
Cart drawer3%
Other3%

How to use a click map in five steps

  1. Open one page on one device

    A click map for all devices blends two layouts. Phones usually carry most of the traffic, so start there.

  2. Find your main button

    Is it among the hottest spots? If the buy or add-to-cart button is cooler than an image, the page is pulling attention away.

  3. List what gets tapped that isn't a link

    Taps on text, prices and photos show what people want more of. Each one is a link or a detail you could add.

  4. Check the menu and logo

    8% of phone taps hit the header and menu. On an ad landing page, every one of those is a shopper leaving the offer.

  5. Compare clicks with sales

    Clicks show interest, not value. Check which elements led to orders before deciding what to keep.

What click maps usually show

What click maps usually show
The main button is coolIt's below the fold, or the label is vagueMove it up and say what happens on tap
Heat on product photosShoppers want a closer lookOpen a zoom or gallery on tap
Heat on a price or claimPeople want proof or detailLink it to reviews or the details
Heat on the menuThe page isn't answering a questionAdd the missing answer to the page
Even heat everywhereNo single next step stands outCut to one main button per screen

See your own heatmap

Every page Replo publishes collects clicks, scroll and revenue per element, with nothing to install. Open a page, pick the last 7, 30 or 90 days, and click any element to see what it led to.

Frequently asked questions

What is a click map?
A click map is a heatmap of clicks: a picture of a page colored by where visitors click or tap. Hot colors mark the most clicks. It shows what people try to use on a page, including things that aren't links.
What's the difference between a click map and a heatmap?
A heatmap is the general name. A click map is one kind, for clicks and taps; a scroll map is another, for how far people get. Most heatmap tools show both, and you read them together.
Does a click map count taps on phones?
Yes. On phones a click map records taps. Read phone and desktop separately, because the same page is laid out differently on each, and phone visitors tap in different places.
How do I see a click map for my own pages?
Every page Replo publishes collects clicks, scroll and revenue per element, with nothing to install. Open the page in the Site Builder and pick the last 7, 30 or 90 days. See how Replo heatmaps work.

More heatmap guides

All heatmap guides

See where shoppers click

Replo records where visitors click and how far they scroll, so you know what to fix first.

Keep reading