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

# ActiveCampaign

> Connect ActiveCampaign with Framer Forms using the Forms Plugin to automatically add form submissions to your ActiveCampaign contacts.

# Connect ActiveCampaign with Framer Forms

Capture leads from your Framer forms and automatically add them to your ActiveCampaign contacts using the Forms Plugin.

***

## Step 1 - Get Your ActiveCampaign API Key and Account URL

Before connecting ActiveCampaign to your form, get your API key and account URL from your ActiveCampaign account. These allow the Forms Plugin to securely send form submissions to ActiveCampaign.

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/integrations/activecampaign/activecampaign-step1-api-key.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=6e9dbb41930723a451364b02b94501b5" alt="ActiveCampaign account showing the Developer settings page" width="2048" height="1146" data-path="images/screenshots/integrations/activecampaign/activecampaign-step1-api-key.png" />
</Frame>

1. Login to your ActiveCampaign account
2. Navigate to **Settings** → **Developer**
3. Copy your **API Key** and **Account URL**

<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 ActiveCampaign Component Into Your Form

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

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

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

***

## Step 3 - Configure ActiveCampaign API Settings

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

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

1. Select the **ActiveCampaign Integration** component in your form
2. Open the properties panel on the right side
3. Paste your **ActiveCampaign API Key**
4. Enter your **Account URL**

### Required Fields

* **API Key** - Paste the API key from your ActiveCampaign account.
* **Account URL** - Enter your ActiveCampaign account URL (e.g., `https://youraccountname.activehosted.com`).

***

## Step 4 - Configure Lists (Optional)

The **Lists** field lets you automatically subscribe new contacts to one or more ActiveCampaign lists when the form is submitted. This is useful for organizing contacts by channel (Email or SMS), campaign source, or audience segment.

<div style={{ maxWidth: '560px' }}>
  <Frame>
    <img src="https://mintcdn.com/formsplugin/oXlzqQvHm9MrAVer/images/screenshots/integrations/activecampaign/activecampaign-step3-api-settings-with-lists.png?fit=max&auto=format&n=oXlzqQvHm9MrAVer&q=85&s=888f55c9f333445121b9334245aec21b" alt="ActiveCampaign API Settings modal showing the Lists field with list IDs entered" width="546" height="550" data-path="images/screenshots/integrations/activecampaign/activecampaign-step3-api-settings-with-lists.png" />
  </Frame>
</div>

1. Open the **API Settings** modal on the ActiveCampaign component
2. Scroll to the **Lists** field
3. Click the field and enter one or more **List IDs**
4. Save the component

### How to Find Your List ID

Each ActiveCampaign list has a numeric ID that you can grab from the URL.

1. Login to your ActiveCampaign account
2. Open **Contacts → Lists**
3. Click the list you want to subscribe contacts to (or open its contacts view)
4. Look at the URL in your browser. The list ID will appear in the URL as `/list/{id}` or as the `listid={id}` query parameter (for example, `?listid=2`). The number is the **List ID**.

<Frame>
  <img src="https://mintcdn.com/formsplugin/oXlzqQvHm9MrAVer/images/screenshots/integrations/activecampaign/activecampaign-step5-list-contacts.png?fit=max&auto=format&n=oXlzqQvHm9MrAVer&q=85&s=29ab193c9ae698f0674faaa55afa7451" alt="ActiveCampaign URL bar showing listid=2 query parameter, indicating the list ID for the Master SMS List" width="2479" height="1792" data-path="images/screenshots/integrations/activecampaign/activecampaign-step5-list-contacts.png" />
</Frame>

You can also see all your lists and their channels (Email or SMS) on the **Contacts → Lists** page:

<Frame>
  <img src="https://mintcdn.com/formsplugin/oXlzqQvHm9MrAVer/images/screenshots/integrations/activecampaign/activecampaign-step3-lists-page.png?fit=max&auto=format&n=oXlzqQvHm9MrAVer&q=85&s=6583e07da2648cfadd3a07cddaeeb585" alt="ActiveCampaign Contacts Lists page showing Master SMS List with Marketing Channel SMS and the list options dropdown" width="2576" height="1765" data-path="images/screenshots/integrations/activecampaign/activecampaign-step3-lists-page.png" />
</Frame>

<Tip>
  You can find or create lists at **Contacts → Lists → Add a list** in the ActiveCampaign sidebar. Each list has its own marketing channel (Email or SMS) which determines how the contact is subscribed.
</Tip>

### SMS-Channel Lists

If a list is set up as an **SMS** marketing channel, ActiveCampaign requires a phone number for the subscription. The form must include a `phone` field that is mapped in **Step 5 - Configure Field Mapping** below. Without the phone mapping, ActiveCampaign will reject the subscription and the contact will not be added to the SMS list.

### Email-Channel Lists

**Email** lists subscribe contacts using their email address only. As long as your form has an email field mapped, the contact will be added without any extra setup.

***

## Step 5 - Configure Field Mapping

Map your form fields to ActiveCampaign contact properties.

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

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

### Example Mapping

| Form Field | ActiveCampaign Property |
| ---------- | ----------------------- |
| email      | email                   |
| firstname  | firstName               |
| lastname   | lastName                |
| phone      | phone                   |

<Tip>
  If you're subscribing contacts to an **SMS** list (see Step 4), make sure the `phone` mapping is present. Otherwise the subscription request will be rejected by ActiveCampaign.
</Tip>

***

## Step 6 - Result

When a user submits the form, their details will automatically be added as a contact in ActiveCampaign and subscribed to any List IDs you configured. You can verify new contacts in your **Contacts → Lists** view by opening the relevant list.

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

## Next Steps

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