Embed Forms in Elementor

Guides for embedding Typeform, HubSpot, JotForm, Calendly, and more in Elementor using the Custom iFrame WordPress plugin. No coding required.

Overview

Custom iFrame lets you embed forms and scheduling tools in Elementor from Typeform, HubSpot, JotForm, Calendly, and more. Paste any form URL into the widget. No API keys, no shortcodes, no coding required.

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

Using Gutenberg instead? Follow the Embed Forms in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A shareable URL from your form or scheduling platform

How to Embed a Form in Elementor

All form platforms follow the same three-step process.

Step 1: Get the Form Link

Open your form platform

Go to the platform where your form lives: Typeform, HubSpot, JotForm, Calendly, or any other supported source.

Copy the share or embed link

Use the platform's share or publish option to get a public URL. Copy it to your clipboard.

Each platform guide below shows exactly which link to copy.

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 editor

Step 3: Paste the URL and Publish

Paste the form URL

In the Content tab, paste the URL into the Source URL field. The form loads in the editor.

Set height and publish

Set Height to show the full form. Taller forms need 700px or more. Click Update or Publish.

Click Update or Publish. Your form is now live and collecting responses on your WordPress site.

Supported Form Platforms

Select your platform for a step-by-step embed guide.

Embed Typeform in Elementor

Add surveys, quizzes, and lead forms from Typeform.

Embed HubSpot Form in Elementor

Capture leads with HubSpot forms connected to your CRM.

Embed JotForm in Elementor

Add contact forms, surveys, and payment forms from JotForm.

Embed Calendly in Elementor

Let visitors book meetings directly on your page via Calendly.

Also in Gutenberg

All form platforms are also supported in the WordPress block editor.

See Embed Forms in Gutenberg for all Gutenberg guides.

Was this page helpful?

Last updated today

Built with Documentation.AI