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.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-16_1o6qe7w.png)
Select any option according to the way you want to visualize your form on your site.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-04-17-at-11_1e92chk.gif)
Click on </>Start Embedding & Copy the Code
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-04-17-at-11_16stuhh.gif)
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
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm2-2_1h3fib7.gif)
Click on Edit Element & paste the Code under the HTML field
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-17_11dgh8t.png)
To see the result, Save, Publish & Visit your Site
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm3-1_dbtkjj.gif)
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.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-18_1j37by6.png)
Copy the Link
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-19_1ekeozy.png)
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
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm4-1_r7a3gf.gif)
Click on Edit Element & paste the link under the Iframe URL field
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-20_kmw0qt.png)
To see the result, Save, Publish & Visit your Site
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm5-1_pwru6z.gif)
Related Articles
Custom Code Element
Iframe
Updated on: 26/07/2023
Thank you!