See Exactly Where Shoppers Click, Scroll, and Drop Off
Your Shopify analytics dashboard shows you that 97% of visitors leave without buying. What it does not show you is why. Are they scrolling past your add-to-cart button? Clicking on images that are not linked? Rage-clicking a broken element on mobile? Free heatmap and session recording tools for Shopify answer these questions by showing you exactly what visitors do on every page of your store.
Heatmaps visualize aggregate behavior — where clicks cluster, how far visitors scroll, and which elements attract attention. Session recordings replay individual visits so you can watch real shoppers navigate your store, struggle with your checkout, and abandon their carts. Together, these tools reveal the friction points that conversion rate data alone cannot explain.
The good news is that several powerful options are available at no cost. This guide compares every free heatmap and session recording tool that works with Shopify in 2026, including session limits, feature differences, performance impact, and which stores each tool fits best.
What Heatmaps and Session Recordings Actually Show You
Before comparing tools, understand what you are looking for. Heatmaps and session recordings capture different types of behavioral data, and each type answers specific questions about your store.
Types of Heatmaps
Click heatmaps show where visitors click or tap on a page. Hot zones (red/orange) indicate high click density. Cold zones (blue/green) indicate low engagement. Click heatmaps reveal whether visitors click your CTAs, whether they try to click non-interactive elements, and whether important links are being ignored.
Scroll heatmaps show how far down a page visitors scroll before leaving. If 80% of your visitors never see your product reviews section because it sits below the fold, a scroll heatmap makes that immediately visible. This data directly informs where to place your most persuasive content.
Move heatmaps track cursor movement, which roughly correlates with eye tracking on desktop. They show which areas of the page attract visual attention even when visitors do not click.
Session Recordings
Session recordings capture individual visitor sessions as video replays. You can watch a shopper land on your homepage, browse products, add items to cart, enter checkout, and either complete the purchase or abandon. The most valuable recordings show friction — visitors pausing, scrolling back and forth, or clicking repeatedly on something that does not respond.
Frustration Signals to Watch For
Modern tools automatically detect behavioral signals that indicate frustration. Rage clicks occur when a visitor clicks the same element three or more times within two seconds, usually because something looks clickable but does not respond. Research from Microsoft Clarity shows that shoppers who experience rage clicks during checkout convert at just 0.9% compared to 4.1% for users with smooth experiences. Dead clicks happen when visitors click elements that have no interactive function — like static images or headings that look like links. Quick-backs occur when a visitor navigates to a page and immediately returns, suggesting the page did not match their expectation.
Microsoft Clarity: The Best Free Option With No Limits

Microsoft Clarity is the clear winner for most Shopify stores looking for free heatmap and session recording tools. It is completely free with no session limits, no feature gates, and no premium tier upsell. You get unlimited recordings, unlimited heatmaps, and unlimited users.
Key Features
Clarity provides click, scroll, and area heatmaps for every page of your store. Unlimited session recordings capture the full visitor journey including checkout and thank-you pages — something many paid tools restrict. Automatic frustration detection flags rage clicks, dead clicks, excessive scrolling, and quick-backs without manual configuration.
The platform's Smart Events feature automatically tracks important Shopify actions like product views, add-to-cart events, and checkouts. You do not need to set up custom event tracking manually, which eliminates one of the biggest barriers to getting value from behavioral analytics.
Shopify Integration
Clarity offers a native Shopify integration through the Shopify App Store. Installation takes under five minutes: install the app, grant data permissions, toggle the Clarity JavaScript on in app settings, and wait a few hours for data to populate. The Shopify Pixel compatibility means you can analyze checkout flow behavior, which is critical for identifying where buyers drop off.
Performance Impact
Clarity's tracking script weighs just 22 KB — the lightest of any major heatmap tool. For Shopify stores where page speed directly impacts conversion rate, this matters. Heavier scripts from competing tools can add 50-100+ KB and introduce layout shifts that hurt Core Web Vitals scores.
| Feature | Microsoft Clarity |
|---|---|
| Price | Free forever |
| Session limit | Unlimited |
| Heatmap types | Click, scroll, area |
| Session recordings | Unlimited |
| Frustration detection | Rage clicks, dead clicks, quick-backs |
| Shopify integration | Native app, 1-click install |
| Script size | 22 KB |
| AI features | Copilot summaries |
Who Should Use Clarity
Every Shopify store should install Clarity. There is no trade-off — it is free, lightweight, and provides insights that Shopify's built-in analytics cannot deliver. Even if you later add a paid tool, Clarity's unlimited session recordings serve as a baseline data source you never lose access to.
Hotjar: The Industry Standard With a Generous Free Plan

