Embed-gids
YeetForm insluiten in Framer
Het Embed-component van Framer voert ruwe HTML en JavaScript uit op een pagina, en dat is alles wat de YeetForm SDK nodig heeft om een live formulier te renderen. Plak de snippet met automatische formaataanpassing, maak het component even groot als zijn container en publiceer: het formulier laadt met zijn eigen lay-out en groeit of krimpt automatisch mee met de content, zonder dat je een vaste hoogte hoeft te gokken.
Stappen
Voeg een Embed-component toe
Open op het Framer-canvas Insert (het +-icoon), ga naar Code en kies Embed. Zet het op de pagina waar het formulier moet komen.
Plak de HTML
Open de instellingen van het Embed-component en plak de snippet hieronder in het HTML-veld. Deze laadt de SDK en rendert het 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>Stel de grootte in en publiceer
Zet de breedte van het component op Fill of een vaste waarde en de hoogte op Auto of Fit content, publiceer daarna de site, embeds renderen pas live na publicatie, niet altijd in de canvaspreview.
Tips
- •Automatische formaataanpassing komt van YeetForm.embed(), dat luistert naar een hoogtebericht van de formulier-iframe, zet de componenthoogte op Auto zodat het niet wordt afgesneden.
- •Het ingesloten formulier laat de eigen header en achtergrond van YeetForm weg, zodat het aanvoelt als onderdeel van je Framer-pagina in plaats van een losse widget.
- •Voeg een verborgen veld toe aan het formulier en vul het vooraf in vanuit de URL (?utm_source=... of ?field_id=waarde) om te volgen van welke Framer-pagina of campagne een antwoord kwam.
Bouw je formulier met AI in seconden
Het gratis abonnement bevat AI-generatie, logica en insluiten.
Bouw je formulier met AI in seconden