Is it possible to create a Webflow contact form that sends its contents to the admin's email address and also adds the user's email address to a Mailchimp list if a checkbox is checked?

Published on
September 22, 2023

Yes, it is possible to create a Webflow contact form that sends its contents to the admin's email address and also adds the user's email address to a Mailchimp list if a checkbox is checked. This can be achieved by following these steps:

  1. Set up a contact form in Webflow:
  • In the Webflow Designer, drag and drop a Form block onto your page.
  • Customize the form fields to include the necessary input fields, such as name, email, and message.
  • Add a checkbox field for the user to opt-in for adding their email address to the Mailchimp list.
  1. Configure form settings:
  • Select the form element and go to the Form Settings panel.
  • Enter the email address(es) you want the form submissions to be sent to. You can specify multiple email addresses by separating them with commas.
  1. Integrate Mailchimp:
  • Sign in to your Mailchimp account and navigate to the Lists page.
  • Create a new list or select an existing one to which you want to add the user's email address.
  • Locate the list's signup form and click on the "Embedded forms" option.
  • Customize the form fields as desired and generate the code for the form.
  1. Add Mailchimp code to Webflow:
  • In Webflow, go to the page where you have the contact form.
  • Paste the Mailchimp code in a Code Embed element (found in the Add panel).
  • Make sure to remove any duplicate form-related code, such as field names or action URLs, to avoid conflicts.
  1. Set up conditional logic:
  • Select the checkbox field on your form in Webflow.
  • In the Settings panel, enable the conditional logic option.
  • Set the condition to trigger when the checkbox is checked.
  • Under the Actions tab, choose the "Redirect to URL" option and enter the Mailchimp signup form URL.
  1. Publish and test:
  • Publish your Webflow site to see the changes live.
  • Test the contact form by filling it out and checking the checkbox.
  • Verify that the form submission is sent to the admin's email address and the user's email is added to the Mailchimp list.

By following these steps, you can create a Webflow contact form that sends its contents to the admin's email address and adds the user's email address to a Mailchimp list if a checkbox is checked. This allows you to collect contact information and manage email subscriptions simultaneously.

Additional Questions:

  1. How do I set up a contact form in Webflow?
  2. Can I integrate Mailchimp with Webflow?
  3. What is conditional logic in Webflow forms?