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

# MailerLite

> Connect MailerLite with Framer Forms using the Forms Plugin to automatically add form submissions to your MailerLite subscriber list.

# Connect MailerLite with Framer Forms

Capture leads from your Framer forms and automatically add them to your MailerLite subscriber list using the Forms Plugin.

***

## Step 1 - Get Your MailerLite API Key

Before connecting MailerLite to your form, generate an API key from your MailerLite account. This API key allows the Forms Plugin to securely send form submissions to your MailerLite subscriber list.

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/mailerlite/mailerlite-step1-api-key.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=d26bad717138d2769be09e8fbeaf1acc" alt="MailerLite account showing the API settings page" width="1960" height="1084" data-path="images/screenshots/integrations/mailerlite/mailerlite-step1-api-key.png" />
</Frame>

1. Login to your MailerLite account
2. Navigate to **Integrations** → **API**
3. Click **Generate new token**
4. Copy the generated API key

<Tip>
  Keep your API key in a secure password manager. Never share it publicly or commit it to a code repository.
</Tip>

***

## Step 2 - Insert MailerLite Component Into Your Form

Select your form in the Framer canvas and insert the MailerLite component.

The component connects your form to MailerLite and automatically detects the form fields in your form layout.

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/mailerlite/mailerlite-step2-insert-component.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=10be44c9660d822a17d7f21e2c7464f6" alt="Forms Plugin panel in Framer showing the MailerLite Integrations screen with the Insert MailerLite Component button" width="1878" height="1310" data-path="images/screenshots/integrations/mailerlite/mailerlite-step2-insert-component.png" />
</Frame>

***

## Step 3 - Configure MailerLite API Settings

After inserting the MailerLite component, configure the API settings in the component properties panel.

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/mailerlite/mailerlite-step3-api-settings.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=21bc838eb99108f0bb37b98caa96d5e0" alt="Framer canvas with MailerLite component selected showing the API Settings modal" width="1691" height="1311" data-path="images/screenshots/integrations/mailerlite/mailerlite-step3-api-settings.png" />
</Frame>

1. Select the **MailerLite Integration** component in your form
2. Open the properties panel on the right side
3. Paste your **MailerLite API Key**
4. Enter your **Audience ID** (List ID)

### Required Fields

* **API Key** - Paste the API key generated from your MailerLite account.
* **Audience ID** - Enter the MailerLite Audience ID (also called List ID) where new subscribers should be added.

***

## Step 4 - Send Submissions to a Specific Group (Optional)

By default, new subscribers are added to your main MailerLite audience. If you want submissions to also be added to a specific **group** (for example, a "Framer" group for leads coming in from your site), add the group's ID to the component.

### Create a Group in MailerLite

1. Log in to MailerLite and go to **Subscribers** → **Groups**
2. Click **Create group** in the top-right corner
3. Name the group (e.g., `Framer`) and save

<Frame>
  <img src="https://mintcdn.com/formsplugin/NXUnjLYsv64_egH5/images/screenshots/integrations/mailerlite/mailerlite-step4-create-group.png?fit=max&auto=format&n=NXUnjLYsv64_egH5&q=85&s=21fe963918a11b0f092a25b86da75028" alt="MailerLite Groups page with the Create group button in the top right" width="1427" height="910" data-path="images/screenshots/integrations/mailerlite/mailerlite-step4-create-group.png" />
</Frame>

### Find the Group ID from the URL

1. In the **Groups** list, click **View group** on the group you want to use
2. Look at your browser's address bar - the group ID appears at the end of the URL after `&group=`

Example URL:

```
https://dashboard.mailerlite.com/subscribers?rules=...&group=1852561492115185126
```

In this example, the group ID is `1852561492115185126`.

<Frame>
  <img src="https://mintcdn.com/formsplugin/NXUnjLYsv64_egH5/images/screenshots/integrations/mailerlite/mailerlite-step4-group-id-url.png?fit=max&auto=format&n=NXUnjLYsv64_egH5&q=85&s=a3c79530ceff98799b4fecd686397e75" alt="Browser address bar showing the MailerLite group page URL with the group ID highlighted after &group=" width="1427" height="922" data-path="images/screenshots/integrations/mailerlite/mailerlite-step4-group-id-url.png" />
</Frame>

<Tip>
  Copy **only the number** after `&group=` - don't include the `?` or any other part of the URL. Group IDs are long numeric strings.
</Tip>

### Add the Group ID to the Component

1. Select the **MailerLite Integration** component in your form
2. Open the properties panel on the right side
3. Paste the group ID into the **Group ID** field
4. Save the configuration

<Frame>
  <img src="https://mintcdn.com/formsplugin/NXUnjLYsv64_egH5/images/screenshots/integrations/mailerlite/mailerlite-step4-component-group-id.png?fit=max&auto=format&n=NXUnjLYsv64_egH5&q=85&s=d2e42ec5c9ade280f964401327d1363d" alt="Forms Plugin properties panel for the MailerLite component showing the Group ID field with a sample ID pasted" width="1754" height="1285" data-path="images/screenshots/integrations/mailerlite/mailerlite-step4-component-group-id.png" />
</Frame>

Once configured, every new form submission will be added to both your MailerLite audience and this specific group - so you can segment leads coming in from your Framer site separately.

<Info>
  Leave the **Group ID** field empty if you only want subscribers added to the main audience without any group assignment.
</Info>

***

## Step 5 - Configure Field Mapping

Map your form fields to MailerLite subscriber attributes.

The component automatically detects your form field names. You simply connect each field to the correct MailerLite attribute.

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/mailerlite/mailerlite-step4-field-mapping.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=a87499abc2f1d8e9a5b986bf038812f6" alt="Framer canvas showing the Mappings modal with form fields mapped to MailerLite attributes" width="1682" height="1311" data-path="images/screenshots/integrations/mailerlite/mailerlite-step4-field-mapping.png" />
</Frame>

### Example Mapping

| Form Field | MailerLite Attribute |
| ---------- | -------------------- |
| email      | EMAIL                |
| firstname  | FNAME                |
| lastname   | LNAME                |

***

## Step 6 - Result

When a user submits the form, their details will automatically be added to your MailerLite subscriber list - and, if a Group ID was configured, to that specific group as well. You can verify new subscribers in your [MailerLite Subscribers dashboard](https://dashboard.mailerlite.com/subscribers).

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/mailerlite/mailerlite-step5-result.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=9b5c306ee6e1bd1cf272503cf7a0f2ff" alt="Completed MailerLite integration on a form with Integration active status" width="1617" height="1230" data-path="images/screenshots/integrations/mailerlite/mailerlite-step5-result.png" />
</Frame>

## Next Steps

* [Integrations Overview](/integrations/overview)
* [Contact Support](https://go.formsplugin.com/contact) if you need help
