> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 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](/59b829b4b58f417fa4b6cff5f7c6a658)), you will see the following options in the sidebar to choose from.

<Frame caption="List of action options">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image1.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=738b876addf11c6d2e25db9cd3006456" alt="List of action options" width="846" height="726" data-path="integrations/images/mailchimp/image1.png" />
</Frame>

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

<Frame caption="Mailchimp action URL">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image2.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=931c040bfe089f62a15046fcdd548108" alt="Mailchimp action URL" width="846" height="702" data-path="integrations/images/mailchimp/image2.png" />
</Frame>

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**.

<Frame caption="Embedded forms">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image3.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=a18cb11465327c59e18e1542c26b06b8" alt="Embedded forms" width="2858" height="1150" data-path="integrations/images/mailchimp/image3.png" />
</Frame>

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.

<Frame caption="Continue">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image4.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=fa74420fbd365f37c60cb69d98be881f" alt="Continue" width="2794" height="1332" data-path="integrations/images/mailchimp/image4.png" />
</Frame>

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

<Frame caption="Getting the action URL">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image5.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=3ea7759b28ec381d93a11c37b3be082b" alt="Getting the action URL" width="1546" height="1226" data-path="integrations/images/mailchimp/image5.png" />
</Frame>

<Tip>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](https://mailchimp.com/help/about-double-opt-in/).</Tip>

## Connecting custom forms to Mailchimp

Let’s create a [Customizable Form](/building-blocks/vikC2AWEpQGkZd4jGyoVxo/advanced-form-features/jCim5VWZePgZuaRsUZBnpG) on Softr with multiple fields and see how we can connect it to Mailchimp to collect all the submissions there.

<Frame caption="Customizable form on Softr">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image6.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=5441b6fb383ea9edb63110160fe3a55e" alt="Customizable form on Softr" width="1262" height="1084" data-path="integrations/images/mailchimp/image6.png" />
</Frame>

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

<Frame caption="Setting form destination">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image7.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=804fcd348637c4bf1ee6d83352a38e69" alt="Setting form destination" width="836" height="790" data-path="integrations/images/mailchimp/image7.png" />
</Frame>

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.**

<Frame caption="Embedded forms">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image8.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=d36aa39c5371ed7991291da3c35d7f77" alt="Embedded forms" width="2858" height="1150" data-path="integrations/images/mailchimp/image8.png" />
</Frame>

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.

<Frame caption="Creating a form with additional fields">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image9.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=ecade6c8cba5473d987db6de9ee51011" alt="Creating a form with additional fields" width="2758" height="1378" data-path="integrations/images/mailchimp/image9.png" />
</Frame>

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.

<Frame caption="Getting the action URL">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image10.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=2620c1d82fdacc1c2ad0dab43808e1f4" alt="Getting the action URL" width="1546" height="1226" data-path="integrations/images/mailchimp/image10.png" />
</Frame>

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.

<Frame caption="Name of the field">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image11.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=4c5202f8dead1e03797c73821ade2793" alt="Name of the field" width="1518" height="1234" data-path="integrations/images/mailchimp/image11.png" />
</Frame>

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**.

<Frame caption="Filling in the “Map to” value">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image12.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=61bc2a31329f2c1ad7302a656cb7562c" alt="Filling in the “Map to” value" width="846" height="942" data-path="integrations/images/mailchimp/image12.png" />
</Frame>

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

<Frame caption="Doing a test submission">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/mailchimp/image13.gif?s=af6fedfb4a59019b21905cc7c180373c" alt="Doing a test submission" width="2880" height="1418" data-path="integrations/images/mailchimp/image13.gif" />
</Frame>
