Embed guide
Embed a YeetForm in WordPress
WordPress's block editor ships with a Custom HTML block that runs script tags on the live page, so you can embed a YeetForm form without installing a forms plugin or paying for one. It works the same in a page, a post, or most page builders that support raw HTML blocks, and the form keeps working even if you later switch themes.
Steps
Add a Custom HTML block
In the block editor, click the + inserter, search for Custom HTML, and add it where the form should appear. You can also type /html and press Enter.
Paste the snippet
Paste the code below into the block. It loads the YeetForm script and renders your form with automatic resizing.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Preview and publish
Use the Preview button to confirm the form renders (the block editor's canvas sometimes doesn't run scripts live), then publish or update the page.
Tips
- •The form auto-resizes via a postMessage listener, so you don't need to set a fixed height on the block or its surrounding container.
- •Embedded forms render without YeetForm's own header and background, so they sit naturally inside your WordPress page content.
- •Add a hidden field and prefill it from the page URL (?utm_source=... or ?field_id=value) to tag which post or campaign a submission came from.
Build your form with AI in seconds
Free plan includes AI generation, logic and embedding.
Build your form with AI in seconds