Embed guide
Embed a YeetForm in Squarespace
Squarespace's Code Block renders raw HTML and executes scripts directly on the page, so a YeetForm form drops in cleanly next to Squarespace's own content blocks. It's a good fit when you want a form with real logic and AI-assisted building, since Squarespace's native form block only offers basic fields and no conditional branching.
Steps
Add a Code Block
Edit the page, click an insert point, and add a Code Block from the panel (under More in the block menu).
Paste the snippet
Paste the code below into the block, make sure Display Source is turned off so the code renders instead of showing as text, then apply.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Save and view the live page
Squarespace's editor preview sometimes throttles third-party scripts, save your changes and view the published page to confirm the form loads and resizes.
Tips
- •The embedded form resizes itself via a postMessage listener, so there's no need to set a fixed pixel height on the Code Block.
- •The form renders without YeetForm's own header, so it reads as part of your Squarespace page rather than an outside app window.
- •Add a hidden field and prefill it from the page URL (?utm_source=... or ?field_id=value) to track which Squarespace page or campaign sent a response.
Build your form with AI in seconds
Free plan includes AI generation, logic and embedding.
Build your form with AI in seconds