Download Free Plugin

made by OptiUser

Heatmaps for WordPress · WooCommerce FREE PRO

Heatmaps that show
where visitors click,
hesitate and quit.

Click, move, attention and scroll heatmaps drawn on your real pages. Desktop and mobile apart, filtered by country, browser or campaign in Pro — and stored on your own WordPress server.

Install free plugin Open live demo

Click heatmaps free on WordPress.org · Move, attention & scroll in Pro · No credit card

Admin in 6 languages · Multisite ready

← Back to overview

1,390

clicks on this page — 38% land on the photo, which is not a link.

Fix

Make the product photo clickable.

6.2 s

hovering between the price and the shipping line before leaving.

Fix

Put the shipping answer next to the price.

71%

of reading time goes to the description — 9% to the offer.

Fix

Shorten the text. Strengthen the offer.

23%

of visitors ever see the reviews, below the 58% line.

Fix

Move the reviews above the fold line.

Slice every heatmap by

Desktop · Mobile
Country
Browser
OS
Visitor type
UTM campaign
Entry page
Date range

Example data

wp mark white

5.0 Rated on WordPress.org

1,700+ active installsSites running Opti-Behavior today

woo mark

Built for WooCommerceCheckout, cart and product-page funnels

Cache plugin compatible

WP Rocket

LiteSpeed Cache

W3 Total Cache

WP Super Cache

Autoptimize

SG Optimizer

Perfmatters

WP-Optimize

Jetpack Boost

Breeze

WP Fastest Cache

Hummingbird

NitroPack

FlyingPress

Cache Enabler

Swift Performance

Asset CleanUp

Works with all themes & page builders

Elementor

Divi

Beaver Builder

WPBakery

Gutenberg

Oxygen

Brizy

Breakdance

SiteOrigin

Astra

GeneratePress

Kadence

Themify

MotoPress

Live Composer

OceanWP

Blocksy

Neve

4

Heatmap Types

Click, move, scroll & attention overlays

2

Desktop + Mobile

Separate views for every device type

6+

Advanced Filters

Country, browser, date range, device & more

✓

Per-Page Analytics

Built-in metabox in every post & page

Four heatmaps, and the tools to read them

Each view answers a different question. Together they tell you what to change — and every one of them runs on your own server.

Opti-Behavior click heatmap on a live page preview with device tabs, heatmap type tabs and click hotspots

Click heatmap FREE

See every click — including the ones that go nowhere.

Every click lands on a live preview of your real page, colour-coded from cold to hot. You see which buttons earn their place, and which images, headings or icons people click expecting something to happen.

Click hotspots on your actual page, not on a screenshot
Dead clicks on elements that are not links, exposed at a glance
Views, clicks and average time for the page, right in the toolbar

Fix itVisitors click the product photo? Make it a link.

Opti-Behavior move heatmap showing mouse movement zones over a page

Move heatmap PRO

Read the hesitation before the click.

Mouse movement correlates with where the eye goes. Move heatmaps show where cursors linger, circle and go back and forth — the questions your page is not answering.

Hover zones and back-and-forth paths
Spot price, shipping or guarantee doubts
Same filters and device views as every other heatmap

Fix itThe cursor circles the price? Put the answer right there.

Opti-Behavior attention heatmap highlighting the page sections that hold visitors the longest

Attention heatmap PRO

Know what they actually read.

Attention heatmaps combine dwell time, mouse position and viewport visibility to show which sections hold people — and which ones they fly past.

Time spent per zone, not just clicks
Find the paragraph that eats the attention your offer needs
Compare desktop and mobile reading patterns

Fix itAll the time on the description, none on the offer? Shorten one, strengthen the other.

Opti-Behavior scroll heatmap with colour bands showing how far visitors scroll down the page

Scroll heatmap PRO

Find the line where you lose them.

Colour bands show the share of visitors reaching each part of the page, with a percent-scrolled scale beside it. If your call to action sits below the line most people never cross, you see it in seconds.

Percentage of visitors reaching each depth
Separate desktop, tablet and mobile views
Percent-scrolled scale next to the page

