Einbettungsanleitung
YeetForm in Framer einbetten
Framers Embed-Komponente führt rohes HTML und JavaScript innerhalb einer Seite aus — genau das, was das YeetForm-SDK zum Rendern eines Live-Formulars braucht. Fügen Sie das automatisch skalierende Snippet ein, skalieren Sie die Komponente auf ihren Container und veröffentlichen Sie: Das Formular lädt mit eigenem Layout und passt sich automatisch an seinen Inhalt an, ganz ohne feste Höhe zu raten.
Schritte
Embed-Komponente einfügen
Öffnen Sie im Framer-Canvas Insert (das +-Symbol), gehen Sie zu Code und wählen Sie Embed. Platzieren Sie sie auf der Seite, wo das Formular erscheinen soll.
HTML einfügen
Öffnen Sie die Einstellungen der Embed-Komponente und fügen Sie das Snippet unten in das HTML-Feld ein. Es lädt das SDK und rendert das Formular mit automatischer Größenanpassung.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Größe festlegen und veröffentlichen
Setzen Sie die Breite der Komponente auf Fill oder einen festen Wert und die Höhe auf Auto oder Fit content, dann veröffentlichen Sie die Site — Embeds rendern live erst nach der Veröffentlichung, nicht immer in der Canvas-Vorschau.
Tipps
- •Die automatische Größenanpassung kommt von YeetForm.embed(), das auf eine Höhen-Nachricht vom Formular-iframe wartet — setzen Sie die Komponentenhöhe auf Auto, damit nichts abgeschnitten wird.
- •Das eingebettete Formular verzichtet auf YeetForms eigene Kopfzeile und Hintergrund, wirkt also wie Teil Ihrer Framer-Seite statt wie ein separates Widget.
- •Fügen Sie dem Formular ein verstecktes Feld hinzu und füllen Sie es aus der URL vor (?utm_source=... oder ?field_id=wert), um zu erfassen, welche Framer-Seite oder Kampagne 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