Zum Hauptinhalt springen
Alle KollektionenErste Schritte...Webseitenintegration
Wie du bookingkit in die eigene Webseite integrierst
Wie du bookingkit in die eigene Webseite integrierst

Die 2-Minuten Webseitenintegration. So stellst du das Buchungssystem von bookingkit auf deine Webseite!

Björn Blankenhagen avatar
Verfasst von Björn Blankenhagen
Vor über 6 Monaten aktualisiert

Mit dem bookingkit Buchungssystem kannst Du deine Erlebnisse kinderleicht online auf deiner eigenen Homepage verkaufen! Dazu müssen nur zwei Zeilen HTML-Code in deine vorhandene Webseite eingefügt werden. Und schon wird eine komplette Erlebnisübersicht mit Buchungs- und Bezahlmöglichkeit, die sogenannte Buchungsmaske, in deine Webseite integriert.

Generell hast du natürlich die Möglichkeit unter Verkaufen > Meine Widgets verschiedene Kalender und Ansichten auf deiner Webseite zu integrieren.
​ 
Das Design und die Farben der Einbindung kannst Du selbstverständlich über unseren Konfigurator individuell anpassen. Wenn Du fit in CSS bist, kannst Du auch tiefer gehende Anpassungen vornehmen.

Wie du spielend einfach bookingkit auf deiner Webseite integrierst:

Alle oder einzelne Erlebnisse durch die Buchungsmaske auf deine Webseite einbinden

Standardmäßig sind alle Erlebnisse direkt auf deiner Webseite aktiv und buchbar. Wenn du gerne alle oder nur einzelne Angebote auf deiner Homepage integrieren möchtest, klicke einfach auf den Button "In die Webseite einfügen".

Dort kannst du als erstes die Spracheinstellungen konfigurieren. Wir empfehlen dir auf jeden Fall die Automatische Spracherkennung zu nutzen, sodass sich das Widget automatisch an die Sprache des Browsers deiner Kunden anpasst. Kopiere danach den HTML-Code und füge ihn an entsprechender Stelle auf deiner Homepage ein. Und schon können deine Kunden online buchen!

Und so sehen Erlebnislisten, also mehrere Erlebnisse, und die Detailansicht eines einzelnes Erlebnisses für deine Kunden im Frontend aus:

Individuelle Erlebnislisten erstellen und einbinden

Wenn du individuelle Listen mit mehreren Erlebnissen erstellen willst, ist dies ohne Weiteres möglich. Unter "Ein neues Widget erstellen" musst du lediglich bei "Erlebnisliste" auf den Button "Neu erstellen" klicken.
​ 
Im nächsten Schritt kannst du einzelne Erlebnisse deaktivieren und auch die Reihenfolge ändern. Wenn du die Farben deiner Einbindung ändern möchtest, kannst du entweder aus bereits bestehenden Designs auswählen oder aber ein komplett neues anlegen. Unser Tutorial erklärt dir die Vorgehensweise Schritt für Schritt:

bookingkit Kalender Widget

Du möchtest deinen Kunden gerne eine übersichtliche Ansicht all deiner Erlebnisse und Termine in einem Kalender bieten? Auch das ist überhaupt kein Problem! Unter Verkaufen > Meine Widgets kannst du ganz einfach ein neues Kalender Widget anlegen. Die Einrichtung erfolgt analog zu der eines regulären Widgets und du kannst selbstverständlich verschiedene Einstellungen vornehmen, z.B. die Anzeige freier Plätze oder des Erlebnisnamens auf dem Bild.

Deine Endkunden erfreuen sich an einer ganz besonderen und übersichtlichen Darstellung:

Globales Widget

Das globale Widget ist genau das richtige, wenn du die Conversion deiner Homepage in die Höhe schießen lassen willst. Gib deinen Kunden die Möglichkeit jederzeit und überall auf deiner Webseite zu buchen. Überall dort, wo dein reguläres bookingkit-Widget nicht eingebunden ist, kannst du von uns einen Jetzt Buchen Button implementieren lassen. Dieser verlinkt direkt auf dein Angebot und du verwandelst so noch mehr Besucher deiner Webseite in zahlenden Kunden.

Dieser Button verlinkt auf dein gesamtes verfügbares Angebot und dein Kunde kann sofort buchen. Schließt er den Warenkorb vorher, wird dieser am unteren Bildschirmrand angezeigt.

Bitte kontaktiere unser Support Team per Chat und wir lassen dir den Code zur Webseitenintegration des globalen Widgets zukommen.

Du integrierst den HTML-Code, den wir dir zugeschickt haben, am Besten auf jeder Unterseite auf welcher bookingkit noch nicht integriert ist. Wichtig ist, dass du den Code als HTML-Element auf deiner Webseite einbindest.

Und so schaut es live auf deiner Webseite aus:

Konfiguriere deine Buchungssystem Widgets

Wenn du auf "Einstellungen" klickst, kannst du deine bestehenden Erlebnislisten jederzeit bearbeiten:

Wissenswertes über die Buchungssystem Integration von bookingkit

  • Wenn du das Design eines bestehenden Widgets abänderst, wirkt sich die Änderung natürlich auch direkt auf bereits eingebundene Widgets auf deiner Webseite aus.

  • Je HTML-Seite ist nur die Einbindung von einem bookingkit-Widget möglich.

  • Direkt unter Verkaufen > Meine Widgets gibt es auch noch einmal ein interaktives Tutorial, wenn du Hilfe benötigen solltest.

  • Tipp: Um mehr Buchungen über deine Webseite zu erzielen, sollte der Besucher möglichst schnell auf der bookingkit-Seite landen, um dann dort zu buchen. Deshalb ist es empfehlenswert den Code möglichst prominent auf der Seite einzubinden und auch einen Reiter oder Button namens "Buchen" und "Gutscheine" anzulegen.

Ich bin Webmaster und habe keinen Zugriff auf bookingkit

  • Der Anbieter kann dir den HTML Code zuschicken oder einzelne Erlebnisse einbinden

  • Wenn du möchtest, kannst du außerdem das Widget per CSS anpassen

  • Wenn du eine API-Schnittstelle bauen möchtest, erfährst du weitere Infos hier:
    https://developers.bookingkit.de/ Gerne kannst Du uns eine Nachricht per Chat schreiben um API Client ID und den zugehörigen Secret zu erhalten.

Hat dies deine Frage beantwortet?