How can I use Webflow forms to handle Mailchimp signups with checkboxes for group opt-ins?

You can integrate Webflow forms with Mailchimp to allow users to sign up for different groups using checkboxes. Since Webflow does not have a built-in Mailchimp integration with group fields, you'll need to use hidden fields and custom form actions.

1. Set Up Groups in Mailchimp

• Log in to Mailchimp and go to Audience > Manage Audience > Groups.
• Click Create Groups and define the categories and group names (e.g., "Newsletter", "Promotions").
• Ensure the field type is set as Checkboxes so users can select multiple options.

2. Find Your Mailchimp Form Action URL

• Go to Audience > Click Signup Forms > Embedded Forms.
• Copy the form action URL (it looks like https://xxxxxx.list-manage.com/subscribe/post?u=XXXX&id=XXXX).

3. Add Checkboxes in Webflow Form

• Add a Webflow form to your page.
• Insert checkbox fields representing each group in Mailchimp (e.g., "Newsletter", "Promotions").
• Set the name attributes to match Mailchimp's group merge fields (you’ll configure this in the next step).

4. Match Group Field Names in Webflow

• In Mailchimp, group fields use specific name formats (e.g., group[12345][1]).
• Inspect Mailchimp’s form code to find the correct field names.
• In Webflow, ensure each checkbox field’s name attribute matches the Mailchimp structure (e.g., group[12345][2]).

5. Connect the Form to Mailchimp

• Go to Webflow Form Settings and paste your Mailchimp form action URL into the Form Action field.
• Set the method to POST.
• Ensure all form fields match Mailchimp's merge field names.

6. Publish and Test the Form

• Publish your Webflow site and submit a test form.
• Check if the user is added to the correct Mailchimp groups by visiting Mailchimp Audience > Contacts.

Summary

To collect group-based opt-ins in Webflow forms for Mailchimp, you need to:

1. Create groups in Mailchimp and get the structured field names.
2. Copy Mailchimp’s form action URL and paste it into Webflow's form settings.
3. Match checkbox name attributes to Mailchimp's expected format.
4. Test the form submission to confirm contacts are added to the right groups.

This setup ensures Webflow forms correctly assign users to Mailchimp groups based on their selections.