Mixpanel

Setting Up Mixpanel with Embeddable

You can track user interactions and events from your components by connecting Mixpanel. This allows you to capture behavioral analytics, measure engagement, and analyze funnels directly in your Mixpanel dashboard.

---

How to Connect Mixpanel

1. Navigate to Integrations

From the main editor screen, click the Integrations icon (the plug) in the top-right corner.

2. Select Mixpanel

Find Mixpanel in the integrations list and click Connect.

3. Choose or Create a Credential

In the Select credential dropdown, you can:

• Select an existing credential if you've already connected Mixpanel in this project.
• Or click Create New Credential if this is your first time.

4. Create a New Credential (First-Time Setup)

If creating a new credential, fill in the following fields:

• Credential Name: A recognizable name for this connection (e.g., "Mixpanel Analytics").
• Description (Optional): Add a short note if needed.
• Project Token (Required): Enter your Mixpanel Project Token.

Click Create Credential to save.

5. Connect the Credential

Return to the dropdown, select your newly created credential, and click Connect.

---

Testing Your Integration

Once connected, events from your component will be sent to Mixpanel. To verify:

1. Log into Mixpanel.
2. Go to Events > Live View.
3. Trigger an event in your component (e.g., form submission or button click).
4. Confirm that the event appears in the live event stream.

---

Best Practices

• Always use the correct Project Token for the Mixpanel project you want to track.
• Keep credentials secure — do not expose your Project Token in public code.
• Use distinct_id consistently across your components to ensure accurate user tracking.
• Test event flows in a staging project before connecting your production Mixpanel workspace.