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