# 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** * When comparing before/after a change, align the periods *** ## (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) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://helps.ptengine.com/en/insight/smart-heatmap/toolbar.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.