Fix itButton below the 58% line? Move it up.

Opti-Behavior heatmap filter panel with visitor attributes, session attributes, pages and traffic, and UTM parameters

Advanced filters PRO

Ask sharper questions with filters.

One heatmap for everyone hides the story. Filter by who the visitor is, how the session went, where it came from and which campaign paid for it — then save the combination and reuse it in one click.

Visitor: browser, country, operating system, visitor type
Session: minimum and maximum duration
Pages & traffic: entry page, exit page, referrer, traffic channel
UTM: campaign, source and medium
Date range presets and saved filters

Fix itCompare paid-campaign visitors with organic ones on the same page.

Opti-Behavior top clicked elements list ranking page elements by clicks and share of clicks

Top clicked elements BETA · PRO

A ranked list of what gets clicked.

Not everyone reads a heatmap the same way, so you also get the list: every clicked element ranked by clicks and share of clicks, with its label, CSS selector, element type and destination link. Switch between Simple and Detailed views.

Buttons, menus, text, forms, popups — each element typed automatically
Share of total clicks for every element
Builder-aware: Elementor elements are tagged

Fix itYour most clicked element is not your call to action? Start there.

Interactive preview

Heatmaps that follow menus, popups and accordions.

Most heatmaps break the moment a page has a dropdown, a popup or a tab. With Interactive Preview you click inside the page preview to open the hidden element, and the hotspots realign on it. Strict Matching keeps only the clicks whose element still exists on the current page, so an old layout never pollutes today’s map.

Open dropdowns, accordions, tabs and popups inside the preview
Hotspots realign on the revealed element
Strict Matching hides clicks on elements that no longer exist

Fix itRedesigned the page last month? Turn Strict Matching on and read only what is still there.

Opti-Behavior heatmaps list with totals cards and a sortable table of pages, interactions, sessions and device split

Heatmap management FREE

All your heatmaps in one sortable table.

One screen lists every tracked page with its interactions, sessions, device split and last update — plus the totals that matter: heatmaps, clicks, sessions, average time on page, hottest page and click-through rate.

Search, then sort by interactions, sessions or last update
Open the desktop or mobile heatmap in one click
Download any heatmap as a PNG, or delete a page’s data

Fix itSort by sessions and start with the page that gets the most traffic.

Storage & auto-cleanup

Your server stays light. Automatically.

Self-hosted should not mean a bloated database. Heatmap data is kept in compact files and lean tables, and a daily maintenance task keeps it in check without you lifting a finger.

Daily data retention, with the window you choose
Bot and spam sessions removed automatically, heatmap files included
Optional storage size cap
Removed page data is archived first and stays restorable until the archive window ends

Fix itSet it once in Settings → Data Retention, then forget it.

Watch heatmaps in action

A short tour of the heatmap screens inside a real WordPress admin.

How It Works

1

Install & Activate

Install Opti-Behavior from WordPress.org. Activate it and heatmap tracking starts automatically — no configuration needed.

2

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.

3

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 (move, attention and scroll in Pro).

4

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.

How Opti-Behavior heatmaps compare

Every tool draws a click map. What decides it is where the data lives, what happens on menus and popups, and how long you keep it.

Opti-Behavior vs

	Opti-Behavior	Hotjar · Contentsquare	Microsoft Clarity	Mouseflow
Data stays on your server	✓	✗	✗ Microsoft servers*	✗
Native WordPress · no external account	✓	✗	✗	✗
Heatmaps on menus, popups & accordions	✓	Partial · screenshot retake	✗	Paid · interactive heatmaps
Per-page analytics in the WordPress editor	✓ Free	✗	✗	✗
Keep heatmap data as long as you want	✓	✗ 1 month on Free	Partial · 9 months	✗ 1 month on Free
No traffic cap	✓	Partial · 200k sessions/mo on Free	Partial · 100k page views per heatmap	✗ 500 sessions/mo on Free
Click heatmaps	✓ Free	✓	✓	✓
Scroll heatmaps	✓ Pro	✓	✓	✓
Move heatmaps	✓ Pro	✓	✗	Paid
Attention heatmaps	✓ Pro	Partial · engagement zones	✓	Paid
Desktop · tablet · mobile views	✓ Free	✓	✓	✓
Country, browser & visitor-type filters	✓ Pro	✓	✓	✓
Heatmap image download	✓ Free	✓	✓	Partial · browser extension
What the price covers	✓ All 9 analytics modules	Heatmaps + replay · surveys from $99/mo extra	Heatmaps + recordings	Tiers by session volume
Price	€0 – €89/yrwhole plugin, all 9 analytics modules	$0 – from $49/mo	$0*	$0 – from $25/mo

