Formular auf der eigenen Webseite einbinden

Wofür

Familien füllen Ihr Formular direkt auf Ihrer Webseite aus. Sie kopieren dazu einen kurzen Code und fügen ihn in Ihre Webseite ein.

Für wen

Diese Funktion steht allen Partnern zur Verfügung.

Voraussetzung

Das Formular ist veröffentlicht (siehe „Ein Formular anlegen“). Nur veröffentlichte Formulare haben einen Einbettungs-Code.

Schritt für Schritt

1. Öffnen Sie den Einbettungs-Code, auf einem von zwei Wegen:
   • im Menü Widget stehen alle Ihre veröffentlichten Formulare, jedes mit eigenem Code, oder
   • im Formular-Editor in den Formular-Einstellungen rechts unter Einbetten (auf einer Webseite).
2. Wählen Sie die Art der Einbindung:
   • Pop-up (Script): Auf Ihrer Webseite erscheint eine Schaltfläche Bestattung beauftragen. Ein Klick darauf öffnet das Formular in einem Fenster über der Seite, das sich mit ✕ schließen lässt.
   • Inline (iframe): Das Formular steht direkt in Ihrer Seite. Es passt seine Höhe automatisch an.
3. Mit Vorschau ↗ sehen Sie das Formular so, wie es eingebettet aussieht.
4. Klicken Sie auf Code kopieren. Die Schaltfläche zeigt kurz Kopiert ✓.
5. Fügen Sie den Code in Ihre Webseite an der Stelle ein, an der das Formular oder die Schaltfläche erscheinen soll. In Baukästen für Webseiten heißt der passende Baustein meist „HTML“, „Code“ oder „Einbetten“.

Tipps zur Variante Pop-up

• Fügen Sie den Code unverändert ein, ohne async oder defer zu ergänzen.
• Die Schaltfläche übernimmt die Akzentfarbe aus dem Code. Ändern Sie Ihre Akzentfarbe unter Darstellung, kopieren Sie den Code aus Widget neu.
• Die Beschriftung der Schaltfläche lautet standardmäßig Bestattung beauftragen. Für eine andere Beschriftung ergänzen Sie im Code data-label="Ihr Text", zum Beispiel data-label="Vorsorge anfragen".

Was danach passiert

• Auf Ihrer Webseite erscheint immer die aktuell veröffentlichte Version des Formulars. Nach Änderungen und erneutem Veröffentlichen müssen Sie den Code nicht neu einfügen.
• Einsendungen über Ihre Webseite erscheinen unter Einsendungen.

Wenn es nicht klappt

Auf der Webseite ist nichts zu sehen. Prüfen Sie, ob das Formular veröffentlicht ist und ob Sie den Code vollständig eingefügt haben. Manche Baukästen entfernen <script>-Code. Nutzen Sie dann die Variante Inline (iframe) oder einen Baustein, der Code zulässt.

Die Pop-up-Schaltfläche öffnet nichts. Entfernen Sie async oder defer, falls Ihr Baukasten es ergänzt hat, und fügen Sie den Code erneut ein.

Die Schaltfläche hat die falsche Farbe. Kopieren Sie den Code aus Widget neu, nachdem Sie die Akzentfarbe geändert haben.

Unter Widget steht „Ihr Buchungsformular wird von YANA für Sie eingerichtet — Ihr Einbettungs-Code erscheint hier, sobald es bereit ist.“ Sie haben noch kein veröffentlichtes Formular. Veröffentlichen Sie ein eigenes Formular, oder warten Sie, bis YANA Ihr Buchungsformular eingerichtet hat.

Das Formular ist plötzlich verschwunden. Vermutlich wurde es unter Formulare mit Unveröffentlichen offline genommen. Veröffentlichen Sie es erneut.

Stand: 16.09.2026