How can we help?

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.