Why isn't the new email collection form in the hero header of the Webflow home page working with Mailchimp integration?

TL;DR
  • Verify Mailchimp API key is active and correctly entered in Webflow Integrations.
  • Check the Webflow form's settings to ensure the Form Action URL matches Mailchimp's required format.
  • Confirm the Mailchimp Audience ID matches the list_id in Webflow.
  • Test the form in Webflow Preview Mode and check if the form submission logs correctly.
  • Monitor developer console for potential error messages if issues persist.

You're experiencing an issue with a new email collection form in Webflow that's supposed to integrate with Mailchimp. Let's resolve the integration problem.

​

1. Verify Mailchimp API Key

  • Go to Mailchimp and log into your account.
  • Navigate to Account > Extras > API keys.
  • Ensure you have a valid and active API key.
  • Go to your Webflow Project Settings and ensure the API key is entered correctly under Integrations.

​

2. Check Webflow Form Settings

  • Open the Designer and select your email collection form.
  • Go to the Settings panel.
  • Verify that the Form Action URL matches the required Mailchimp format (https://<datacenter>.api.mailchimp.com/3.0/lists/<list_id>).

​

3. Confirm List ID in Mailchimp

  • In Mailchimp, go to Audience > All contacts.
  • Click Manage Audience > Settings.
  • Find the Audience ID and ensure it matches the list_id in your Webflow settings.

​

4. Test with Webflow Forms

  • In Webflow, open your site in Preview Mode.
  • Fill out the email collection form and submit it.
  • Check if the form submission is logged in Webflow under Forms.

​

5. Monitor Error Messages and Console Logs

  • If it's not working, inspect the developer console in your web browser.
  • Look for any error messages related to the form submission or API.

​

Summary

First, ensure you have a valid and correctly entered Mailchimp API key in Webflow. Confirm that the Form Action URL and list_id match what's required by Mailchimp. Test in Webflow to ensure submissions are logged and verify any console errors for more specific issues.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I use Webflow and Shopify ThemeKit to simplify the process of making theme changes and uploading them to Shopify without using Git?
How can I make the sign-up form modal in Webflow's homepage only appear once, either after initial load or after the user has signed up or closed out, and how and where can I insert the code to set a cookie?
How can I upload and host the "apple-app-site-association.json" file on Webflow without encountering any issues related to lottie?
How can user authentication be set up on a Webflow site without using Firebase UI and instead building custom forms for full control over the site's appearance and functionality?
Has anyone successfully integrated the BitPay API into Webflow for accepting bitcoin payments for monthly membership subscriptions? Any advice or guidance would be greatly appreciated.
How can I set a hover transform in Webflow that allows the photo inside a div to zoom in without affecting the size of the div?
Can HTML, CSS, and JS be minified when exporting code from Webflow for use on a third-party host, or are those options only available when publishing to Webflow servers?
How can I fix the "Non-descriptive link content" error when publishing my web page in Webflow with social media icons implemented as SVG images?
How can I create a looped distortion effect on a selected picture in Webflow without any interaction on hover?
How can I make the sticky and relative (parent element) work in Webflow?
How can I enable event tracking for button clicks in Webflow using Google Analytics?
What are the optimal settings in Webflow to enable scrolling within a div block?
How can I create interactions with Webflow, specifically for image hover effects? I am a designer with basic CSS knowledge.
What could be causing a glitch on all pages with anchors in Webflow?
Can I still design my website for free on Webflow if I decide to host it with a different company? Will free users have the same design capabilities as paying members, or will there be limitations on features and functions? Can I create, design, and customize forms on Webflow, including making them functional? Is there a Spanish-speaking community where I can find training videos and get help with my questions?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?