> For the complete documentation index, see [llms.txt](https://docs.flowappz.com/home/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flowappz.com/home/webflow-popup-builder/how-to-integrate-popup-builder-with-mailchimp.md).

# How to Integrate Popup Builder with Mailchimp

#### Step 1: Set Up Mailchimp Integration

To connect your popup with Mailchimp, follow these steps:

1. **Navigate to the Integrations Tab**\
   From the main dashboard, go to the **Integrations** tab.
2. **Click “Add New Integration”**\
   This will open a modal displaying all available integration options.
3. **Connect Mailchimp**\
   Click the **Connect** button next to **Mailchimp**.\
   A Mailchimp setup form will appear.
4. **Configure the Mailchimp Connection**

   * Enter a **unique connection name** to identify this Mailchimp integration.

   * Paste your **Mailchimp API Key** from your Mailchimp account.

   > 🔑 *You can generate your API key from your Mailchimp Account Settings.*
5. **Save the Connection**\
   Click the **Save** button to store the Mailchimp integration.

<figure><img src="/files/m38mlfrOA0jrzwKafs0l" alt=""><figcaption></figcaption></figure>

#### Step 2: Connect Mailchimp to a Popup

To use Mailchimp with a specific popup, follow the steps below:

1. **Navigate to the Popups Tab**\
   From the dashboard, go to the **Popups** tab.
2. **Open the Popup Builder**\
   Click **Edit** on the popup you want to configure.
3. **Go to the Integrations Step**\
   In the builder, navigate to the **Integrations** step.
4. **Click “Add New Integration”**\
   This will open a modal with all available integration options.
5. **Connect Mailchimp**\
   Click the **Connect** button next to **Mailchimp**.\
   A Mailchimp setup popup will appear.
6. **Configure the Mailchimp Integration**
   * Enter a **connection name**.
   * Select the **previously created Mailchimp API key** from the dropdown.
   * Click **Next**.
7. **Select Mailchimp List**\
   Choose your preferred **Mailchimp audience/list** where the data will be stored.\
   Click **Next** to proceed.
8. **Match Form Fields**\
   Map the popup input fields to the corresponding Mailchimp list fields.

   > 🛠️ *This allows you to control which user input gets saved to which Mailchimp field.*
9. **Test the Connection**\
   Click **Test Connection** to verify everything is set up correctly.
10. **Save the Integration**\
    If the test is successful, click **Save** to complete the Mailchimp setup for this popup.

> ✅ *Your popup is now successfully integrated with Mailchimp and ready to collect leads.*

<figure><img src="/files/WQDh9WDVmBbzJlKjhKfs" alt=""><figcaption></figcaption></figure>