Connect Klaviyo with Framer Forms
Capture leads from your Framer forms and automatically add them to your Klaviyo profiles using the Forms Plugin.
Step 1 — Get Your Klaviyo API Key
Before connecting Klaviyo to your form, generate an API key from your Klaviyo account. This API key allows the Forms Plugin to securely send form submissions to Klaviyo.
- Login to your Klaviyo account
- Navigate to Settings → API Keys
- Click Create Private API Key
- 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 Klaviyo component.
The component connects your form to Klaviyo and automatically detects the form fields in your form layout.
After inserting the Klaviyo component, configure the API settings in the component properties panel.
- Select the Klaviyo Integration component in your form
- Open the properties panel on the right side
- Paste your Klaviyo API Key
Required Fields
- API Key — Paste the API key generated from your Klaviyo account.
Map your form fields to Klaviyo profile properties.
The component automatically detects your form field names. You simply connect each field to the correct Klaviyo property.
Example Mapping
| Form Field | Klaviyo Property |
|---|
| email | email |
| firstname | first_name |
| lastname | last_name |
Step 5 — Result
When a user submits the form, their details will automatically be added as a profile in Klaviyo. You can verify new profiles in your Klaviyo Profiles dashboard.
Next Steps
