> ## 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). # How to embed a Convertkit form in Dorik # Getting started This article will cover embedding a **ConvertKit Form** into your website. Follow all the instructions below to embed a **ConvertKit Form** into your site. --- # Embedding ConvertKit Form into Dorik You can embed a **ConvertKit Form** into Dorik Classic or CMS site by using the **Custom Code** element. You can use either a **Javascript** or an **HTML** code to embed the **Form** from the **ConverKit**. ## Getting the Embed Code of the ConvertKit Form **Follow the steps below** to learn how to get the embed code of a **ConvertKit Form** — * Once you are in your **ConvertKit dashboard,** go to **Grow** from the top navigation * Click on the **Dropdown arrow** & select **Landing Pages & Forms** * Click on `+Create New` from the lower right corner * Click on `Form` * Choose any **Display Format** of form according to your preference * Select any template by clicking on `Choose` * Click on `Publish` from the upper right corner & a **Pop-up** will appear * From the pop-up, copy the **Javascript code** by clicking on `Copy` * Or copy the **HTML code** by clicking on `Copy` The **Images** below show the whole process being demonstrated visually ⬇️ 1. Once you are in your **ConvertKit dashboard,** go to **Grow** from the top navigation ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4345_yszyw8.png) 2. Click on the Dropdown arrow & select Landing Pages & Forms ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4370_u5nr3g.png) 3. Click on `+ Create New` from the lower right corner ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/forms-convertkit-google-chrome_ouqm3w.png) 4. Click on `Form` ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4411_1e5sc1u.png) 5. Choose any **Display Format** of form according to your preference ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4424_1ab9d5q.png) 6. Select any template by clicking on **Choose** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/inline-convertkit-google-chrom_88jes9.png) 7. Click on **Publish** from the upper right corner ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4480_5sm3y3.png) 8. After pressing Publish, a Pop-up will appear like below: ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4515_18kz8vg.png) 9. Copy the Javascript code by clicking on **Copy** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4585_1ymstu9.png) 10. Or copy the HTML code by clicking on **Copy** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4593_1yb1dpb.png) --- ## Embedding the Code into Your Website in Dorik **Follow the steps below** to learn how to embed the code of **ConvertKit Form** into your site — * In your website builder, add a new section by clicking on `+Add New Section` * Choose a `Custom Section` with a regular row and column * Click on `Add New Element` * Select the `Custom Code` element under `General Elements` * Edit the `Custom Code` Element by clicking on it * From the editor, go to **Custom Code** under General * Paste the **Javascript** **code** of the form that you copied from ConvertKit under the **JAVASCRIPT** field * Or paste the **HTML code** of the form that you copied from ConvertKit under the **HTML** field * Press `Publish` & the **ConvertKit Form** will be embedded into your site * To visit your site, click on the button right next to `Publish` The Images & GIFs below show the whole process being demonstrated visually ⬇️ 1. In your website builder, add a new section by clicking on `+Add New Section` 2. Choose a `Custom Section` with a regular row and column 3. Click on `Add New Element` 4. Select the **Custom Code** element under **General Elements** 5. Edit the **Custom Code** Element by clicking on it ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/ezgifcom-video-to-gif_ii9meq.gif) 6. From the editor, go to **Custom Code** under General 7. Paste the **Javascript** **code** of the form that you copied from ConvertKit under the **JAVASCRIPT** field ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/https-task12dcmssite-dashboard_1770ffb.png) 8. Or paste the HTML code of the form that you copied from ConvertKit under the HTML field ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-5205_1khyjg7.png) 9. Press `Publish` & the ConvertKit Form will be embedded into your site ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-5221_v7paj9.png) 10. To visit your site, click on the button right next to `Publish` ![](https://cdn.cmsfly.com/642a73ac0f59d6004005b54f/ezgif.com-optimize-4-9KYasF.gif) --- --- # Related Article [Custom Code](https://help.dorik.com/en/article/custom-code-element-1igm3qa/) [Add Custom Code](https://help.dorik.com/en/article/add-custom-code-19siwk8/) [ConvertKit - Subscription Form](https://help.dorik.com/en/article/convertkit-integration-subscription-form-cgead3/)