Webflow sync, pageviews & more.
NEW

Why is the Mailchimp email form not working on my Webflow page for the motorcycle club?

TL;DR
  • Use Mailchimp's official embed code (not Webflow's form block) and paste it into a Webflow Embed element.
  • Ensure the form action URL, input field names, and code structure match Mailchimp's requirements.
  • Disable Webflow's default form handling, test only on the live published site, and check for JavaScript/CSS conflicts.

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.

1. Check That You Are Using a Mailchimp Embed Form

  • 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.

2. Verify That the Mailchimp Form Action URL Is Correct

  • 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.

3. Ensure Required Input Field Names Match Mailchimp’s Expectations

  • 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.

4. Disable Webflow Form Behavior if Using Embed

  • 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.

Rate this answer

Other Webflow Questions