fetch()
in the Webflow footer to send form data as JSON.To connect your Webflow signup form to MailChimp while keeping Ajax form submission, you need to use MailChimp's API instead of the default Webflow form submission settings. This ensures smooth user experience without full-page reloads.
Go to Project Settings > Custom Code > Footer Code and insert:
Use fetch()
to send form data as JSON to MailChimp.
Handle user feedback (loading state, success, error messages) with JavaScript.
F12
on Chrome) to check for errors.To connect Webflow to MailChimp via Ajax, disable Webflow’s default form submission, get your API credentials, and use JavaScript with a backend proxy to handle CORS issues. This setup allows smooth form submissions without page reloads.