How to Install Heatmap Snippets on Your Shopify Store

How to Install Heatmap Snippets on Your Shopify Store

To fully enable heatmap functionality on your Shopify store, you need to install two important snippets: the Tracking Snippet and the Heatmap Pixel (Revenue Snippet). Follow these step-by-step instructions to ensure proper installation.

1. Installing the Tracking Snippet

The Tracking Snippet goes in the `<head>` section of your Shopify theme and enables basic tracking and heatmap generation.

1. Log in to your Shopify admin panel

2. Go to "Online Store" > "Themes"

3. Click "Actions" > "Edit code" for your current theme

4. In the Layout folder, open the `theme.liquid` file

5. Locate the `<head>` tag

6. Paste the Tracking Snippet code just before the closing `</head>` tag

7. Click "Save"

2. Installing the Heatmap Pixel (Revenue Snippet)

The Heatmap Pixel enables revenue tracking for more comprehensive analytics.

1. In your Shopify admin, click "Settings" in the bottom left corner

2. Select "Customer Events" from the left side menu

3. Click "Add Custom Pixel"

4. Name the pixel "heatmap-revenue"

5. Replace the content in the text area with the provided Heatmap Pixel code

6. Click the "Save" button in the top right corner

7. Activate the pixel by clicking "Connect"

Retrieving Snippet Codes

If you didn't add these snippets during initial onboarding:

1. Go to the Heatmap membership area

2. Click "All Websites"

3. Find your site in the list and click "View Snippet"

4. A modal will open containing both the tracking snippet and revenue snippet

## Important Note for Third-Party Page Builders

If your Shopify store uses third-party page builders, you'll need to add the tracking snippet to all pages created with those tools as well. Consult your page builder's documentation for instructions on adding custom code.

Verification

After installation, wait 24-48 hours for data to start appearing in your Heatmap dashboard. If you don't see any data after this time, double-check that both snippets are correctly installed.

Need Help?

If you encounter any issues during installation or have questions, please don't hesitate to contact our support team. We're here to ensure you get the most out of your Heatmap experience on Shopify.

For a visual guide on installing the Heatmap Pixel, you can watch our tutorial video: [Heatmap Pixel Installation Guide](https://www.loom.com/share/ca7fe7dd227142d69ca4cffc739e187e)