Einbettungsanleitung
YeetForm in WordPress einbetten
WordPress' Block-Editor bringt einen Custom-HTML-Block mit, der Skript-Tags auf der Live-Seite ausführt, sodass Sie ein YeetForm-Formular einbetten können, ohne ein Formular-Plugin zu installieren oder zu bezahlen. Es funktioniert gleich in einer Seite, einem Beitrag oder den meisten Page-Buildern, die rohe HTML-Blöcke unterstützen, und das Formular funktioniert weiter, auch wenn Sie später das Theme wechseln.
Schritte
Custom-HTML-Block hinzufügen
Klicken Sie im Block-Editor auf das +-Symbol, suchen Sie nach Custom HTML und fügen Sie es dort ein, wo das Formular erscheinen soll. Sie können auch /html tippen und Enter drücken.
Snippet einfügen
Fügen Sie den Code unten in den Block ein. Er lädt das YeetForm-Skript und rendert Ihr 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>Vorschau prüfen und veröffentlichen
Nutzen Sie die Vorschau-Schaltfläche, um das Rendern des Formulars zu bestätigen (der Canvas des Block-Editors führt Skripte manchmal nicht live aus), dann veröffentlichen oder aktualisieren Sie die Seite.
Tipps
- •Das Formular passt sich per postMessage-Listener automatisch an, Sie müssen also keine feste Höhe für den Block oder seinen Container setzen.
- •Eingebettete Formulare rendern ohne YeetForms eigene Kopfzeile und Hintergrund, fügen sich also natürlich in den Inhalt Ihrer WordPress-Seite ein.
- •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 kennzeichnen, aus welchem Beitrag oder welcher Kampagne eine Einsendung kam.
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