Hotjar is the most widely recognized heatmap and session recording platform. While it is primarily a paid tool, the free Basic plan provides enough functionality for smaller Shopify stores to get meaningful behavioral insights.
Free Plan Features
Hotjar's Basic plan includes unlimited heatmaps, 35 daily session recordings, and up to 3 feedback widgets. The unlimited heatmaps alone make the free plan valuable — you can generate click, scroll, and move heatmaps for any page without hitting a cap.
The 35 daily recording limit is the primary constraint. For stores with fewer than 100 daily visitors, this captures a meaningful sample. For stores with thousands of daily sessions, 35 recordings represent a tiny fraction of behavior and may not surface patterns reliably.
What You Do Not Get for Free
The free plan excludes Hotjar's AI-powered Sense feature, which automatically identifies and prioritizes UX issues across your recordings. Advanced filtering — viewing recordings only from mobile visitors, only from visitors who abandoned cart, or only from visitors who came from a specific campaign — is limited on the free tier. Funnel visualization is also restricted.
Shopify Setup
Hotjar does not offer a native one-click Shopify app. Installation requires adding Hotjar's tracking code to your theme's <head> section, either through the theme editor or via Google Tag Manager. Several third-party Shopify apps simplify this process, but the manual approach takes under ten minutes.
Who Should Use Hotjar's Free Plan
Hotjar's free plan works best for stores with low to moderate traffic (under 500 daily visitors) that want unlimited heatmaps and a small sample of session recordings. If you need more than 35 daily recordings, you will hit the limit quickly and need to upgrade to the Plus plan at $39 per month.
Lucky Orange: Shopify-Native With Real-Time Features
Lucky Orange is built specifically for ecommerce and offers a Shopify-native app with real-time session viewing, which lets you watch visitors interact with your store as it happens — not just in replay.
Free Plan Features
Lucky Orange's free plan provides 100 sessions per month with access to heatmaps and session recordings. The session limit is low compared to Clarity's unlimited tier, but the tool's ecommerce-specific features add value that generic tools miss.
Ecommerce-Specific Tracking
Where Lucky Orange differentiates is its checkout event tracking. The app automatically captures Product Viewed, Added to Cart, Checkout Started, and Checkout Completed events. You can filter recordings by these events to watch only sessions where visitors added a product to cart but did not complete checkout — the exact sessions most likely to reveal conversion-killing friction.
The Discovery AI assistant analyzes your data and surfaces actionable insights automatically. Rather than watching dozens of recordings to find patterns, Discovery highlights the most significant behavioral trends and suggests specific improvements.
Pricing Beyond Free
| Plan | Monthly Cost | Sessions |
|---|---|---|
| Free | $0 | 100/month |
| Launch | $19/mo | 500/month |
| Build | $39/mo | 5,000/month |
| Grow | $89/mo | 15,000/month |
Lucky Orange holds a 4.7-star rating with 900+ five-star reviews on the Shopify App Store, making it one of the highest-rated tools in this category.
Who Should Use Lucky Orange
Lucky Orange's free plan suits stores that want to evaluate the tool before committing to a paid plan. The 100 monthly session limit is too low for ongoing analysis, but it provides enough data to determine whether the ecommerce-specific features justify upgrading to the Launch plan at $19 per month.
Plerdy: All-in-One CRO Suite With Free Heatmaps
Plerdy positions itself as a complete conversion rate optimization platform rather than just a heatmap tool. The free plan includes basic heatmap capabilities alongside SEO analysis, popup forms, and ecommerce tracking.
Free Plan Features
Plerdy's free tier provides heatmaps that track clicks, cursor movement, and scroll depth, plus a limited number of session recordings. The standout feature is the built-in SEO checker that runs daily analysis of titles, descriptions, and keywords — a feature no other free heatmap tool includes.
The All-in-One Value Proposition
For Shopify merchants who want behavioral analytics, SEO monitoring, and popup lead capture in a single tool, Plerdy consolidates functionality that would otherwise require three separate apps. The ecommerce tracking connects user behavior directly to sales data, showing which behavioral patterns correlate with purchases versus abandonments.
Pricing Beyond Free
Paid plans start at $29 per month (Start) for advanced heatmaps and session replays, scaling to $59 (Business) and $99 (Premium). A 14-day free trial is available for all paid tiers.
Who Should Use Plerdy
Plerdy is the best choice for merchants who want a CRO toolkit beyond just heatmaps and recordings. If you are also looking for SEO monitoring, A/B testing, and popup forms, Plerdy's free plan lets you test all of these before committing to a paid tier. Our ecommerce tools can complement Plerdy's SEO analysis with a more comprehensive site audit.
MIDA: Checkout-Focused Heatmaps and Replay

