So bindest du das Buchungs-Widget in deine Website ein

Warum das Widget in deine Website einbinden?

Dein Bink-Profil eignet sich hervorragend, um deinen Buchungslink in sozialen Medien zu teilen. Aber wenn du eine Website hast, kannst du das Widget direkt in deine Seiten einbetten – ohne Besucher woanders hinzuschicken.

Bink bietet drei Integrationsmodi für jeden Bedarf: Inline, Popup-Widget und Popup-Link. Jeder wird in Sekunden über dein Dashboard eingerichtet.

Modus 1: Inline (iframe)

Die Inline-Integration platziert den Buchungskalender direkt über einen iframe auf deiner Seite. Ideal, wenn du das Widget immer sichtbar haben möchtest, zum Beispiel auf einer dedizierten "Buchen"-Seite.

Kopiere den iframe-Code aus deinem Bink-Dashboard und füge ihn in das HTML deiner Website ein. Das Widget passt sich der Containerbreite an und zeigt Verfügbarkeiten in Echtzeit.

Modus 2: Popup-Widget (schwebende Schaltfläche)

Das Popup-Widget fügt eine schwebende Schaltfläche in der Ecke deiner Seite hinzu. Wenn ein Besucher darauf klickt, öffnet sich ein Modal mit dem Buchungskalender.

Füge einfach ein Script-Tag in deine Website ein. Du kannst Text, Farbe und Position der Schaltfläche anpassen (unten rechts oder unten links).

Modus 3: Popup-Link (Link oder Schaltfläche)

Der Popup-Link ist ein einfacher HTML-Link oder eine Schaltfläche, die beim Klicken den Kalender in einem Popup-Fenster öffnet. Perfekt für die Integration von Buchungen in einen "Jetzt buchen"-Button in deinem Menü.

Kopiere den HTML-Code aus dem Dashboard, passe Text und Farbe an und füge ihn überall auf deiner Website ein.

Welchen Modus solltest du wählen?

Verwende Inline, wenn du eine dedizierte Buchungsseite mit maximaler Sichtbarkeit möchtest. Wähle das Popup-Widget, wenn du auf jeder Seite eine immer präsente Schaltfläche willst. Nimm den Popup-Link, wenn du Buchungen an einer bestimmten Stelle einbinden möchtest.

Alle drei Modi funktionieren auf jeder Website – WordPress, Wix, Squarespace, individuellen Sites oder sogar einer einfachen HTML-Seite.