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