Embed-gids
YeetForm insluiten in Shopify
Met de themaeditor van Shopify kun je via een Custom Liquid-sectie ruwe HTML en scripts op elke pagina zetten, genoeg om het embed-script van YeetForm te draaien zonder een app uit de Shopify App Store te installeren. Gebruik het voor een contactformulier, een wachtlijst voor pre-orders, een maatquiz of een retourformulier, overal waar een winkel gestructureerde antwoorden nodig heeft in plaats van alleen een e-mail.
Stappen
Voeg een Custom Liquid-sectie toe
Ga in Shopify Admin naar Online Store > Themes > Customize, open de pagina waar het formulier moet komen, klik op Add section (of Add block, afhankelijk van het template) en kies Custom Liquid.
Plak de snippet
Plak de code hieronder in het Liquid-codeveld. Het onderdeel {{ section.id }} houdt de id van de container uniek als je de sectie ooit twee keer op dezelfde pagina toevoegt.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Sla op en bekijk de preview
Klik op Save en open de pagina in je winkel (niet alleen de preview van de themaeditor) om te bevestigen dat het formulier correct laadt en van formaat verandert.
Tips
- •De embed past zich automatisch aan de content van het formulier aan via een postMessage-listener, dus je hoeft geen vaste hoogte voor de sectie te gokken.
- •Ingesloten formulieren renderen zonder de eigen header van YeetForm, zodat ze aanvoelen als een natuurlijk onderdeel van je Shopify-pagina in plaats van een externe widget.
- •Voeg een verborgen veld toe om context automatisch vast te leggen, geef het mee als queryparameter in de pagina-URL (?utm_source=... of ?field_id=waarde) voor campagne- of productpaginatracking.
Bouw je formulier met AI in seconden
Het gratis abonnement bevat AI-generatie, logica en insluiten.
Bouw je formulier met AI in seconden