How to embed Typeform on Dorik?
Getting Started
In this documentation, you will learn the process required to integrate a Typeform Form into your website using Custom Code & Iframe element. Follow all the instructions below accordingly to know the details.
Integrating Typeform Form using Custom Code
To learn how to integrate a Typeform form in Dorik using the Custom Code element, follow all the steps below:
Get the Embed Code from Typeform
- Once you created your preferable form inside the Typeform
- Press Publish from your Typeform Dashboard
- Select any option according to the way you want to visualize your form on your site
- Click on </>Start Embedding
- Copy the Code
The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️
After creating a Typeform Form, press Publish from your Typeform Dashboard.

Select any option according to the way you want to visualize your form on your site.

Click on </>Start Embedding & Copy the Code

Paste the provided Code into Custom Code
- In your website builder, add a Custom Code element where you want to integrate the form
- Click on `Edit Element`
- Paste the Code under the HTML field
- Press `Save` & `Publish`
- To see the result, visit your site by pressing the button right next to **Publish**
The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️
In your website builder, add a Custom Code element where you want to integrate the form

Click on Edit Element & paste the Code under the HTML field

To see the result, Save, Publish & Visit your Site

Integrating Typeform Form using Iframe
To learn how to integrate a Typeform form in Dorik using the Iframe element, follow all the steps below:
Get the Iframe URL from Typeform
- Once you created your preferable form inside the Typeform
- Go to Share from your Typeform Dashboard
- Copy the link
The Screenshots below show the whole process being demonstrated visually ⬇️
After creating a Typeform Form, go to Share from your Typeform Dashboard.

Copy the Link

Paste the provided URL into Iframe
- In your website builder, add an Iframe element where you want to integrate the form
- Click on `Edit Element`
- Paste the provided link under Iframe URL
- Press `Save` & `Publish`
- To see the result, visit your site by pressing the button right next to **Publish**
The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️
In your website builder, add an Iframe element where you want to integrate the form

Click on Edit Element & paste the link under the Iframe URL field

To see the result, Save, Publish & Visit your Site

Related Articles
Custom Code Element
Iframe
Updated on: 26/07/2023
Thank you!