Mailchimp
Turn Webflow form submissions into Mailchimp subscribers automatically.
The Mailchimp Webflow integration turns your site's native forms into a subscriber engine. Point a Webflow form at Mailchimp's subscribe endpoint with a single action URL and every submission becomes a contact in your Mailchimp audience — no backend code, no Zapier, no webhook glue. For small businesses, newsletters, and lead-capture sites built on Webflow, Mailchimp remains the default because it is cheap to start, widely understood, and connects to Webflow in minutes.
What you can do with Mailchimp
- Capture subscribers from native Webflow forms via a direct POST to Mailchimp's subscribe endpoint, keeping the form styled inside the Webflow Designer.
- Embed Mailchimp signup forms or popups through a Custom Code element when you want Mailchimp to own the form experience.
- Run both at once — store the submission in Webflow's form dashboard and push it to Mailchimp simultaneously.
- Tag and segment subscribers with merge fields so you can route campaigns by source page, interest, or lead magnet.
- Trigger automated journeys like welcome series, abandoned-cart, and behavioral sequences on paid tiers.
- Enforce double opt-in per audience to keep your list clean and improve deliverability.
How Mailchimp connects to Webflow
There are three connection patterns, and you can combine them. The direct POST method is the most popular: you copy Mailchimp's form action URL and paste it into a native Webflow form's Action field, so submissions go straight to your Mailchimp audience. The form lives in Webflow, the data lands in Mailchimp, and no middleware is involved.
The embedded form method pastes Mailchimp's own signup form HTML into a Webflow Custom Code element. You give up full Designer control over styling, but you inherit Mailchimp's validation, groups, and reCAPTCHA for free. The popup method drops a Mailchimp-hosted modal onto your site via a snippet in your page's custom code.
The hybrid setup — Webflow native form for the main capture plus a Mailchimp popup for exit intent — is common on marketing sites that want maximum list growth without doubling form maintenance.
How to connect a Webflow form to Mailchimp
- In Mailchimp, open Audience → Signup forms → Embedded forms and copy the form action URL from the embed code (it points at
list-manage.com/subscribe/post). - In the Webflow Designer, select your form element and open the settings panel.
- Change Send to from *Webflow* to Custom action, then paste the Mailchimp action URL into the Action field.
- Rename every Webflow form field to match its Mailchimp merge tag exactly —
EMAIL,FNAME,LNAME. Field-name mismatch is the number-one failure cause, so be precise and case-sensitive. - Remove any leftover Webflow email-notification destination so the submission only goes to Mailchimp, or keep both if you want a local backup.
- Disable reCAPTCHA on one side only — having it enabled in both Webflow and Mailchimp breaks the POST. With single opt-in, turn off Mailchimp's reCAPTCHA under Audience settings.
- Publish the site and submit a real test. A new subscriber should appear in your Mailchimp audience within seconds; if double opt-in is on, confirm via the email first.
Mailchimp pricing
Mailchimp is contact-tiered, so the bill rises sharply as your list grows. The free plan covers up to 250 contacts and 500 sends per month with a 250-per-day cap and one audience — enough to validate a launch, not enough to run a real program. Essentials adds A/B testing and 24/7 email support, Standard unlocks the customer-journey builder and retargeting ads, and Premium is built for high-volume senders with multivariate testing and unlimited audiences. Always confirm current numbers on the Mailchimp pricing page, since tiers shift.
| Plan | Contacts | Sends/mo | Price | Best for |
|---|---|---|---|---|
| Free | 250 | 500 (250/day cap) | $0 | Launching a newsletter and validating list growth |
| Essentials | From 500 | 10x contact count | ~$13/mo | Broadcast newsletters and basic automations |
| Standard | From 500 | 12x contact count | ~$20/mo | Customer-journey automations and retargeting |
| Premium | From 10,000 | 15x contact count | ~$350/mo | High-volume senders and multi-brand teams |
Mailchimp vs. Kit vs. Customer.io for Webflow
All three plug into Webflow forms, but they optimize for different buyers. Mailchimp is the broadcast-and-list all-rounder: familiar, cheap to start, and good enough for most small-business marketing. Kit (formerly ConvertKit) is built for creators who think in subscriber journeys and tags rather than lists, with a generous free tier up to 10,000 subscribers and strong visual sequences. Customer.io is the behavioral-messaging upgrade for SaaS and product-led growth, where messages fire on in-app events rather than list membership and extend to SMS, push, and in-app channels.
The rule of thumb: if your Webflow site captures emails for a newsletter or small business, Mailchimp is the safe default. If you sell courses, paid newsletters, or digital products, Kit's automation and commerce tools fit better. If you need event-driven messaging tied to product behavior, Customer.io is the upgrade path.
| Tool | Best for | Webflow connection | Pricing model | Notable tradeoff |
|---|---|---|---|---|
| Mailchimp | Small-business newsletters and broadcasts | Native form POST to action URL | Contact-tiered, from $0 | Gets expensive fast as lists grow |
| Kit | Creators, courses, paid newsletters | Form embed or API POST | Subscriber-tiered, free to 10k | Fewer design-heavy templates |
| Customer.io | SaaS and behavioral messaging | Forms JS snippet identifies profiles | Profile-tiered, paid only | Heavier setup, overkill for simple lists |
Best Mailchimp + Webflow use cases
Newsletter signups
The canonical case. A single email field pointed at your Mailchimp audience turns blog readers and homepage visitors into subscribers with zero friction, and Mailchimp's free tier is enough to get the first list going.
Lead-magnet downloads
Offer a downloadable resource, capture an email, then redirect to the asset. Tag subscribers by the page they came from so you can run segmented follow-ups instead of blasting the whole list.
Source-tagged capture
Run one Webflow form per landing page, each posting to the same Mailchimp audience with a different merge tag, so you know exactly which campaign drove each subscriber and can segment accordingly.
Exit-intent popups
Add a Mailchimp-hosted popup through a Custom Code snippet to catch visitors about to leave. Pair it with a native inline form so the popup supplements rather than replaces your main capture.
Ecommerce discount-for-subscribe
On Webflow Ecommerce sites, offer a discount code in exchange for an email subscribe. The subscriber lands in Mailchimp tagged as a shopper, ready for abandoned-cart and promotional journeys.
Common problems and fixes
- Field-name mismatch: Webflow field names must match Mailchimp merge tags exactly (
EMAIL,FNAME,LNAME). It is case-sensitive and the single most common reason submissions silently fail — fix the names, republish, and retest. - reCAPTCHA conflict: If reCAPTCHA is enabled on both Webflow and Mailchimp, the POST breaks with an "Oops" error. Disable it on one side; for single opt-in, turn off Mailchimp's reCAPTCHA under Audience settings.
- Wrong or stale action URL: The action URL must come from the embedded-form code for your specific audience and include the correct
uandidparameters. Recopy it fresh after any audience rename or migration. - Double opt-in pending: With double opt-in on, the subscriber shows as pending until they click the confirmation email. If subscribers seem missing, check the pending list, or switch to single opt-in if deliverability allows.
Related Webflow integrations
- Kit — the creator-focused alternative with a generous free tier.
- Customer.io — the behavioral-messaging upgrade for SaaS.
- HubSpot — pick Mailchimp or HubSpot, not both, to avoid list-hygiene conflicts.
- Zapier — bridge Mailchimp to any tool without a native connector.
- Blog: 20 Best Webflow Integrations.
Frequently asked questions
Yes. Webflow connects to Mailchimp by pointing a native Webflow form at Mailchimp's subscribe endpoint through a custom action URL, or by embedding Mailchimp signup forms and popups via a Custom Code element. You can also route submissions to Mailchimp through Zapier or Make. Native Webflow form submission is the most common path because it keeps the form styled inside the Webflow Designer while still adding subscribers to your audience automatically.
Open Mailchimp and go to Audience, then Signup forms, then Embedded forms, and copy the form action URL. In the Webflow Designer, select your form, open the settings panel, change Send to from Webflow to Custom action, and paste the URL into the Action field. Rename each Webflow field to match its Mailchimp merge tag exactly (EMAIL, FNAME, LNAME). Remove any leftover Webflow email notification, publish the site, and submit a test to confirm the subscriber lands in your audience.
Mailchimp has a free plan independent of Webflow. It supports up to 250 contacts and 500 emails per month with a 250-per-day send cap, plus one audience and basic templates. No Webflow plan fee is required to connect the two, since the integration uses a form action URL rather than a paid marketplace app. Paid Mailchimp tiers start at Essentials for about $13 per month and Standard for about $20 per month, which unlock automations and higher send limits.
The cause is almost always a field-name mismatch. Each Webflow form field must exactly match the Mailchimp merge tag, so EMAIL has to be EMAIL and FNAME has to be FNAME. Other frequent causes are a stale or wrong action URL, reCAPTCHA enabled on both Webflow and Mailchimp at the same time, and double opt-in still active so the subscriber is pending confirmation. Check your action URL first, fix the field names, disable reCAPTCHA on one side, and resubmit a test.
Pick Mailchimp for broadcast newsletters, list-based segments, and a familiar all-rounder with a small free tier. Pick Kit (formerly ConvertKit) for creator workflows like welcome sequences, tag-based automation, paid newsletters, and a generous free tier up to 10,000 subscribers. Mailchimp is easier for traditional small-business marketing on a Webflow site, while Kit suits bloggers, course creators, and indie product builders who want subscriber journeys over list broadcasts.
Launch faster with Webflow templates
Every template is CMS-ready and integration-friendly — connect your tools and ship.









