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

2. Click on the Dropdown arrow & select Landing Pages & Forms

3. Click on + Create New from the lower right corner

4. Click on Form

5. Choose any Display Format of form according to your preference

6. Select any template by clicking on Choose

7. Click on Publish from the upper right corner

8. After pressing Publish, a Pop-up will appear like below:

9. Copy the Javascript code by clicking on Copy

10. Or copy the HTML code by clicking on Copy

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

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

8. Or paste the HTML code of the form that you copied from ConvertKit under the HTML field

9. Press Publish & the ConvertKit Form will be embedded into your site

10. To visit your site, click on the button right next to Publish

Related Article

Custom Code

Add Custom Code

ConvertKit - Subscription Form

Updated on: 22/08/2023