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.
- Login to your MailerLite account
- Navigate to Integrations → API
- Click Generate new token
- Copy the generated API key
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 MailerLite component.
The component connects your form to MailerLite and automatically detects the form fields in your form layout.
After inserting the MailerLite component, configure the API settings in the component properties panel.
- Select the MailerLite Integration component in your form
- Open the properties panel on the right side
- Paste your MailerLite API Key
- 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.
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.
Example Mapping
| Form Field | MailerLite Attribute |
|---|
| email | EMAIL |
| firstname | FNAME |
| lastname | LNAME |
Step 5 — Result
When a user submits the form, their details will automatically be added to your MailerLite subscriber list. You can verify new subscribers in your MailerLite Subscribers dashboard.
Next Steps
