Embed-gids
YeetForm insluiten in Webflow
Het Embed-element van Webflow voert aangepaste code uit op de gepubliceerde site, en dat is precies wat de JS SDK van YeetForm nodig heeft. Plak de snippet met automatische formaataanpassing en het formulier verschijnt inline, aangepast aan de eigen content, gestyled om zo goed mogelijk bij je pagina te passen binnen wat het thema van YeetForm toelaat. Het werkt met elk Webflow-abonnement, want Embed-elementen zitten niet achter een betaald abonnement.
Stappen
Voeg een Embed-element toe
Open in de Webflow Designer het Add-paneel (A), zoek Embed onder Components en sleep het naar de pagina waar het formulier moet komen.
Plak de embed-code
Dubbelklik op het Embed-element en plak de SDK-snippet hieronder. Deze laadt het YeetForm-script en rendert je formulier met automatische formaataanpassing.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Publiceer de site
Aangepaste code binnen Embed-elementen draait alleen op de gepubliceerde site, niet op het canvas van de Designer, publiceer en controleer de live pagina om het formulier te zien laden.
Tips
- •De embed past zich automatisch aan: YeetForm.embed() luistert naar een postMessage van het formulier en past de iframe-hoogte aan, dus je hoeft er zelf geen vast te zetten.
- •Ingesloten formulieren gebruiken een compacte lay-out zonder chrome (geen YeetForm-header), zodat ze natuurlijk opgaan in je Webflow-sectie in plaats van op een losse app te lijken.
- •Voeg een verborgen veld toe en vul het vooraf in vanuit de pagina-URL (?utm_source=... of ?field_id=waarde) om vast te leggen welke campagne of pagina een antwoord opleverde.
Bouw je formulier met AI in seconden
Het gratis abonnement bevat AI-generatie, logica en insluiten.
Bouw je formulier met AI in seconden