Embed guide
Embed a YeetForm in Webflow
Webflow's Embed element runs custom code inside the published site, which is exactly what YeetForm's JS SDK needs. Drop in the auto-resizing embed snippet and the form appears inline, sized to its own content, styled to match your page as closely as YeetForm's theme allows. It works with any Webflow plan, since Embed elements aren't gated behind a paid tier.
Steps
Add an Embed element
In the Webflow Designer, open the Add panel (A), find Embed under Components, and drag it onto the page where the form should appear.
Paste the embed code
Double-click the Embed element and paste the SDK snippet below. It loads the YeetForm script, then renders your form into the div with auto-resizing.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Publish the site
Custom code inside Embed elements only runs on the published site, not in the Designer canvas — publish and check the live page to see the form load.
Tips
- •The embed auto-resizes: YeetForm.embed() listens for a postMessage from the form and adjusts the iframe height, so you don't need to hardcode one.
- •Embedded forms use a compact, chrome-free layout (no YeetForm header) so they sit naturally inside your Webflow section instead of looking like a separate app.
- •Add a hidden field and prefill it from the page URL (?utm_source=... or ?field_id=value) to capture which campaign or page sent the response.
Build your form with AI in seconds
Free plan includes AI generation, logic and embedding.
Build your form with AI in seconds