Join us for our biggest AI launch event on 10/31

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Contact Sales
Platform
Developers
Contact Sales

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

growth plans

Display metrics, such as engagement and conversion for Pages and Sections, using the Insights tab in the Visual Editor.

The Insights tab dashboard displays built-in as well as custom event metrics where you can get data on clicks, taps, and conversions using the heatmap, numerical data, and graphs.

The Insights tab offers detailed metrics for the current content entry.

  1. Got to Content.
  2. Open a content entry.
  3. Click on the Insights tab.
  4. Adjust the date range and device.

Click on the three dots to the top right of the Insights tab to download a CSV file of your metrics or customize which metrics display.

In addition to the overview tiles, Insights also features graphs that cover a specified time span for engagement, conversions, and comparing to other content entries.

Additionally, toggle on Show by device to break out the date by the type of device your users are accessing your site or app with.

The video below shows accessing the Insights tab and displaying the data as well as comparing content entries, data by devices, and accessing advanced filters, which offer more granular detail, including a custom filter.

In addition to graphical data representation, the dashboard displays numerical data showcasing key metrics. These metrics include:

  • Impressions: the total number of times this content was displayed to users.
  • Clicks: the total number of times users clicked on this content.
  • Unique Impressions: the number of unique sessions during which this content was viewed one or more times.
  • Unique Clicks: the number of unique sessions in which a visitor to this content clicked one or more times.
  • Clickthrough rate: percentage of unique sessions in which a visitor clicked on this content.
  • Conversions: the overall number of conversion events related to this content.
  • Conversion value: the total monetary value generated by all conversion events related to this content.
  • Conversion rate: percentage of unique sessions that had a conversion event.
  • Average order value: the total value of all conversions divided by the total number of conversion events.

The Builder heatmap displays the current content entry — a Page or a Section — with an overlay that indicates frequency of user engagement for that entry.

Location and frequency are indicated in a range of colors, with warmer colors indicating higher engagement. Additionally, relevant numerical data displays for a given area on hover.

To use the Heatmap:

  1. Go to Content.
  2. Open a content entry.
  3. Click on the Heatmap icon in the Visual Editor top menu.
  4. In the settings that open next to the Heatmap icon, specify dates, adjust the sensitivity if needed, and toggle conversion info with the $ icon.
  5. Scroll and hover over areas of interest to display details about those areas.
  6. To toggle the heatmap off, click the Heatmap icon again.

For a heatmap legend, click the question mark in the circle to the right of the heatmap settings that display when the heatmap is toggled on.

The video below shows toggling the heatmap on and inspecting areas of user activity.

When hovering over a section, data displays with information about that section that includes:

  • Clicks
  • Unique Clicks
  • Total Conversions from people that clicked within the selected region
  • CTR Clickthrough Rate, derived from unique clicks per unique impressions
  • CVR Conversion Rate, derived from total conversions from people who clicked within the selected region per unique impressions
  • Total Conversion Value associated to people who clicked within the selected region

enterprise plans

This document covered insights as they relate to specific Pages and Sections. If you're searching for Space-wide metrics, visit Tracking Key Metrics.

For information on leveraging more with insights for individual content entries, visit:

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

Product

Visual Copilot

Visual CMS

Integrations

What's New

Open Source

Builder

Builder

Mitosis

Mitosis

Qwik

Qwik

Partytown

Partytown

Popular Guides

From Design to Code Guide

Composable Commerce Guide

Headless CMS Guide

Headless Commerce Guide

Composable DXP Guide

Design to Code

Resources

Blog

Knowledge Base

Community Forum

Partners

Performance Insights

Templates

Success Stories

Showcase

Resource Center

Best of Web

Frameworks

React

React

Next

Next.js

Qwik

Qwik

Gatsby

Gatsby

Angular

Angular

Vue

Vue

Svelte

Svelte

Remix logo

Remix

Nuxt

Nuxt

Hydrogen

Hydrogen

© 2024 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Security & Compliance

Cookie Preferences