Webflow sync, pageviews & more.
NEW

Do I need to add the Mixpanel code to each page in Webflow or just in the project settings?

TL;DR
  • Add the Mixpanel tracking script in Webflow's Project Settings under Custom Code > Footer to apply it across all pages.
  • Use page-specific custom code only if unique tracking or logic is required for individual pages.

To integrate Mixpanel tracking in Webflow, you typically only need to add the code once in your Project Settings, not on every individual page.

1. Add Mixpanel Code in Webflow Project Settings

  • Go to Project Settings in your Webflow dashboard.
  • Click on the Custom Code tab.
  • Paste the Mixpanel tracking script into the Footer section (before the closing </body> tag).
  • This ensures the script loads on all pages of your site.

2. When You Might Add It Per Page

  • If you're using different Mixpanel logic for certain pages or events, you can add page-specific scripts by:
  • Opening the Page Settings (click the gear icon next to a page in the Pages panel).
  • Pasting custom scripts into the Before field.

3. Publish Your Site

  • After adding the script in Project Settings, click “Publish” to deploy the changes.
  • Mixpanel will begin tracking visits once the live site includes the script and initialization code.

Summary

Add the Mixpanel script in your Project Settings > Custom Code > Footer section to include it sitewide. Only use per-page custom code if you're implementing page-specific logic or event tracking.

Rate this answer

Other Webflow Questions