> ## 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 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 ⬇️

1. After creating a Typeform Form, press **Publish** from your Typeform Dashboard.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-16_1o6qe7w.png)

2. 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)

3. 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 ⬇️

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

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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-17_11dgh8t.png)

3. 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 ⬇️

1. After creating a Typeform Form, go to **Share** from your Typeform Dashboard.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-18_1j37by6.png)

2. 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 ⬇️

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

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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-20_kmw0qt.png)

3. 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](/en/article/custom-code-element-1igm3qa/)


[Iframe](/en/article/iframe-dj5e36/)