ConvertKit Integration (Subscription Form)
Getting Started
This article will cover integrating ConvertKit into a subscription form on your website. Follow all the instructions accordingly to integrate ConvertKit into your subscription form.
Adding a Subscription Form
Follow the below steps to add a Subscription form:
- Click + Add New Section and select a Container.
- Click on the + button labeled with Add Element or Container.
- Then, select Subscription Form from the Elements tab.
Refer to the GIF below:
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-10_vvcux3.gif)
For more details, refer to the below documentation:
📌 Subscription Form
Integrating ConvertKit
To integrate ConvertKit to your subscription form, follow the steps given below:
- After you add the Subscription Form, click on Edit Element
- Expand the Form Configuration option
- Choose ConvertKit from the Services option
- Login to your ConvertKit account
- Go to Settings
- Go to Advanced
- Copy the API key
- Go to your website builder and click on Add New API Key on the Subscription Form element editor.
- Paste your API key
- Select the Key from the options
- Done! ConvertKit has been integrated with your subscription form.
The Images below show the whole process being demonstrated visually ⬇️
Expand the Form Configuration option from the Subscription Form editor
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1ioubty.png)
From the Configuration Type, stick to the API tab and choose ConverKit from the Services option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_11aaqcz.png)
Login to your ConvertKit account and go to Settings
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_aibdcy.png)
From the left panel, scroll down to the Advanced option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1q60q7f.png)
Copy the API key
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-14-at-12_1uk2xas.gif)
Return to your website builder, open the Subscription Form element editor and click Add New API Key. Enter a name for the API key, paste the copied key into the field, and then press Save. Then select the Key.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-32_a8akpg.gif)
Choose your Convertkit Subscription List from the option below and publish your site to check it live.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_15f1t6d.png)
Testing
💡 If you want to get the last name of a subscriber, make sure you enable the 'Last Name' field on your builder, and add a field with the name 'LAST NAME' in ConvertKit
Setting up ConvertKit
Follow the steps below to set up ConvertKit and start growing your subscribers from your website:
Expand the Grow option from your account settings in ConvertKit. Select the Landing Pages and Forms option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1m44udd.png)
On this page, click + Create New on the top-right side of the site.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_17j36qo.png)
Choose Form
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1i6yy0v.png)
Choose any display format
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_130xosj.png)
Choose a theme
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_9fm75a.png)
Select Publish
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_jpd6mz.png)
In the Subscription Form element on your site, navigate to the Subscription List option and select your desired list.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1mgy5s8.png)
To test this, publish your site and visit it externally, and input any email address on the Subscription Form.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1opm4lz.png)
To check if it worked, go to ConvertKit and expand the Grow option again.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1xbwhx3.png)
Select All Subscribers
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1vm0ti7.png)
You will find the email you had input in step 8 added to your subscription list.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1csm6yn.png)
Related articles
📌 Mailchimp Integration (Subscription Form)
📌 GetResponse Integration (Subscription Form)
Updated on: 03/07/2024
Thank you!