> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/en/insight/smart-heatmap/toolbar.md).

# Toolbar

Explains each toolbar feature available across all heatmap tabs. Using these features significantly expands your analysis capabilities.

***

## Feature index (numbers match the screenshot above)

|  #  | Feature                       | Category            | Details                                                                          |
| :-: | ----------------------------- | ------------------- | -------------------------------------------------------------------------------- |
|  1  | Page switcher                 | Toolbar             | [↓ (1) Page Switcher](#1-page-switcher)                                          |
|  2  | Date range                    | Toolbar             | [↓ (2) Date Range](#2-date-range)                                                |
|  3  | Segment                       | Toolbar             | [↓ (3) Segment](#3-segment)                                                      |
|  4  | Comparison Heatmap            | Toolbar             | → [Comparison Heatmap](/en/insight/smart-heatmap/comparison.md)                  |
|  5  | Share                         | Toolbar             | [↓ (5) Share](#5-share)                                                          |
|  6  | Page Settings                 | Toolbar             | [↓ (6) Page Settings](#6-page-settings)                                          |
|  7  | Help / Chat support           | Toolbar             | [↓ (7) Help & Chat Support](#7-help--chat-support)                               |
|  8  | Refresh heatmap               | Toolbar             | [↓ (8) Refresh Heatmap](#8-refresh-heatmap)                                      |
|  9  | Smart Summary ⭐               | Tab                 | → [Smart Summary](/en/insight/smart-heatmap/smart-summary.md)                    |
|  10 | Stay Heatmap ⭐                | Tab                 | → [Stay Heatmap](/en/insight/smart-heatmap/stay-heatmap.md)                      |
|  11 | Exit Heatmap ⭐                | Tab                 | → [Exit Heatmap](/en/insight/smart-heatmap/exit-heatmap.md)                      |
|  12 | Click Heatmap                 | Tab                 | → [Click Heatmap](/en/insight/smart-heatmap/click-heatmap.md)                    |
|  13 | Conversion ⭐                  | Tab                 | → [Conversion Heatmap](/en/insight/smart-heatmap/conversion-heatmap.md)          |
|  14 | Data Report ⭐                 | Tab                 | → [Data Report](/en/insight/smart-heatmap/numerical-report.md)                   |
|  15 | Device switcher               | Toolbar             | [↓ (15) Device Switcher](#15-device-switcher)                                    |
|  16 | Block / Element Settings      | Toolbar             | → [Block & Element Setup](/en/insight/smart-heatmap/block-element-settings.md)   |
|  17 | Interactive Mode ⭐            | Toolbar             | [↓ (17) Interactive Mode](#17-interactive-mode)                                  |
|  18 | Page Save                     | Toolbar             | [↓ (18) Page Save](#18-page-save)                                                |
|  19 | Screenshot                    | Toolbar             | → [Screenshot](/en/insight/smart-heatmap/screenshot.md)                          |
|  20 | Smart Summary remaining quota | Display             | → [Smart Summary — Plan-based usage](/en/insight/smart-heatmap/smart-summary.md) |
|  —  | Color adjust slider           | Toolbar (no number) | [↓ Color Adjust Slider](#color-adjust-slider)                                    |

> ⭐ marks new features.

***

## (1) Page Switcher

Switch the page targeted for analysis.

* The ⇄ icon at the toolbar's left lets you switch to a different page
* Choose by URL, parameter-excluded URL, or page group
* Enable **"Parameter Merge Mode"** to combine data across pages with different URL parameters (e.g., `?utm_source=google` and `?utm_source=facebook`)
* You can also switch to a saved version of the page

***

## (2) Date Range

Select the data period to analyze.

* Maximum selectable range in the heatmap is **31 days**
* The heatmap list view supports up to **180 days**
* Turn on **Specify exact time** to narrow the range down to the hour (e.g. only 9:00–12:00 on a given day), useful for pinpointing visitor behavior in a specific time window
* When comparing before/after a change, align the periods

![](/files/nsRa3nnuQkmc0kufcgN5)

***

## (3) Segment

Filter visitors by specific conditions. You can combine multiple segment conditions.

### Example segment conditions

| Category       | Examples                                                  |
| -------------- | --------------------------------------------------------- |
| Traffic source | Search engines, campaigns, referrers, social, no referrer |
| Device         | OS, browser                                               |
| Region         | Country, area                                             |
| Visitor type   | New, returning                                            |

### Use cases

* Compare on-page behavior between visitors from search engines vs ads
* See whether mobile and PC users have different exit points
* Compare attended content between new and returning visitors

***

## (5) Share

Generate a shareable link to the heatmap. Useful for team-wide sharing.

* The link opens the heatmap with the same conditions
* Convenient for sharing analysis findings with teammates

***

## (6) Page Settings

Centralized configuration of conversions, blocks, elements, and CTAs.

For setup details:

* [Getting Started: 3 Setup Steps](/en/insight/smart-heatmap/getting-started.md)
* [Block & Element Setup](/en/insight/smart-heatmap/block-element-settings.md)

***

## (7) Help & Chat Support

Entry point to documentation and support chat. Use when you run into issues.

***

## (8) Refresh Heatmap

Update displayed data to its latest state. Use when data doesn't appear current.

***

## (15) Device Switcher

Select the device type to analyze.

| Device | Description        |
| ------ | ------------------ |
| PC     | Desktop and laptop |
| Mobile | Smartphone         |
| Tablet | Tablet             |

User behavior patterns differ significantly by device. We recommend switching devices for comparative analysis.

***

## (17) Interactive Mode

A mode for performing standard page interactions on the heatmap (open/close accordions, expand hamburger menus, etc.).

Use when checking heatmaps of dynamic content (collapsible sections, sliders, mega menus, etc.).

> The product UI labels this **"Interactive Mode" (画面操作モード)**.

***

## (18) Page Save

Save the page's structure file. After a page redesign, you can still view the heatmap with the pre-redesign layout.

* Save from inside the heatmap, or from the URL switcher
* In Smart Heatmap, you can add history heatmaps from any heatmap type

### Use cases

* Save a page before redesign and compare with post-redesign data
* Record each variant of an A/B test
* Track design-change effects over time

***

## Color Adjust Slider

A tool for adjusting the heatmap color upper limit (the threshold for "red"). It has no number in the screenshot but is always available in the toolbar.

* Move the slider **left** → upper limit decreases, more red and yellow appear
* Move the slider **right** → upper limit increases, fewer red and yellow areas

Use when data is skewed and the page is entirely red (or entirely transparent), making analysis difficult.

***

## Related pages

* [Smart Heatmap Overview](/en/insight/smart-heatmap.md)
* [Comparison Heatmap](/en/insight/smart-heatmap/comparison.md)
* [Screenshot](/en/insight/smart-heatmap/screenshot.md)
* [Block & Element Setup](/en/insight/smart-heatmap/block-element-settings.md)
* [Metrics Reference](/en/insight/smart-heatmap/metric-reference.md)
