> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](/en/article/subscription-form-ohxxza/)


---

# 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 ⬇️**



1. Expand the **Form Configuration** option from the Subscription Form editor

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1ioubty.png)




2. 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)    
    


    

3. Login to your ConvertKit account and go to **Settings**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_aibdcy.png)




4. From the left panel, scroll down to the **Advanced** option.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1q60q7f.png)




5. Copy the **API key**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-14-at-12_1uk2xas.gif)




6. 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)




7. 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


${youtube}[Testing Convertkit](7E09uf2y7q4?feature=shared)

---

# Setting up ConvertKit

Follow the steps below to set up ConvertKit and start growing your subscribers from your website:



1. 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)




2. 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)




3. Choose **Form**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1i6yy0v.png)




4. Choose any **display format**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_130xosj.png)




5. Choose a **theme**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_9fm75a.png)




6. Select **Publish**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_jpd6mz.png)




7. 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)




8. 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)




9. 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)




10. Select **All Subscribers**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1vm0ti7.png)




11. 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)](/en/article/mailchimp-integration-subscription-form-1t06xhr/)

📌 [GetResponse Integration (Subscription Form)](/en/article/getresponse-integration-subscription-form-15wkm2p/)