Einbettungsanleitung
YeetForm in Squarespace einbetten
Squarespaces Code-Block rendert rohes HTML und führt Skripte direkt auf der Seite aus, sodass sich ein YeetForm-Formular sauber neben Squarespaces eigenen Inhaltsblöcken einfügt. Das passt gut, wenn Sie ein Formular mit echter Logik und KI-gestützter Erstellung wollen, denn Squarespaces eigener Formularblock bietet nur Basisfelder und keine bedingte Verzweigung.
Schritte
Code-Block hinzufügen
Bearbeiten Sie die Seite, klicken Sie auf eine Einfügestelle und fügen Sie im Panel einen Code-Block hinzu (unter More im Blockmenü).
Snippet einfügen
Fügen Sie den Code unten in den Block ein, stellen Sie sicher, dass Display Source deaktiviert ist, damit der Code gerendert statt als Text angezeigt wird, und übernehmen Sie.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Speichern und Live-Seite prüfen
Squarespaces Editor-Vorschau drosselt manchmal Drittanbieter-Skripte — speichern Sie Ihre Änderungen und prüfen Sie die veröffentlichte Seite, um Laden und Größenanpassung zu bestätigen.
Tipps
- •Das eingebettete Formular passt seine Größe per postMessage-Listener automatisch an, eine feste Pixelhöhe für den Code-Block ist nicht nötig.
- •Das Formular rendert ohne YeetForms eigene Kopfzeile, wirkt also wie Teil Ihrer Squarespace-Seite statt wie ein externes App-Fenster.
- •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 Squarespace-Seite oder Kampagne eine 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