Einbettungsanleitung
YeetForm in Ghost einbetten
Ghosts Editor enthält eine HTML-Karte, die Skript-Tags im veröffentlichten Beitrag oder auf der Seite ausführt, sodass ein YeetForm-Formular direkt in Ihren Newsletter-Anmeldeprozess, eine Leserumfrage oder ein Antragsformular für kostenpflichtige Inhalte passt. Es funktioniert identisch bei selbst gehostetem Ghost und Ghost(Pro), da die HTML-Karte eine Kernfunktion des Editors ist, kein Theme- oder Hosting-Zusatz.
Schritte
HTML-Karte hinzufügen
Tippen Sie im Ghost-Editor /html und drücken Sie Enter, oder klicken Sie in einer neuen Zeile auf die +-Schaltfläche und wählen Sie HTML aus dem Kartenmenü.
Snippet einfügen
Fügen Sie den Code unten in die Karte 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 Ghosts Vorschau, um zu prüfen, ob das Formular korrekt erscheint, dann veröffentlichen oder aktualisieren Sie den Beitrag — Mitglieder-Beiträge funktionieren genauso wie öffentliche.
Tipps
- •Das Formular passt sich per postMessage-Listener automatisch an, eine feste Höhe für die HTML-Karte müssen Sie also nicht raten.
- •Eingebettete Formulare rendern ohne YeetForms eigene Kopfzeile, wirken also wie Teil Ihres Ghost-Beitrags statt wie ein eingebettetes Widget.
- •Fügen Sie ein verstecktes Feld hinzu und füllen Sie es aus der Beitrags-URL vor (?utm_source=... oder ?field_id=wert), um zu sehen, welche Newsletter-Ausgabe oder welcher Beitrag eine Einsendung 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