Embed Typeform in Elementor

Step-by-step guide to embed Typeform in Elementor using the Custom iFrame WordPress plugin. Add surveys and quizzes to your site. No coding required.

Overview

Custom iFrame lets you embed Typeform in Elementor by pasting any Typeform share link into the widget. Display interactive surveys, quizzes, and forms directly on your WordPress page without any coding.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Want to embed a different form tool? See the Embed Forms in Elementor overview.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A Typeform account with a published form

Step 1: Get Your Typeform Link

Open your Typeform workspace

Copy the form link

Click the three-dot menu on the form you want to embed. Click Copy link.

Open your page in Elementor

Go to the page where you want the form. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the Elementor editor

Step 3: Embed Typeform in Elementor

Paste the Typeform URL

In the Content tab, paste your Typeform URL into the Source URL field. The form appears in the editor.

Custom iFrame widget in Elementor editor showing Typeform URL in Source URL field with live Typeform survey preview

Set the height

Set Height to at least 500px. Taller forms with multiple questions work well at 600px to 800px.

Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the Style Custom iFrame guide. Adjust dimensions, backgrounds, borders, and more.

Step 5: Save and Publish

Click Update or Publish. Your Typeform is now live on your WordPress site.

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the Set Up Custom iFrame in Elementor guide for all widget options.

This guide showed you how to embed Typeform in Elementor using the Custom iFrame plugin. From copying the form link to pasting the URL and publishing, the whole setup runs through the Elementor editor without any code.

FAQ

No. Typeform's free plan supports embedding. Copy the share link from your workspace and paste it into the Source URL field.

Confirm the form is published in Typeform. Drafts and unpublished forms do not load. See iFrame Not Showing for more help.

Set height to at least 500px for a short form. Multi-question forms work well at 600px to 800px. Enable Auto Height to let the iFrame resize as the form progresses.

Yes. Custom iFrame supports HubSpot, JotForm, Calendly, and more. See the Embed Forms in Elementor overview for all supported form tools.

Also Available For

Embed HubSpot Form in Elementor

Embed HubSpot forms in Elementor.

Embed JotForm in Elementor

Embed JotForm forms in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI