Embed-gids
YeetForm insluiten in Squarespace
De Code Block van Squarespace rendert ruwe HTML en voert scripts direct op de pagina uit, zodat een YeetForm-formulier netjes naast de eigen contentblokken van Squarespace past. Dit is een goede keuze als je een formulier wilt met echte logica en AI-ondersteunde opbouw, want het eigen formulierblok van Squarespace biedt alleen basisvelden en geen voorwaardelijke vertakking.
Stappen
Voeg een Code Block toe
Bewerk de pagina, klik op een invoegpunt en voeg vanuit het paneel een Code Block toe (onder More in het blokmenu).
Plak de snippet
Plak de code hieronder in het blok, zorg dat Display Source uitstaat zodat de code rendert in plaats van als tekst te tonen, en pas toe.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Sla op en bekijk de live pagina
De editorpreview van Squarespace beperkt soms scripts van derden, sla je wijzigingen op en bekijk de gepubliceerde pagina om te bevestigen dat het formulier laadt en van formaat verandert.
Tips
- •Het ingesloten formulier past zijn formaat automatisch aan via een postMessage-listener, dus je hoeft geen vaste pixelhoogte in te stellen voor de Code Block.
- •Het formulier rendert zonder de eigen header van YeetForm, zodat het aanvoelt als onderdeel van je Squarespace-pagina in plaats van een extern app-venster.
- •Voeg een verborgen veld toe en vul het vooraf in vanuit de pagina-URL (?utm_source=... of ?field_id=waarde) om te volgen welke Squarespace-pagina of campagne 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