Mailchimp

Collecting form submissions with Mailchimp.

Using Mailchimp you can collect email addresses from your audience, who fill out email capture forms on your website. All email addresses will be sent to and stored in your Mailchimp account.

Configuration

When you use a building block with email capture form (e.g. Hero section with email capture), you will see the following options in the sidebar to choose from.

List of action options
List of action options

Choose the Add to Mailchimp option to collect emails via Mailchimp. After selection, you will see the Action Url field appear.

Mailchimp action URL
Mailchimp action URL

You need to locate the Action Url from your Mailchimp account, and copy paste it in this field.

How to locate Mailchimp Form Action Url

In order to get an Action URL and start collecting subscriptions, you need to log into your Mailchimp account and navigate to Signup Forms ⇒ Embedded Forms.

Embedded forms
Embedded forms

The embedded form will only have the email field enabled by default, so, if you’re just collecting emails, you don’t need to change anything (we’ll discuss setting up forms with multiple fields in the next section). Just hit Continue to proceed to the final step.

Continue
Continue

In the next screen, copy the form Action URL (as shown below), then go back to your Softr application and paste it under Settings ⇒ Integrations ⇒ Mailchimp. That’s it. Now, all the emails submitted from your Softr app will be collected in your Mailchimp account under Contacts.

Getting the action URL
Getting the action URL
 
💡
If you're testing the form submission and not getting anything on Mailchimp, that could be due to Double Opt-In being enabled in your Mailchimp settings. When it's enabled, the user that submits the form receives a confirmation email. Only after the submission is confirmed by the user, it is sent to Mailchimp. You can find more details here.

Connecting custom forms to Mailchimp

Let’s create a Customizable Form on Softr with multiple fields and see how we can connect it to Mailchimp to collect all the submissions there.

Customizable form on Softr
Customizable form on Softr

So, we are going to create a form with three fields (Email, First name, and Last name) and set the destination to Mailchimp.

Setting form destination
Setting form destination

Now, we need to add the Action URL. To get the action URL and receive form submissions on Mailchimp, we need to create a similar form in our Mailchimp account. First, we need to create an Embedded Form.

Embedded forms
Embedded forms

Next, in form settings, we are going to navigate to Form Fields and enable two additional fields apart from Email. Below, you can see how we’ve enabled three fields, creating a form similar to what we have in our Softr app.

Creating a form with additional fields
Creating a form with additional fields

Lastly, we are going to hit Continue and copy the Action URL on the next screen, which we’ll need to paste in our form settings on Softr.

Getting the action URL
Getting the action URL

But that’s not all. In order to map all the form fields correctly from Softr to Mailchimp, we also need to specify a Map to value for each field. Those values can be found in the same embedded form code under name. Below, we’ve located the name of the First name field.

Name of the field
Name of the field

You should copy the values for all your fields (including the Email field) and add them to your Softr form for each field under Map to.

Filling in the “Map to” value
Filling in the “Map to” value
 

And we’re done. Let’s do a test submission to make sure it works correctly.

Doing a test submission
Doing a test submission
Did this answer your question?
😞
😐
🤩

Last updated on January 27, 2023