Embedding a Typeform in Elementor should be a copy-paste job, and usually it is, right up until the form renders as an empty white gap. I hit this on a client build and the cause is simple: the height. Here is how to embed a Typeform in Elementor with no extra plugin, and why the default embed sometimes shows nothing.
Why the default embed shows an empty space
Typeform's share panel gives you an embed snippet where the widget is set to height:100%. That works when the parent element has its own height, but inside an Elementor HTML widget the container often collapses to zero, so 100% of nothing is nothing. You get an empty gap and assume you need a plugin. You do not.
The fix: give the widget a real height
Drop an HTML widget onto your page and paste this, swapping in your own form ID. The only meaningful change from Typeform's version is a fixed pixel height instead of 100%:
<div data-tf-widget="YOUR_FORM_ID" data-tf-opacity="100" style="width:100%;height:600px;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>That renders the form inline, full width, no plugin required. Adjust the 600px to suit the form length.
Prefer a popup button?
If you would rather show a button that opens the form in a popup, the same script supports it with a few data attributes:
<div data-tf-popup="YOUR_FORM_ID" data-tf-opacity="100" data-tf-button-color="#0445AF" data-tf-button-text="Launch me"></div>
<script src="//embed.typeform.com/next/embed.js"></script>Finding your form ID
Open your form, click View, and copy the last segment of the URL: the short code after the final slash, before any question mark. That is the ID you paste into data-tf-widget or data-tf-popup.
This saves you installing a whole addon plugin just to show one form, which keeps the site lighter. If you are wiring up forms and want the submissions to land somewhere useful rather than an inbox that gets lost, that is worth a conversation.