How to use Clarity Live Extension?

Welcome to Clarity Live!

With our new extension, get instant heatmaps right on your live site and watch recent session recordings for any page you're on.

This extension adds the Clarity widget to any page with an installed Clarity tracking code. Start using the extension by signing into Clarity.

Sign in to Clarity live extensions.

The widget provides quick links to view:

  1. Heatmaps
    1. Two heatmaps, one view - Click and Scroll map
    2. Area map
  2. Recordings
    1. View Recordings
    2. Select area to view recordings

Start using Clarity live extensions.

Show Clarity widget

To start using the Clarity Live extension, go to Live view tab and turn on the Clarity widget. Clarity widget contains the 'View heatmap', 'View area map', and 'View recordings' icons.


The widget is available for all the pages of your site with Clarity tracking code installed on it.

Turn on the widget.

You can view this page on Clarity to view more recordings and heatmaps with applied visited URL and timeframe filter.

View Heatmap

A Heatmap (or Heat map) is a visualization tool that makes it easy to analyze aggregated information about how users interact with the website.

Two Heatmaps, one view

Clarity Live combines two types of heatmap into one view. No need to toggle between them anymore. Click heatmaps capture the most clicked (or tapped) elements on a page. Scroll heatmaps reveal the most viewed areas on a page by showing how far users scroll. Clarity tracks all visitor clicks and scrolls on mobile, desktop, and tablet and automatically generates a heat map faster than before.


Wanna know more about Heatmaps? Check here.

Select the View heatmap icon to see where users clicked and how far they scrolled for a page on your site.

Select view heatmap icon on Clarity live.

View Click map and Scroll map for the page with page views, number of clicks, percentage of scroll reach, and average fold. In addition, you can change the timeframe among 1 day, 3 days, 7 days, and 30 days in the bottom right.

View heatmap on Clarity live.


The click data is not ranked by default.

Dynamic visualizations in a click

As you scroll through the page, you can notice the heat change dynamically. Clarity Live makes it easy to see engagement for fly outs, popups, dropdown lists, and other elements that can be difficult to capture in a typical heatmap experience.

Heatmap live extension on a menu.

To know more details on a Heatmap, select Go to Clarity icon in the bottom right.

Go to Clarity icon in heat maps.


Check out Click maps and Scroll maps to learn more.

View Area map

Clarity Area maps display the total clicks for all the elements within a selected area. Unlike a click map, you can choose the area and view the heat for all the elements within the area. Select the View area map icon to start viewing.

Select view area map icon on Clarity live.

Heatmaps you can customize

Instead of visualizing engagement on the element level, the area maps allow you to select an area. The selected area could contain several elements such as total clicks and click distribution rate. In addition, view the page views and clicks. Change the timeframe among 1 day, 3 days, 7 days, and 30 days in the bottom right.

View area map on Clarity live.

An area could include just one element or be as large as the entire page. Select Edit area to start selecting an area. Once you're done, Exit edit to view the total clicks and click distribution rate.

Edit and exit area map.

To know more details on an Area map, select Go to Clarity icon in the bottom right.

Go to Clarity icon in area map.


Check out Area maps to learn more.


  • Dropdowns aren't editable areas. You can edit/select only persistent area. This means that you can select an area if it's dynamic even after moving out of the state. Examples of persistent areas include - navigation bar, image carousels, pop-up windows, etc.
  • 'View heatmaps' and 'View recordings' icons aren't accessible in edit mode. To start using these features, select Exit edit. Select exit edit on clarity live extension widget.

View Recordings


Clarity handles sensitive data with care. By default, sensitive content on the page is masked before upload. No sensitive text from the page is sent to the server.

Session recordings are a visual way to watch real user interaction on your site. They enable you to watch the entire user journey, see what your visitors love and where improvements can be made. Start viewing by selecting the View recordings icon.

Select view recording icon on Clarity live.

These renderings capture an impression of the user exploration throughout your site by showing you where they clicked or tapped, where they hesitated, and how they moved their cursor. The inactivity is skipped, and you can also view the page clicks, device type, and location. Change the device type to view different recordings.

View recordings on Clarity live.

Recordings in near time

Clarity Live makes it a snap to find recordings for a specific experience. For example, if you want to see user engagement with a particular popup, fire the popup on your site, and select the recording icon on the widget. You would instantly see relevant recordings within the last three days.

Select area

Select any part of the page to see recordings for that area. You can select another area to compare the recordings.

To know more details of Recordings or to view the entire session recording, select the See more recordings icon.

See more recordings.


Check out Recordings to learn more.


For more answers, refer to Clarity Live Extension FAQ.

Visit Clarity