Einbettungsanleitung
YeetForm in Webflow einbetten
Webflows Embed-Element führt eigenen Code auf der veröffentlichten Website aus — genau das, was YeetForms JS-SDK braucht. Fügen Sie das automatisch skalierende Embed-Snippet ein, und das Formular erscheint inline, passend zu seinem eigenen Inhalt, im Stil Ihrer Seite, soweit es YeetForms Theme zulässt. Funktioniert mit jedem Webflow-Tarif, da Embed-Elemente nicht hinter einem kostenpflichtigen Tarif liegen.
Schritte
Embed-Element hinzufügen
Öffnen Sie im Webflow Designer das Add-Panel (A), finden Sie Embed unter Components und ziehen Sie es auf die Seite, wo das Formular erscheinen soll.
Einbettungscode einfügen
Doppelklicken Sie auf das Embed-Element und fügen Sie das SDK-Snippet unten ein. Es lädt das YeetForm-Skript und rendert Ihr Formular mit automatischer Größenanpassung in das div.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Website veröffentlichen
Eigener Code in Embed-Elementen läuft nur auf der veröffentlichten Website, nicht im Designer-Canvas — veröffentlichen Sie und prüfen Sie die Live-Seite, um das geladene Formular zu sehen.
Tipps
- •Die Einbettung passt sich automatisch an: YeetForm.embed() lauscht auf eine postMessage vom Formular und passt die iframe-Höhe an, keine feste Höhe nötig.
- •Eingebettete Formulare nutzen ein kompaktes, rahmenloses Layout (ohne YeetForm-Kopfzeile), damit sie sich natürlich in Ihren Webflow-Bereich einfügen statt wie eine separate App zu wirken.
- •Fügen Sie ein verstecktes Feld hinzu und füllen Sie es aus der Seiten-URL vor (?utm_source=... oder ?field_id=wert), um zu erfassen, welche Kampagne oder Seite die Antwort brachte.
Erstellen Sie Ihr Formular in Sekunden per KI
Der kostenlose Tarif enthält KI-Erstellung, Logik und Einbettung.
Erstellen Sie Ihr Formular in Sekunden per KI