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.
- Login to your ActiveCampaign account
- Navigate to Settings → Developer
- Copy your API Key and Account URL
Keep your API key in a secure password manager. Never share it publicly or commit it to a code repository.
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.
After inserting the ActiveCampaign component, configure the API settings in the component properties panel.
- Select the ActiveCampaign Integration component in your form
- Open the properties panel on the right side
- Paste your ActiveCampaign API Key
- 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).
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.
Example Mapping
| Form Field | ActiveCampaign Property |
|---|
| email | email |
| firstname | firstName |
| lastname | lastName |
Step 5 — Result
When a user submits the form, their details will automatically be added as a contact in ActiveCampaign. You can verify new contacts in your ActiveCampaign Contacts dashboard.
Next Steps