* Clarity is free; Microsoft acts as an independent data controller and may use behavioral data for advertising, and collection is limited in the EU without consent. Hotjar merged into Contentsquare in July 2025: its column shows the Contentsquare Free and Growth plans. Mouseflow keeps move, attention and interactive heatmaps for paid plans. Competitor plans change often — updated 18 September 2026 from each vendor’s pricing page and documentation.

Heatmaps FAQ

What types of heatmaps are available?

Opti-Behavior offers 4 types of heatmaps: Click Heatmaps (free) show where users click, Move Heatmaps (Pro) track mouse movement patterns, Attention Heatmaps (Pro) reveal where users focus their gaze, and Scroll Heatmaps (Pro) show how far users scroll on each page.

Do heatmaps work on mobile devices?

Yes. Heatmaps automatically separate desktop and mobile data, giving you distinct views for each device type. Mobile heatmaps capture taps and scrolls, while desktop heatmaps track clicks and mouse movements. You can toggle between views with one click.

How many pages can I track with heatmaps?

There is no limit. You can enable heatmap tracking on every page of your site. The free version includes click heatmaps for unlimited pages. Pro adds scroll, move, and attention heatmaps — also with no page limits.

Can I filter heatmap data by date, country, or browser?

Yes. Country, browser and visitor-type filters are part of Pro. The heatmap management table includes these filters: page URL, interactions count, session count, device type, last visit time, date range, visitor country, browser and visitor type (new vs returning). This lets you segment heatmap data by any audience dimension and compare behavior across different groups.

Can I download or share heatmap images?

Yes. You can download heatmap images as PNG files directly from the heatmap viewer. This makes it easy to include heatmap data in client reports, presentations, or team discussions without needing to share WordPress admin access.

What does the Per-Page Analytics Metabox show?

The Per-Page Analytics Metabox is a built-in panel that appears inside the WordPress post and page editor for every piece of content on your site. It shows: Entry Sources (Direct, Organic, Referral, Social), Visitor Behavior (average time on page, total interactions, desktop vs mobile events, average scroll depth, bounce rate, new vs returning visitors, last visited time), Exit Behavior (the next URL visited after leaving and any clicked outbound links), a full Audience Breakdown (top countries, browsers and device types), and a Historical Trend Chart showing engagement over time. All this data is specific to that one page — no need to switch to the main analytics dashboard.

Can I delete heatmap data from the management table?

Yes. The heatmap management table supports targeted deletion. You can delete all heatmap data for a specific page URL, or wipe heatmap data by date range across all pages. This lets you clear old or irrelevant data without affecting your recent recordings, giving you a clean baseline after a redesign or major content update.

What are AI Insights on the heatmap management page?

AI Insights is an upcoming feature (coming soon) that will analyze your heatmap data automatically and surface actionable optimization recommendations. Instead of manually interpreting click patterns and scroll depth, AI Insights will highlight pages with low engagement, identify elements receiving dead clicks, flag scroll cut-off points, and suggest specific improvements — all powered by your own on-site data with no third-party AI calls required.

Where is heatmap data stored?

Self-hosted: visitor data stays on your own server. Heatmap data is stored in your own WordPress database, and no third-party analytics service is involved. Opti-Behavior records interaction coordinates (click positions, scroll percentages, mouse paths) linked to session identifiers. No cookies are required.

See Where Your Users Click

Install Opti-Behavior for free and start generating heatmaps within minutes. No signup, no API keys, no monthly fees.

Download Free on WordPress.org See it in the live demo →

← Explore All Features

Explore

Drag