In Webflow, you only need to add the Mixpanel code once in your project settings, and it will be applied to all pages within your website. Here's a step-by-step guide on how to add the Mixpanel code in Webflow:
1. Go to your Webflow project and click on the "Project Settings" tab in the left-hand sidebar.
2. In the Project Settings panel, scroll down until you find the "Custom Code" section.
3. Click on the "Custom Code" section to expand it.
4. You will see two tabs: "Head Code" and "Footer Code." Choose the appropriate location based on Mixpanel's instructions.
5. Switch to the tab (either "Head Code" or "Footer Code") where you want to place the Mixpanel code.
6. Copy and paste the Mixpanel code provided by Mixpanel into the respective code section. It usually consists of JavaScript code wrapped within script tags.
7. Once you've added the Mixpanel code, click on the "Save Changes" button at the top right of the panel to save your modifications.
By following these steps, the Mixpanel code will be added to your entire website, and you won't need to add it to each page individually. This will ensure that Mixpanel tracks user behavior and events consistently across your entire website.