Embed guide
Embed a YeetForm in Shopify
Shopify's theme editor lets you drop raw HTML and script into any page through a Custom Liquid section, which is enough to run YeetForm's embed script without installing an app from the Shopify App Store. Use it for a contact form, a pre-order waitlist, a sizing quiz, or a returns request page — anywhere a store needs to collect structured answers instead of an email.
Steps
Add a Custom Liquid section
In Shopify Admin, go to Online Store > Themes > Customize, open the page where the form belongs, click Add section (or Add block, depending on the template), and choose Custom Liquid.
Paste the snippet
Paste the code below into the Liquid code box. The {{ section.id }} part keeps the container's id unique if you ever add the section twice on one page.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Save and preview
Click Save, then open the page on your storefront (not just the theme editor preview) to confirm the form loads and resizes correctly.
Tips
- •The embed auto-resizes to the form's content via a postMessage listener, so you won't need to guess a fixed height for the section.
- •Embedded forms render without YeetForm's own header, so they read as a native part of your Shopify page rather than an outside widget.
- •Add a hidden field to capture context automatically — pass it as a query param on the page URL (?utm_source=... or ?field_id=value) for campaign or product-page tracking.
Build your form with AI in seconds
Free plan includes AI generation, logic and embedding.
Build your form with AI in seconds