Connect Mailchimp with Framer Forms
Capture leads from your Framer forms and automatically add them to your Mailchimp audience using the Forms Plugin.
Step 1 — Get Your Mailchimp API Key
Before connecting Mailchimp to your form, generate an API key from your Mailchimp account. This API key allows the Forms Plugin to securely send form submissions to your Mailchimp audience.
- Login to your Mailchimp account
- Navigate to Profile → Extras → API Keys
- Click Create A Key
- Copy the generated API key
Keep your API key in a secure password manager. Never share it publicly or commit it to a code repository.
Select your form in the Framer canvas and insert the Mailchimp component.
The component connects your form to Mailchimp and automatically detects the form fields in your form layout.
After inserting the Mailchimp component, configure the API settings in the component properties panel.
- Select the Mailchimp Integration component in your form
- Open the properties panel on the right side
- Paste your Mailchimp API Key
- Enter your Audience ID (List ID)
Required Fields
- API Key — Paste the API key generated from your Mailchimp account.
- Audience ID — Enter the Mailchimp Audience ID (also called List ID) where new subscribers should be added.
Map your form fields to Mailchimp subscriber attributes.
The component automatically detects your form field names. You simply connect each field to the correct Mailchimp attribute.
Example Mapping
| Form Field | Mailchimp Attribute |
|---|
| email | EMAIL |
| firstname | FNAME |
| lastname | LNAME |
Step 5 — Result
When a user submits the form, their details will automatically be added to your Mailchimp audience. You can verify new subscribers in your Mailchimp Audience dashboard.
Next Steps
