Embed guide
Embed a YeetForm in Ghost
Ghost's editor includes an HTML card that runs script tags on the published post or page, so a YeetForm form drops straight into your newsletter signup flow, a reader survey, or a paid-content application form. It works identically on self-hosted Ghost and Ghost(Pro), since the HTML card is a core editor feature, not a theme or hosting add-on.
Steps
Add an HTML card
In the Ghost editor, type /html and press Enter, or click the + button on a new line and choose HTML from the card menu.
Paste the snippet
Paste the code below into the card. 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 Ghost's preview to check the form appears correctly, then publish or update the post — members-only posts work the same way as public ones.
Tips
- •The form auto-resizes via a postMessage listener, so there's no need to guess a fixed height for the HTML card.
- •Embedded forms render without YeetForm's own header, so they read as part of your Ghost post rather than an embedded widget.
- •Add a hidden field and prefill it from the post URL (?utm_source=... or ?field_id=value) to see which newsletter issue or post drove a submission.
Build your form with AI in seconds
Free plan includes AI generation, logic and embedding.
Build your form with AI in seconds