Widget einbinden und Branding

Der Buchungs-Widget ist das Herzstück deiner Online-Buchung — Kunden buchen direkt auf deiner Website, ohne sie zu verlassen. In dieser Anleitung baust du den Widget ein und passt sein Aussehen an dein Branding an.

Embed-Code in deine Website einbauen

Unter Einstellungen → Widget findest du den Embed-Code (HTML-Snippet). Kopiere ihn vollständig und füge ihn an der Stelle deiner Website ein, an der der Widget erscheinen soll.

Tipps für gängige Website-Baukästen:

• WordPress — Block „Eigenes HTML" einfügen und Code dort hineinkopieren
• Wix — Element „Embed-Code" / „HTML-Code" verwenden
• Squarespace — Block „Code" einfügen
• Webflow — Element „Embed" einfügen

Direktlink statt Einbettung

Wenn du keine eigene Website hast oder den Widget z. B. per Instagram, WhatsApp oder QR-Code teilen willst, nimm den Direktlink. Er führt direkt zur Buchungsseite — fertig.

Theme wählen (hell oder dunkel)

Das Theme bestimmt den Grundton des Widgets — hell oder dunkel. Wähle den Modus, der zu deiner Website passt. Die Live-Vorschau auf der rechten Seite zeigt dir das Ergebnis sofort.

Primärfarbe und weitere Farben

Die Primärfarbe wird für Buttons, ausgewählte Felder und Akzente verwendet. Stell sie auf den Hauptfarbton deiner Marke ein — der Widget wirkt damit sofort wie ein Teil deiner Website.

Optional kannst du zusätzlich anpassen:

• Hintergrund — Grundfläche hinter dem Widget
• Text — Hauptfarbe der Schrift
• Karte — Hintergrund der einzelnen Buchungs-Karten

Schrift und Border Radius

Im Feld „Schrift" wählst du aus einer vorhandenen Liste die Schriftart, die zur Tonalität deiner Marke passt — z. B. eine moderne Sans-Serif oder eine elegante Serif.

Der Border Radius (in Pixeln) bestimmt, wie rund die Ecken von Buttons und Karten sind. 0 = scharfe Kanten, 8–12 = sanft abgerundet, 20+ = stark abgerundet.

OG-Bild für geteilte Links

Wenn jemand deinen Buchungs-Link auf WhatsApp, Facebook, LinkedIn oder per E-Mail teilt, erscheint dort eine Vorschau. Das OG-Bild ist genau diese Vorschau-Grafik.

Empfohlene Größe: 1200 × 630 Pixel. Idealerweise mit deinem Logo und ggf. dem Namen — damit Empfänger sofort sehen, von wem der Link kommt.

Live-Vorschau nutzen

Auf der rechten Seite siehst du jederzeit eine Vorschau des Widgets mit deinen aktuellen Einstellungen. Änderungen werden sofort dargestellt — gespeichert wird erst, wenn du auf „Speichern" klickst.

Häufige Fragen

Mein Widget erscheint nicht — woran liegt das?

Häufige Ursachen: Embed-Code nicht vollständig kopiert, falscher HTML-Block in deinem Baukasten, oder die Embed-Domain-Beschränkung blockiert deine Website. Mehr dazu in der Sicherheits-Anleitung.

Wie passe ich die Höhe des Widgets an?

Der Widget passt seine Höhe automatisch an seinen Inhalt an. Du musst nichts einstellen — beim Wechsel zwischen den Schritten skaliert sich der Widget mit.

Kann ich mehrere Buchungstypen auf verschiedenen Seiten einbetten?

Der Widget zeigt immer alle aktiven Buchungstypen zur Auswahl an. Spezifische Direktlinks pro Buchungstyp sind aktuell nicht im Standard enthalten — sag uns Bescheid, wenn du sowas brauchst.

Funktioniert der Widget auf mobilen Geräten?

Ja, der Widget ist responsiv und passt sich automatisch an Smartphone- und Tablet-Bildschirme an.