To fully enable heatmap functionality on your BigCommerce store, you'll need to install two important snippets: the Heatmap Tracking Code Snippet and the Heatmap Conversion Code Snippet. Installing both snippets will allow Heatmap to properly track all customer interactions and revenue data.
Accessing your Heatmap Tracking Code Snippet:
In order to access your code snippets, you can follow these steps:
Go to the Settings tab within your portal.
Click "Snippet"
Here you will see the Heatmap Tracking Code Snippet to copy into your Magento site
Installing your Heatmap Tracking Code Snippet
For a visual guide on installing the code snippet, watch this video below:
Installing the Heatmap Tracking Code Snippet
The Heatmap Tracking Code Snippet is what tracks the user interactions on your website.
Follow these step-by-step instructions to ensure proper installation:
Log in to your Magento Admin Dashboard
Go to the Content tab on the side panel
Under Design, select Configuration, where you'll see a list of your available store views and themes.
Find the right store view or theme you want to add the snippet to and click "Edit"
Scroll down the Edit Theme page and find the Other Settings section. Then click on the HTML Head dropdown.
Copy & paste the Heatmap Tracking Code Snippet under the "Scripts and Style Sheets" text field as the last entry in this box. Note: Make sure to not delete or overwrite any existing scripts in this field.
Click Save Configuration.
To ensure your changes go live immediately, you need to flush the Magento cache.
Go to System > Cache Management.
Then click Flush Magento Cache to flush.
Additional Tips:
If you have multiple store views or themes, repeat these steps for each one where you want Heatmap tracking.
Snippet Installation Verification
After installation and official verification on the heatmap platform, wait about 12 hours for data to start appearing in your heatmap dashboard. To verify your snippet:
Log in to your Heatmap.com account and go to the Settings tab within your portal.
Click "Snippet"
Click the "Verify My Snippet" button in the bottom right corner.
You'll receive a pop-up validating if the snippet was installed correctly. If you don't see any data after 24 hours or believe there is a data collection issue, double-check that both snippets are correctly installed.
Need Help?
If you have questions or run into any issues while using Heatmap, our support team is here to help. Contact us anytime at Support@heatmap.com.