Add heatmapp to your Framer site

Follow these steps to integrate heatmapp analytics into your Framer site.

Add tracking script using Custom Code

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

Open your Framer project
Click on the Settings icon in the top right
Select Custom Code
In the Head section, paste your heatmapp 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 heatmapp. Replace `your_domain.com` with your website's root domain. 5. Click Save

Verify installation

After implementing:

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