Your Mailchimp email form may not be working in Webflow due to incorrect form settings, missing integrations, or misconfigured API/form action URLs. Here's how to troubleshoot and fix it.
1. Check the Form Action URL
- Webflow forms don't natively integrate with Mailchimp, so you need to manually connect the form to Mailchimp via its form action URL.
- In Webflow, select the form element, go to the Settings panel, and add the Mailchimp form action URL under Form Settings.
- Get this URL from:
- Log into Mailchimp.
- Go to Audience > Signup forms > Embedded forms.
- Copy the
form action attribute value from the embed code and paste it into Webflow as your form action.
Important: Remove any <input type="hidden"> or <script> parts from the embed — only use the form action URL.
2. Match Field Names
- Mailchimp form fields (like email, first name, etc.) have specific
name attributes (e.g., "EMAIL", "FNAME", etc.). - In Webflow, select each input field and set its Name value to match Mailchimp’s expected fields.
- Example: The email input field should have Name = EMAIL.
3. Set Correct Method and Post Action
- Make sure the form is set to use method = POST (this is the default in Webflow).
- Don’t set the form to GET or use Webflow’s default form submission handling — Mailchimp requires a proper POST to their servers.
4. Disable Webflow Form Handling
- Leave Webflow’s built-in form notifications and data capture disabled.
- Since you’re using Mailchimp’s action URL, the submission bypasses Webflow entirely.
- Make sure not to enable Webflow form submissions in the Form Settings panel — this can create conflicts.
5. Test the Form
- Publish your Webflow site to a live URL (form submissions won't work in the Webflow Designer preview).
- Fill in the form and submit it. You should be redirected to or receive a confirmation message from Mailchimp.
6. Common Mistakes to Avoid
- Incorrect or outdated form action URL — even a small syntax error makes the submission fail.
- Field names mismatched — Mailchimp is strict about input names like "EMAIL".
- Form submitted in Webflow Preview Mode — Mailchimp will not receive submissions unless the form is on a published page.
- Missing double opt-in — If enabled in Mailchimp, submissions won’t be confirmed unless users check their email and confirm.
Summary
To make your Mailchimp form work in Webflow, use Mailchimp’s action URL, ensure field names match their expected values, and test on a live published version of your site. Avoid relying on Webflow’s native form handling when using Mailchimp direct integration.