The Best Shopify Heatmap Apps in 2026
Ten heatmap tools that work on Shopify, what each one is actually built for, and the four selection criteria that matter more than the feature list.
Every heatmap app draws an orange blob over your product page. That part is solved, and it has been for a decade. What separates them on a Shopify storefront is much less obvious than the feature lists suggest, and it is almost never the thing the pricing page leads with.
This is a list of ten, with what each is genuinely for. But the selection criteria come first, because picking on features alone is how merchants end up with a tool that produces beautiful, meaningless pictures.
Disclosure: we make DynoWeb, one of the ten. It is placed where it belongs for the job it does. The other nine are described by what they are good at, including where they beat us.
Four things that matter more than the feature list#
1. Does it aggregate by template or by URL? This is the big one on Shopify and almost nobody asks it. A store with 400 products has 400 product URLs and one product template. A tool that builds heatmaps per URL gives you 400 useless maps built on a handful of sessions each. A tool that aggregates by template gives you one map with real data behind it. Ask before you buy.
2. Does it survive a theme update? Heatmaps anchored to fragile CSS selectors or to raw screen coordinates break when you change your theme, and they break quietly — the map still renders, it is just wrong. Coordinate-anchored maps are also why you sometimes see clicks floating in empty space.
3. Does it split mobile and desktop by default? A blended heatmap on a responsive theme is close to meaningless, because the same coordinate is a different element on different devices. Most tools support the split. Fewer default to it, and the default is what you will actually use.
4. Does it show friction, not just distribution? Rage clicks and dead clicks localise things that are actually broken. A click map shows you a distribution and leaves the interpretation to you. Friction maps have a far higher fix-rate per finding — if a tool has them, that is where you should start every session.
We wrote the longer version of this in the complete Shopify heatmap guide, including how to read a map without fooling yourself.
The ten#
Grouped by what they are for. Not ranked — the ranking depends on which problem is yours.
Free to start#
1. Microsoft Clarity — free forever, unlimited sessions, no traffic cap, with click and scroll heatmaps and unusually good rage-click and dead-click detection. Best for: any store with no behaviour analytics at all. This is the correct first install, and nothing else on this list is close on price. Where it stops: platform-agnostic, so no concept of variants, carts or order value, and no path from a finding to a fix. Full comparison →
2. Propel Replay & Session Recording — Shopify-native, fast to install, with a free tier that covers most small stores. Best for: getting heatmaps and replay running today without configuration. Where it stops: focused scope rather than a full analytics suite.
Shopify-native suites#
3. Mida — session replay, heatmaps, on-site surveys and ecommerce metrics in one Shopify app, with checkout tracking and filters for cart value and abandoned checkouts. Best for: merchants who want heatmaps sitting next to commerce data rather than beside it. Where it stops: an observation tool — the fix is still yours to build. Full comparison →
4. Lucky Orange — heatmaps, replay, live chat and checkout-level recording, and one of the longest-running behaviour tools in the Shopify ecosystem. Best for: merchants who want a mature product with real support. Where it stops: finding friction is where it finishes. Full comparison →
5. DynoWeb — click, scroll and rage-click heatmaps aggregated per Shopify template, sitting on top of session replay and a conversion funnel, where each finding arrives with a fix you preview and apply and the revenue difference is measured before and after. Best for: stores where the known-but-unfixed list is longer than the unknown list. Where it stops: Shopify only, and it cannot help if the real problem is your acquisition costs rather than your storefront. How heatmaps work here →
6. Heatmap.com — positions itself on revenue-linked heatmaps and minimal page-load impact, with AI-driven insights and testing attached. Best for: merchants who want click data expressed in money rather than colour. Where it stops: a narrower product than the general suites.
Deep page analysis#
7. Crazy Egg — five ways of visualising the same clicks: classic heatmap, scrollmap, confetti, overlay and list. Confetti in particular segments individual clicks by source and device in a way flat heatmaps cannot. Best for: interrogating one important page properly. Where it stops: shallower on session-level and commerce-level analysis. Full comparison →
8. Mouseflow — heatmaps plus genuinely strong form analytics and friction scoring, with deep filtering by custom events. Best for: stores where a specific form or funnel step is the suspected culprit. Where it stops: built for websites in general, not storefronts in particular. Full comparison →
Attached to something bigger#
9. Hotjar — heatmaps as part of the most widely adopted behaviour analytics platform on the web, with surveys, feedback widgets and interview recruitment that nothing else here matches. Best for: teams who need to ask visitors why. Where it stops: no storefront data model, and heatmaps are one module among many. Full comparison →
10. VWO — heatmaps bundled into a full experimentation platform with A/B testing, multivariate and personalisation. Best for: stores with the traffic to reach significance and someone to run the programme. Where it stops: expensive if heatmaps are all you actually wanted. Full comparison →
Also on Shopify: Plerdy bundles heatmaps with SEO checks and pop-ups at a low price if you are consolidating tools, FullStory is the option for teams with a real analyst, and Contentsquare is the enterprise tier. Smartlook is winding down — do not start there in 2026.
Side by side#
| Tool | Free tier | Template-level maps | Friction maps | Commerce data | Ships a fix |
|---|---|---|---|---|---|
| Microsoft Clarity | Unlimited | No | Yes | No | No |
| Propel Replay | Yes | Yes | Partial | Yes | No |
| Mida | Yes | Yes | Partial | Yes | No |
| Lucky Orange | Trial | Partial | Yes | Partial | No |
| DynoWeb | 1,500 sessions | Yes | Yes | Yes | Yes |
| Heatmap.com | Trial | Partial | Partial | Yes | No |
| Crazy Egg | Trial | No | Partial | No | No |
| Mouseflow | Trial | No | Yes | No | No |
| Hotjar | Yes, limited | No | Partial | No | No |
| VWO | Trial | No | Partial | Partial | Runs tests |
Vendors change tiers and features regularly — confirm on their own pricing page before deciding.
Choosing quickly#
- No behaviour data at all? Clarity. It is free and it is good. Start there and come back to this list in three months.
- Need heatmaps that understand variants, carts and checkout? Mida, Propel or DynoWeb.
- One page is the problem and you want to dissect it? Crazy Egg.
- A form or a funnel step is the problem? Mouseflow.
- You need to ask shoppers why? Hotjar.
- You already know what is broken and it is still broken? That is not a heatmap problem. See below.
What no heatmap app will do for you#
A heatmap answers a narrow question: where did attention and clicks land on this page. It cannot tell you why, and it cannot tell you what to change. The standard workflow is heatmap to localise, session replay to understand, then a test or a fix to confirm — and merchants who skip the middle step end up making theme changes based on a colour gradient.
The other thing worth saying plainly: an unsegmented heatmap averages away every interesting finding. If you take one thing from this list, make it this — always split mobile from desktop, and compare converted sessions against non-converted ones on the same page. The difference between those two maps is your hypothesis. That single comparison is worth more than any feature on any pricing page here.
If your finding list is already long and your shipped-fix list is short, the tool is not your constraint. Pick the cheapest one that answers your question and spend the difference on actually changing the page.
Stop guessing. Fix it and see the money.
DynoWeb watches how shoppers actually behave on your storefront, points at the step that is costing you orders, and shows the revenue each fix moved.
Related guides
- 11 min read10 Microsoft Clarity Alternatives for Shopify Stores (2026)Clarity is free and genuinely good, so most merchants asking this question do not have a Clarity problem. Here is when switching is justified, and the ten tools worth switching to.
- 10 min readThe Complete Shopify Heatmap Guide for 2026What each heatmap type measures, how to read one without fooling yourself, and the five mistakes that turn heatmaps into expensive wallpaper.
- 9 min readRage Clicks on Shopify: What to DoA rage click is a shopper telling you something is broken, as it breaks. What causes them on Shopify, how to find them, and how to fix the six patterns.
Or see every post.

