Demo · Eingebettet

Direkt in der Seite

Die Buchung wird mitten in deinen Inhalt eingebettet – ideal für eine eigene Seite „Termin buchen“. Ab 1200 px Bildschirmbreite (Standard, änderbar mit inlineMinWidth) siehst du sie unten eingebettet, auf kleineren Bildschirmen öffnet ein Button sie im Vollbild.

So baust du es ein

1. Platzhalter anlegen

Leg ein leeres <div> an die Stelle, an der die Buchung erscheinen soll.

2. Snippet einfügen

Das Snippet wie gewohnt vor </body> einfügen – der schwebende Button entfällt dann.

Die Höhe passt sich automatisch dem Inhalt an
Der Platzhalter muss beim Laden des Scripts schon auf der Seite stehen
Eigener Selektor statt data-oddc-bookings-embed? Mit customInlineDivSelector
Zusätzlich eigene Buttons auf der Seite? Die öffnen die eingebettete Buchung im Vollbild
Am besten nur einen Platzhalter pro Seite: Jeder lädt die Buchung einzeln, eigene Buttons öffnen den ersten

Passende Einstellungen

Schlüssel	Typ	Standard	Beschreibung
`customInlineDivSelector`	string	`'[data-oddc-bookings-embed]'`	CSS-Selektor für Elemente, in die die Buchung eingebettet wird. Gibt es passende Elemente, entfällt der schwebende Button.
`inlineMinWidth`	number	`1200`	Mindestbreite des Bildschirms (px) für die eingebettete Buchung – darunter öffnet ein Button sie im Vollbild.

Eine Übersicht aller Einstellungen findest du auf der Seite Standard.

Direkt in der Seite

So baust du es ein

1. Platzhalter anlegen

2. Snippet einfügen

Passende Einstellungen

Beispiel: