Heatmapping Tools

Using a heatmapping tool is a great method to more deeply understand the behavior of shoppers on test variants

Supported apps

• Heatmap.com (read the integration guide)

• Hotjar

• Microsoft Clarity

• LogRocket

• Fullstory

• Mouseflow

• Lucky Orange

How to use heatmaps with Shoplift

Running heatmaps on your test variants can be performed by targeting the URL(s) for your tested templates and filtering for the query parameter of the variant template.

At the moment, this method only works for template tests, and does not work for theme tests.

Target your variant URL(s)

Using your heatmapping tool of choice, create a new heatmap that is targeted at the URL (or group of URLs) assigned to the template you are testing.

Filter for your variant template

Add a filter for page URL or query parameter, select "contains" as the operator logic, and enter the view=[template-suffix] URL parameter to filter your heatmap to the test variant. If you are unsure of which suffix corresponds to your test, you can look at your test variant in Shoplift. The suffix of the variant will be the variant title in either the Test Draft screen or the Test Report screen.

Exclude your variant template in your control segment

Once you've filtered for your variant template, you will need to create a corresponding heatmap for your control template that excludes visitors to your variant template.

As done above, add a filter for page URL or query parameter, select "does not contain" as the operator logic, and enter the view=[template-suffix] URL parameter to filter your heatmap for control test visitors only.

Please note that due to the nature of when various scripts run on your site, this method may or may not provide data that exactly matches what is reported in Shoplift.