4 Types of
Heatmaps
See exactly where users click, move their mouse, focus attention, and scroll. Separate desktop & mobile views with advanced filtering by country, browser, and date range. Plus a unique Per-Page Analytics metabox built right into the WordPress editor.
Visualize Every User Interaction
Four heatmap types give you a complete picture of how visitors interact with every page. Click, move, attention and scroll data — all rendered as beautiful overlays on your actual pages. What sets Opti-Behavior apart is the Per-Page Analytics Metabox — a unique widget built directly into the WordPress post and page editor that delivers entry sources, visitor behavior, exit paths, audience breakdown and a historical trend chart without ever leaving your admin.
Click Heatmaps FREE
See exactly where users click on every page. Identify which buttons, links and elements attract the most attention. Spot dead clicks on non-interactive elements and optimize your CTAs.
Heatmap Management
A powerful central table lets you browse, filter and act on all your heatmaps at once. Filter by page URL, interactions count, session count, device type, last visit time, date range, country, browser and visitor type (new vs returning). Bulk-delete by page or date range, download any heatmap as a PNG image, and keep an eye out for AI Insights (coming soon) that will surface optimization recommendations automatically.
Move Heatmaps PRO
Track mouse movement patterns to understand where users hover and explore. Mouse movement correlates with eye tracking — revealing which content areas draw the most visual attention.
Attention Heatmaps PRO
Discover which sections of your page hold user attention longest. Attention maps combine dwell time, mouse position and viewport visibility to show content effectiveness at a glance.
Scroll Heatmaps PRO
See exactly how far users scroll on every page. Identify the fold line where you lose visitors and optimize content placement. Color-coded bands show the percentage reaching each section.
Post & Page Analytics Metabox
A rich analytics panel embedded in every WordPress post and page editor. At a glance you see Entry Sources (Direct, Organic, Referral, Social), Visitor Behavior (avg time on page, total interactions, desktop/mobile event split, avg scroll depth, bounce rate, new vs returning, last visited), Exit Behavior (next URL visited, clicked outbound links), a full Audience Breakdown (top countries, browsers, device types) and a Historical Trend Chart showing engagement over time.
Per-Page Post Analytics Metabox
Every post and page in WordPress gets a full-featured analytics panel built right into the editor. No need to switch between screens — all the data you need to optimize that specific page is right there alongside your content.
- Entry Sources: Direct, Organic, Referral & Social breakdown
- Visitor Behavior: Avg time on page, total interactions, desktop vs mobile events, avg scroll depth, bounce rate, new vs returning visitors, last visited time
- Exit Behavior: Next URL visited after leaving & clicked outbound links
- Audience Breakdown: Top countries, browsers & device types
- Historical Trend Chart: Engagement metrics over time for that page
- Quick-launch heatmap overlay directly from the editor
- Download heatmap as PNG image
How It Works
Install & Activate
Install Opti-Behavior from WordPress.org. Activate it and heatmap tracking starts automatically — no configuration needed.
Visitors Browse Your Pages
As visitors interact with your site, the lightweight script captures clicks, mouse movements, scroll depth and attention data on your own server.
View Heatmap Overlay
Open any page heatmap to see a color-coded overlay rendered on your actual page. Switch between click, move, attention and scroll views with one click.
Analyze & Optimize
Use heatmap insights to reposition CTAs, remove distracting elements, shorten pages and improve conversion rates. Check the Per-Page Analytics metabox in the editor for a complete per-page picture.
Who Uses Heatmaps?
E-Commerce Product Pages
See which product images, descriptions and add-to-cart buttons get the most clicks. Identify if users are scrolling past key information and optimize layouts for higher conversions.
Landing Page Optimization
Discover if visitors click your primary CTA or get distracted by secondary elements. Use scroll heatmaps to find the optimal fold position and validate content hierarchy.
Content Layout Testing
Test different page layouts and compare heatmap data to see which arrangement drives more engagement. Restructure content based on real user behavior data.
Heatmap Comparison
| Feature | Opti-Behavior | Hotjar | MS Clarity | Mouseflow |
|---|---|---|---|---|
| Click Heatmaps | ✓ Free | ✓ | ✓ | ✓ |
| Move Heatmaps | ✓ Pro | ✓ | ✗ | ✓ |
| Attention Heatmaps | ✓ Pro | ✗ | ✗ | ✓ |
| Scroll Heatmaps | ✓ Pro | ✓ | ✓ | ✓ |
| Desktop / Mobile Split | ✓ Free | ✓ | ✓ | ✓ |
| Country & Browser Filters | ✓ Free | Paid | ✗ | Paid |
| Heatmap Image Download | ✓ Free | ✓ | ✗ | ✓ |
| Per-Page Analytics Metabox | ✓ Free | ✗ | ✗ | ✗ |
| Self-Hosted Data | ✓ Free | ✗ | ✗ | ✗ |
| Session Limits | Unlimited | 35/day | Unlimited | 500/mo |
| Price | $0 – $69/yr | $213+/mo | $0* | $31+/mo |
* Microsoft Clarity is free but Microsoft uses your visitors' data for advertising purposes.
Heatmaps FAQ
What types of heatmaps are available?
Do heatmaps work on mobile devices?
How many pages can I track with heatmaps?
Can I filter heatmap data by date, country, or browser?
Can I download or share heatmap images?
What does the Per-Page Analytics Metabox show?
Can I delete heatmap data from the management table?
What are AI Insights on the heatmap management page?
How is heatmap data stored and is it GDPR compliant?
See Where Your Users Click
Install Opti-Behavior for free and start generating heatmaps within minutes. No signup, no API keys, no monthly fees.