MIDA is a Shopify-native heatmap tool that focuses specifically on checkout analytics — the part of the funnel where most revenue is lost.
Free Plan Features
MIDA's free plan provides 250 sessions per month with heatmaps, session replays, and abandoned checkout analytics. The checkout focus means you can see exactly where buyers enter payment information, where they hesitate, and where they leave.
Checkout-Specific Analytics
Most free heatmap tools struggle with Shopify's checkout pages because of how Shopify handles checkout rendering. MIDA is built specifically for Shopify's checkout architecture, which means you get accurate heatmaps and recordings of the entire checkout flow — from cart to confirmation.
The abandoned checkout analytics automatically identify sessions where visitors started checkout but did not complete the purchase. You can filter these by device, referral source, and cart value to find patterns in high-value abandonment.
Who Should Use MIDA
MIDA is the best free option for stores whose primary optimization focus is checkout conversion. If you already know your product pages convert well but your checkout flow leaks buyers, MIDA's 250 monthly sessions provide enough data to identify specific checkout friction points.
Retter Heatmap: Lightweight and Simple
Retter is a lightweight Shopify heatmap app designed for merchants who want quick visual insights without the complexity of full-featured analytics platforms.
Free Plan Features
Retter's free plan covers 500 page views per month with click, scroll, and move heatmaps. The interface is intentionally simple — install the app, choose which pages to track, and view heatmaps within hours.
When Simple Is Enough
Not every store needs unlimited recordings and AI-powered analysis. If you are a newer merchant who wants to answer one specific question — "Are visitors actually seeing my add-to-cart button on mobile?" — Retter's free plan provides the answer without the overhead of configuring a complex analytics platform.
Who Should Use Retter
Retter fits stores with very low traffic (under 500 page views per month on tracked pages) that want basic heatmap data. For stores above that threshold, Microsoft Clarity provides more features at the same price — free.
Free Heatmap Tools Comparison: Side by Side

This comparison covers every free option discussed above, ranked by the factors that matter most for Shopify merchants: session limits, feature depth, performance impact, and ease of setup.
| Tool | Free Sessions | Heatmap Types | Session Recording | Frustration Detection | Script Impact | Shopify App |
|---|---|---|---|---|---|---|
| Microsoft Clarity | Unlimited | Click, scroll, area | Unlimited | Rage clicks, dead clicks, quick-backs | 22 KB (lightest) | Native |
| Hotjar | Unlimited heatmaps, 35 recordings/day | Click, scroll, move | 35/day | Limited on free | ~40-60 KB | Third-party |
| Lucky Orange | 100/month | Click, scroll | 100/month | AI-powered Discovery | ~45 KB | Native |
| MIDA | 250/month | Click, scroll | 250/month | Checkout-specific | ~30 KB | Native |
| Plerdy | Limited | Click, scroll, move | Limited | Basic | ~35 KB | Native |
| Retter | 500 page views/month | Click, scroll, move | No | No | Lightweight | Native |
The verdict: Microsoft Clarity wins on pure value — unlimited everything with zero cost and the lightest script. Hotjar offers unlimited heatmaps with the most recognized brand. Lucky Orange and MIDA provide Shopify-specific checkout analytics that generic tools miss.
How to Use Heatmap Data to Increase Conversions

