This article covers how to access and use the Heatmap feature in Thryv®, including how to read heatmap data, customize your heatmap view, filter by device type and date, and use heatmap insights to improve your website. This article does not cover setting up a Thryv website or adding a tracking code to a third-party website. For help enabling the heatmap on a third-party website, see how to add your heatmap tracking code to a third-party website.

Why the Heatmap Helps You Build a Better Website

Knowing that visitors are leaving your website is one thing — knowing exactly where they are clicking, scrolling, and losing interest is another. The Thryv Heatmap gives you a visual representation of how real visitors interact with every page on your website, using color-coding to show which areas receive the most attention. Red colors indicate a higher volume of clicks and blue colors indicate a lower volume. With heatmap data, you can make informed decisions about where to place your most important calls-to-action, which design elements may be confusing visitors, and how mobile users behave differently from desktop users — all without needing to interpret complex analytics reports.

The Heatmap is automatically enabled for all Thryv-hosted websites. If your website is hosted by a third-party provider, see how to add your heatmap tracking code to a third-party website before following the steps in this article.

How to Access Your Heatmap in Thryv

To access the Heatmap, select Tools in the left-hand navigation of your Thryv account. Then select Heatmap. Each page on your website has its own heatmap. To view the heatmap for a specific page, select View Heatmaps on that page.

The screenshot above shows the Heatmap section in Thryv. The section displays a list of all pages on your website. Each page entry includes a View Heatmaps button that opens the heatmap for that specific page. The section does not display heatmap data directly — the heatmap opens on a separate screen after selecting View Heatmaps.

The screenshot above shows a website page entry in the Thryv Heatmap section with the View Heatmaps button visible. Selecting View Heatmaps opens the heatmap view for that page, displaying visitor click, scroll, and movement data overlaid on a darkened version of the page.

How to Read Your Heatmap

The heatmap displays a darkened version of your website page with color-coded dots overlaid on the areas where visitors are clicking. Red dots indicate a high volume of clicks on that element. Blue dots indicate a low volume of clicks. Elements with no dot have received no recorded clicks in the selected time period.

The screenshot above shows a call button on a heatmap in Thryv with a red dot overlay. The red dot indicates the call button is receiving a high volume of clicks from visitors. Red dots appear on the elements with the most visitor interaction on the page.

The screenshot above shows a homepage button on a heatmap in Thryv with a blue dot overlay. The blue dot indicates the button is receiving a low volume of clicks from visitors. Blue dots appear on elements with minimal visitor interaction.

How to Customize Your Heatmap View

The heatmap view includes four menu options in the ribbon at the top center of the screen — Heatmap, Forms, Elements, and Recordings. Each menu controls a different type of visitor data display.

The screenshot above shows the heatmap view ribbon in Thryv. The ribbon is located at the top center of the heatmap screen and displays four menu options: Heatmap, Forms, Elements, and Recordings. Selecting any of these options opens the settings and data for that view type.

Heatmap Menu — Display Settings

Selecting Heatmap from the ribbon opens the display settings for the heatmap overlay. Use the Heatmap menu to choose which type of visitor data to display — mouse clicks, mouse moves, or page scrolls. The Heatmap menu also includes an opacity control for adjusting how prominently the heatmap overlay appears on top of the page.

The screenshot above shows the Heatmap display settings menu in Thryv. The menu displays three data type options — mouse clicks, mouse moves, and page scrolls — and an opacity slider. Only one data type can be displayed at a time. The opacity slider controls how visible the color overlay appears on the page.

Forms Menu — Form Completion Data

Selecting Forms from the ribbon opens the form data panel. The Forms menu displays detailed reporting on forms completed on your website, including the form completion rate, the abandon rate, and a comparison of form performance over time.

The screenshot above shows the Forms data panel in the Thryv heatmap view. The panel displays form completion data including the completion rate, abandon rate, and a time-based performance comparison. The Forms panel shows data for all forms on the selected page. The panel does not show individual form submission details — only aggregate form performance data.

Elements Menu — Engagement Data by Page Element

