Skip to main content

Connect ConvertKit (Kit) with Framer Forms

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

Step 1 — Get Your Kit API Key

Before connecting Kit to your form, get your API key from your Kit account. This API key allows the Forms Plugin to securely send form submissions to Kit.
Kit account showing the Developer settings page
  1. Login to your Kit account
  2. Navigate to SettingsDeveloper
  3. Copy your API Key
Keep your API key in a secure password manager. Never share it publicly or commit it to a code repository.

Step 2 — Insert Kit Component Into Your Form

Select your form in the Framer canvas and insert the Kit component. The component connects your form to Kit and automatically detects the form fields in your form layout.
Forms Plugin panel in Framer showing the Kit Integrations screen with the Insert Kit Component button

Step 3 — Configure Kit API Settings

After inserting the Kit component, configure the API settings in the component properties panel.
Framer canvas with Kit component selected showing the API Settings modal
  1. Select the Kit Integration component in your form
  2. Open the properties panel on the right side
  3. Paste your Kit API Key

Required Fields

  • API Key — Paste the API key from your Kit account.

Step 4 — Configure Field Mapping

Map your form fields to Kit subscriber attributes. The component automatically detects your form field names. You simply connect each field to the correct Kit attribute.
Framer canvas showing the Mappings modal with form fields mapped to Kit attributes

Example Mapping

Form FieldKit Attribute
emailemail
firstnamefirst_name

Step 5 — Result

When a user submits the form, their details will automatically be added to your Kit subscriber list. You can verify new subscribers in your Kit Subscribers dashboard.
Completed Kit integration on a form with Integration active status

Next Steps