Installing a tool is step one. Using the data to actually improve your store is where the revenue impact happens. Here is a practical workflow for turning heatmap and recording insights into conversion gains.
Step 1: Identify Your Highest-Impact Pages
Start with the pages that get the most traffic and have the lowest conversion rates. Your homepage, top product pages, and cart page are usually the highest-impact targets. Generate heatmaps for these pages first and watch 20-30 session recordings from each.
Step 2: Look for Behavioral Patterns
You are looking for three patterns in particular.
- False affordances — elements that visitors try to click but are not interactive (images, headings, icons). Dead click data highlights these immediately. The fix is either making those elements clickable or changing their visual styling so they do not look interactive.
- Content blindness — scroll heatmaps showing visitors stop scrolling before reaching key content like reviews, product details, or CTAs. The fix is moving your most persuasive content higher on the page.
- Checkout friction — session recordings showing visitors pausing, scrolling, or abandoning during specific checkout steps. Common culprits include unexpected shipping costs, required account creation, and confusing payment option displays.
Step 3: Prioritize Fixes by Impact
Not every finding deserves immediate attention. Prioritize by combining two factors: how many visitors are affected and how close to the purchase the friction occurs. A dead click on your homepage logo affects many visitors but has low purchase proximity. A checkout page that confuses visitors on the payment step affects fewer total visitors but has maximum purchase proximity.
| Priority | Criteria | Example |
|---|---|---|
| P0 — Fix immediately | High traffic + checkout-stage friction | Payment form confusion causing abandonment |
| P1 — Fix this week | High traffic + product-page friction | Add-to-cart button invisible below fold on mobile |
| P2 — Fix this month | Moderate traffic + early-funnel friction | Homepage hero CTA gets zero clicks |
| P3 — Backlog | Low traffic + low purchase proximity | Blog page scroll depth is shallow |
Common Mistakes With Heatmap and Session Recording Tools
Knowing what to avoid saves you from the most common pitfalls that prevent merchants from getting value out of their behavioral analytics.
Watching Recordings Without a Question
Random session recording watching is a time sink with diminishing returns. Always start with a specific question: "Why is the mobile cart page conversion rate 40% lower than desktop?" Then filter recordings to only mobile cart sessions. You will find the answer in five recordings instead of fifty.
Ignoring Mobile vs. Desktop Differences
Your desktop heatmap and mobile heatmap tell completely different stories. An add-to-cart button that sits prominently above the fold on desktop might be buried below three image carousels on mobile. Always generate separate heatmaps for mobile and desktop, and prioritize mobile findings — over 70% of Shopify traffic is mobile.
Making Changes Without Measuring Results
Heatmap data reveals problems. But if you change your product page layout based on heatmap findings and do not measure the conversion rate impact afterward, you have no idea whether the change helped. Track your conversion analytics before and after every change. Use a two-week measurement window minimum.
Installing Multiple Tools Simultaneously
Running three heatmap tools at once triples your page load scripts, degrades performance, and creates conflicting data. Choose one primary tool — we recommend Microsoft Clarity — and add a second only if you need specific capabilities like Lucky Orange's real-time viewing or MIDA's checkout focus.
Privacy and GDPR Compliance for Heatmap Tools
Behavioral tracking tools collect visitor data, which means you need to handle consent properly. Here is what you need to know for your Shopify store.
What These Tools Capture
Heatmap and session recording tools capture mouse movements, clicks, scrolls, form interactions, and page navigation. Most tools automatically mask sensitive inputs like credit card fields and passwords. Microsoft Clarity, for example, masks sensitive content by default and allows you to configure additional masking rules.
Consent Requirements
Under GDPR and similar privacy regulations, you generally need visitor consent before activating tracking scripts. Most Shopify cookie consent apps — including Pandectes and Cookie Consent Banner — support integration with heatmap tools so scripts only load after consent is granted.
Best Practices
Always verify that your chosen tool masks sensitive form fields by default. Test this by completing a test checkout and reviewing the recording to confirm no payment data is visible. Add your heatmap tool to your privacy policy with a clear description of what it tracks and why. And configure your consent management platform to control when the tracking script loads.
Your Next Step: Install and Start Learning
The fastest path to higher conversions starts with installing Microsoft Clarity today. It takes five minutes, costs nothing, and begins collecting data immediately. Within 48 hours, you will have heatmaps showing where visitors click and recordings showing how they navigate your store.
Use the three-step workflow from this guide: identify your highest-impact pages, look for behavioral patterns, and prioritize fixes by traffic volume and purchase proximity. The merchants who consistently review and act on this data see measurable conversion improvements within weeks — not months.
If you are already using heatmaps and want to go deeper into your store's analytics, explore the Shopify analytics and data resources on our blog. For a comprehensive audit of your store's SEO and technical performance, try the free ecommerce SEO audit tool to complement your behavioral data with search performance insights.
Which heatmap finding has had the biggest impact on your store's conversions? Share your experience in the Talk Shop community — your insights could help another merchant spot the same issue.

About Talk Shop
The Talk Shop team — insights from our community of Shopify developers, merchants, and experts.
Related Insights
The ecommerce newsletter that's actually useful.
Daily trends, teardowns, and tactics from the top 1% of ecommerce brands. Delivered every morning.