Selecting Elements from the ribbon opens the Elements data panel. The Elements menu breaks down visitor engagement data by individual element on the page. By default, elements are listed in order from most clicked to least clicked. Use the filters at the top of the Elements panel to sort and filter the data by element type or other criteria.

The screenshot above shows the Elements data panel in the Thryv heatmap view. The panel displays a ranked list of page elements ordered by click volume from highest to lowest. Filter options appear at the top of the panel for sorting the data. The Elements panel shows data for all elements on the selected page that received at least one recorded click.

Recordings Menu — Session Replay Data

Selecting Recordings from the ribbon opens the session recordings panel. The Recordings menu displays a list of recorded visitor sessions on the selected page, including each visitor's location and browser information. Select Play next to a session to watch a replay of that visitor's interaction with your website. Session data can also be exported to a CSV file from the Recordings panel.

The screenshot above shows the Recordings panel in the Thryv heatmap view. The panel displays a list of recorded visitor sessions. Each session entry shows the visitor's location and browser information. A Play button appears next to each session for watching the session replay. An export option is available for downloading session data as a CSV file.

How to Filter Your Heatmap by Device Type

To filter heatmap data by device type, select Device in the top left of the heatmap view. The Device filter lets you view visitor activity from desktop, tablet, or mobile devices separately, or filter by a custom screen size. Select the Emulate Mobile Device checkbox to preview how your website appears on a mobile screen within the heatmap view.

The screenshot above shows the Device filter panel in the Thryv heatmap view. The panel displays filter options for desktop, tablet, and mobile device types, a custom screen size input field, and the Emulate Mobile Device checkbox. Selecting a device type updates the heatmap to display only visitor activity from that device type. The Emulate Mobile Device checkbox adjusts the page display to simulate a mobile screen width without changing the data filter.

How to Filter Your Heatmap by Date Range, Browser, and Other Segments

To filter heatmap data by date range, browser, or other visitor attributes, select Segments in the heatmap view. The Segments panel lets you apply multiple filters to the data displayed, including date range and browser type. Apply filters from the Segments panel to narrow the heatmap data to a specific time period or visitor group.

The screenshot above shows the Segments filter panel in the Thryv heatmap view. The panel displays filter options including date range and browser type. Multiple filters can be applied at the same time. The heatmap data updates automatically when filters are applied or removed.

How to Use Heatmap Data to Improve Your Website

Heatmap data gives you the information needed to make specific, evidence-based improvements to your website. Use the following approaches to act on the insights your heatmap provides:

• Prioritize your most important call-to-action — if your intended call-to-action, such as a call button or contact form, is not receiving a high volume of clicks, consider making it more prominent or repositioning it to a higher-traffic area of the page.

• Improve high-interest areas — areas of the page receiving a high volume of clicks represent where visitors are most engaged. Make sure the content in those areas is clear, relevant, and effectively communicates your value to potential clients.

• Optimize your mobile layout — if the Device filter shows different click behavior between desktop and mobile visitors, consider adjusting your mobile page layout to better guide mobile visitors toward the actions you want them to take.

Frequently Asked Questions

What does this article cover?

This article covers how to access and use the Heatmap feature in Thryv, including how to read heatmap data, customize your heatmap view, filter by device type and date, and use heatmap insights to improve your website. This article does not cover setting up a Thryv website or adding a tracking code to a third-party website. For help enabling the heatmap on a third-party website, see how to add your heatmap tracking code to a third-party website.

How far back can I view heatmap data?

Heatmap data is available for the previous 30 days. Searching for data beyond 30 days will return an error message. To view data from a specific date range within the last 30 days, use the date range filter in the Segments panel.

Does the heatmap work on a third-party website?

The heatmap is automatically enabled for all Thryv-hosted websites. If your website is hosted by a third-party provider, you must add a tracking code snippet to your website before heatmap data will be collected. For step-by-step instructions, see how to add your heatmap tracking code to a third-party website.

Does the heatmap track mobile visitors separately from desktop visitors?

Yes. Select Device in the top left of the heatmap view to filter visitor activity by desktop, tablet, or mobile device type separately. Select the Emulate Mobile Device checkbox to preview how your website appears on a mobile screen within the heatmap view.