Articles on: Integrations

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





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





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





  1. Click on Form





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




  1. Select any template by clicking on Choose





  1. Click on Publish from the upper right corner





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





  1. Copy the Javascript code by clicking on Copy




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




  1. From the editor, go to Custom Code under General
  2. Paste the Javascript code of the form that you copied from ConvertKit under the JAVASCRIPT field




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




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





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

Was this article helpful?

Share your feedback

Cancel

Thank you!