Help Centre
How can we help?
Search Docs
Important Notice: This content is based on an earlier version of the product. Please do not consider this information as definitive. We’ve kept it available because some customers are still using the previous version. Thank you for your understanding!
1. Get a Form URL from Mailchimp
Go to the Mailchimp website.
Sign in or create an account.
In the sidebar, navigate to Audience → Signup forms.
Select "Embedded form" from the list.
Press "Continue" in the top right corner. We don't need to edit the form here since we will be building our form in Framer.
In the code block displayed on this screen, scroll down until you see a line starting with
<form action=and copy the URL between the quotes.
2. Configure Your Form in Framer
Open your Framer project that contains the form you want to integrate with Mailchimp.
Select the Submit Button on the form.
Select "Mailchimp" from the "Submit To" dropdown.
Paste the URL from Mailchimp into the "Mailchimp URL" field.
3. Connecting Form Fields to Mailchimp Contact Fields
In Mailchimp, each contact has several fields such as email, first and last names, address, and phone number. You can create form fields in Framer that correspond with contact fields by using the name values in the list below as the "Name" property on form fields:
firstName
lastName
addressLine1
addressLine2
addressCity
addressState
addressCountry
The first email field in the form is automatically used as the contact email.
If your Mailchimp audience has custom fields, use the tag in all caps as the form field name:
3. Test Your Form
Publish your Framer project.
Fill out the form with test data.
Click the form submit button.
Return to the Mailchimp dashboard and check the "All contacts" page for a new contact.
That's it! You've successfully integrated Mailchimp with Framer.
