heatm.app

Back to Installation Guides

Add heatm.app to your Webflow site

Follow these steps to integrate heatm.app analytics into your Webflow site.

Add tracking script using Custom Code

Webflow allows you to add custom code to your site through the Custom Code feature.

1. Open your Webflow project

2. Click on the Project Settings (gear icon)

3. Go to the Custom Code tab

4. In the Head Code section, paste your heatm.app tracking script:

Code

<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 Changes

Verify installation

After implementing:

Visit your live website
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.