To fully enable heatmap functionality on your BigCommerce store, you need to install two important snippets: the Heatmap Tracking Code Snippet and the Heatmap Conversion Code Snippet.
Accessing your Heatmap Tracking Code Snippet & Heatmap Conversion Code Snippets:
In order to access your code snippets, you can follow these steps:
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 Heatmap Tracking Code Snippet and Heatmap Conversion Code Snippet.
Image showing where to access the Shopify Snippets on your Heatmap account
Important Note for Third-Party Page Builders
If your Shopify store uses third-party page builders such as Replo, Gempages, Zipify, Webflow, Pagedeck or other builders outside of core Shopify pages, you'll need to add the tracking snippet to all pages created with those tools. Consult your page builder's documentation for instructions on adding tracking code code.
If you want to install the Heatmap Tracking Code Snippet via Google Tag Manager, read this article here.
To Add the Heatmap Tracking Code Snippet to your BigCommerce website:
Copy the Heatmap Tracking Code Snippet after adding your site
Image showing installation snippets for BigCommerce on Heatmap
Go to your BigCommerce dashboard.
Click on Storefront section
Go to the Script Manager tab.
Then click on Create a Script
Select the options below and paste the Heatmap Tracking Code Snippet in the Script contents
Location on page > Head
Select pages where script will be added > All pages
Script Category > Essential
Save and you are good to go
To Add the Heatmap Conversion Code Snippet to your BigCommerce website:
Create a Script
Select the options below and paste the Heatmap Conversion Code Snippet in the Script contents
Location on page > Footer
Select pages where script will be added > All pages
Script Category > Essential
Save and you are good to go.
Verification
After installation and official verification on the heatmap platform, wait about 12 hours for data to start appearing in your heatmap dashboard. If you don't see any data after 24 hours, double-check that both snippets are correctly installed or reach out to Support@heatmap.com
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.