If your Webflow form isn't passing the name tag to Mailchimp and you're seeing an "Oops! Something went wrong while submitting the form" error, it's likely due to a form integration or field label mismatch between Webflow and Mailchimp.
1. Check Webflow Form Action URL
- Go to the form settings in the Webflow Designer.
- Select the form, then in the Settings panel, check the Form Action URL. If you're using a custom Mailchimp HTML embed or POST method, make sure the URL is correct.
- The action URL must match the one provided by Mailchimp (something like
https://xxxxxx.list-manage.com/subscribe/post?u=YOURID&id=LISTID).
2. Match Field Names with Mailchimp Merge Tags
- Mailchimp uses merge tags (e.g.,
FNAME, LNAME) to collect data into list fields. - In Webflow, ensure the form field name attributes (not the placeholders or labels) match Mailchimp’s merge tag names exactly.
- Example:
- First Name:
name="FNAME" - Last Name:
name="LNAME" - Email:
name="EMAIL" (this is required by Mailchimp)
- To do this in Webflow:
- Click the field in the Designer.
- In the Settings panel, update the Name field under "Form Field Settings".
3. Use POST Method and Disable Webflow’s Native Handling
- Webflow by default processes forms through its own system unless you point the form to a different Action URL.
- Make sure the Method is set to
POST, and that the Action field has the correct Mailchimp embed endpoint. - This disables Webflow’s own submission process, and instead sends the form data directly to Mailchimp.
4. Check Hidden Inputs Added in the Mailchimp Embed Code
- Mailchimp’s HTML embed includes required hidden input fields like
u, id, and sometimes c. These keep your subscriber list aligned. - If you're recreating the form manually in Webflow, add those hidden inputs to match Mailchimp’s requirements exactly.
5. Test with Mailchimp's Embedded Form First
- As a baseline, try embedding the default Mailchimp HTML form directly into your Webflow site via an Embed element.
- If this works, compare it against your custom form, especially field names and hidden values, to identify what’s missing.
6. Confirm That Form Submissions Are Allowed from External Domains
- In your Mailchimp audience settings, make sure form submissions from your Webflow domain are not being blocked or rate-limited.
- If you're using bot protection tools like reCAPTCHA, ensure those are properly implemented and don’t interfere.
Summary
To fix your Mailchimp signup form in Webflow, ensure the form field names match Mailchimp's merge tags (e.g., FNAME, EMAIL), the form Action URL is correctly set, and all required hidden inputs from the Mailchimp embed are included. Also, confirm the form uses POST method and test with Mailchimp’s default embed as a comparison.