heatm.app

Back to Installation Guides

Add heatm.app to your Shopify store

Follow these steps to integrate heatm.app analytics into your Shopify store.

Add tracking script using theme editor

Add the tracking script to your Shopify store using the theme editor:

1. Go to Online Store > Themes

2. Click Actions > Edit code

3. Open the `theme.liquid` file

4. Add the script before the closing `</head>` tag:

Code

<!-- Add this before </head> in your theme.liquid -->
<script
  defer
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="your_domain.com"
  src="https://heatm.app/js/script.v2.min.js"
></script>

Replace `YOUR_WEBSITE_ID` with your actual Website ID from heatm.app. Replace `your_domain.com` with your website's root domain. 5. Click Save

Verify installation

After implementing:

Visit your live store
Check your heatm.app dashboard for incoming data
It might take a few minutes for the first pageviews to appear

For advanced configuration options like localhost tracking, custom API endpoints, or cross-domain setup, see the script configuration reference.