Your Mailchimp email form not working in Webflow is often caused by integration errors or missing configuration in either Webflow’s embed or Mailchimp settings.
- Mailchimp forms must be embedded using custom code, not Webflow’s built-in Form element since Webflow forms only send submissions to the Webflow dashboard or configured action URLs.
- Go to Mailchimp > Audience > Signup Forms > Embedded Forms, copy the embed code, and paste it into an Embed element in Webflow.
- In the embed code, look for the
form action
URL — this is Mailchimp’s endpoint where submissions are sent. - It should look like this:
action="https://<dc>.list-manage.com/subscribe/post?u=XXXX&id=XXXX"
, where <dc>
is the data center (e.g., us5). - Do not change or strip query parameters—they are required for Mailchimp to recognize the audience.
- The input field
name
and type
attributes need to match what Mailchimp expects: - Email field:
type="email" name="EMAIL"
- First name:
type="text" name="FNAME"
(if added) - If field names don’t match, submission will silently fail.
- If Mailchimp is receiving submissions directly, disable the Webflow form handling by using just the Embed element and not connecting it to Webflow’s form block or submission endpoint.
5. Check for JavaScript or CSS Conflicts
- Some Webflow themes include styling or JavaScript that may interfere with form behaviors.
- In the Publish version, use browser DevTools (F12) to check for:
- JavaScript errors in the Console tab.
- Blocked requests (for example, to
list-manage.com
) in the Network tab.
6. Test With the Live Published Site (Not Preview)
- Mailchimp form submissions will not work in Webflow's Preview mode.
- Always test the form on your published site (e.g., your-club-website.webflow.io or your custom domain).
7. Consider Double Opt-In or Validation Delays
- If you've enabled double opt-in in Mailchimp, the form may appear to “do nothing” because the next step is an email confirmation.
- You can adjust response behavior or redirect URLs in the embed code or Mailchimp settings.
Summary
Mailchimp forms must be embedded using Mailchimp’s own code, not Webflow’s native form. Confirm that the form’s action URL, field names, and embed structure are all valid, and test from a published site. Avoid relying on Webflow Form blocks for Mailchimp integrations.