How can I use Webflow forms to handle Mailchimp signups with checkboxes for group opt-ins?
TL;DR
- Create Mailchimp groups with visible checkbox options and note their exact names and IDs.
- Build a Webflow form with matching field names and values, especially for group checkboxes (e.g., group[GroupCategoryName]).
- Replace the form action URL in Webflow with Mailchimp’s POST endpoint, ensure proper field mapping, publish, and test the form submission.
To use Webflow forms to handle Mailchimp signups with checkboxes for group opt-ins, you'll need to integrate custom form submissions with Mailchimp's API and map checkbox selections to your Mailchimp group interests.
1. Prepare Mailchimp Groups and Audience
- In Mailchimp, go to Audience > Manage Audience > Manage Contacts > Groups.
- Create a Group Category (e.g., “Interests”) and add checkbox-based group options (e.g., “News,” “Events,” “Offers”).
- Make sure the group is visible on signup forms.
2. Set Up Your Webflow Form
- In Webflow, add a form block containing:
- Name and email input fields (with meaningful
nameattributes likeFNAME,EMAIL). - Checkbox fields for each Mailchimp group (use a
namelikegroup[GroupCategoryName]where GroupCategoryName is the exact API name). - Assign value attributes matching the group names in Mailchimp exactly (e.g., “News,” “Events”).
3. Get Mailchimp Form Action URL (for POST method)
- Go to your Mailchimp audience, navigate to Signup Forms > Embedded Forms.
- Copy the form action URL from the form code snippet—usually starts with
https://xxxxxx.list-manage.com/subscribe/post?....
4. Configure Webflow Form to Submit to Mailchimp
- Select the Webflow form element and go to Form Settings.
- Replace the action URL with the Mailchimp form endpoint.
- Set method to POST and disable form validation for hidden fields if necessary.
- Use exact field names expected by Mailchimp:
- EMAIL for the email input
- FNAME (optional)
- group[xxxx] for checkboxes (where
xxxxis your group category ID—can find it in Mailchimp's embed code)
5. Style and Test
- Customize your form look as needed in Webflow Designer.
- Publish your site and submit a test entry. Check if the email appears in your Mailchimp Audience with the selected group(s).
Summary
To connect Webflow forms with Mailchimp and support group opt-ins via checkboxes, build a form in Webflow that mimics Mailchimp's embedded form structure—using the correct action URL, POST method, and field names (especially group[GroupName]). This allows the form entries to populate the appropriate audience segments in Mailchimp automatically.