Zum Hauptinhalt gehen

Wie funktioniert die Einbindung als Booking Widget?

Kay Endörfer
  • Aktualisiert

1. Was ist ein Booking Widget?

Das Booking Widget ist eine Alternative zum Einbinden der Regiondo Buchungsstrecke  für Anbieter, die auf ihrer Website bereits eine detaillierte Beschreibung ihrer Angebote bereitstellen. With the booking widget, only the booking procedures made through your ticketshop will be processed. The presentation of your offers will be left entirely to you and your website. Das Booking Widget wird, wie der Ticketshop, via iFrame in Ihre Website integriert, jedoch in einem kleineren Umfang, da nur die Buchungsstrecke eingefügt wird. Die Konfiguration hierfür befindet sich in Ihrem Anbieter Dashboard unter
Ticketshop > Integration Website > Booking Widget.
Tipp
We have created a new Regiondo Booking Widget with the React JavaScript library. The new widget comes with multiple advantages. Click here to get more information.

2. Welche Settings zum Booking Widget kann ich vornehmen?

Bevor Sie Ihren Code generieren, nehmen Sie bitte folgende Settings vor:
  1. Settings - iFrame Breite: Geben Sie die gewünschte Breite Ihres Booking Widgets in Pixeln an. (standardmäßig 338 px, jedoch an Website anpassbar). Außerdem müssen Sie auswählen, ob Sie den Check-Out Prozess über einen iFrame oder eine Lightbox durchführen möchten. Die Lightbox ist als Standart eingestellt. 
  2. Warenkorb Funktion: Wenn Sie diese Funktion aktivieren, hat der Kunde die Möglichkeit, in Ihrem Shop einen Warenkorb in Anspruch zu nehmen. Der Kunde kann so Produkte zum Warenkorb hinzufügen und noch weiter durch ihren Shop stöbern, ohne direkt zum Bezahlvorgang zu gelangen. Wenn Sie sich für einen Warenkorb entschieden haben, können Sie diesen direkt optisch an Ihren Shop anpassen. 
Tipp
There is the possibility to skip cart step and go directly to checkout. Please add the attribute data-skip-cart="true" to the widget code snippet.
Was ist eine Lightbox?
Eine Lightbox ist ein JavaScript, welches den Check-Out Prozess darstellt. Es öffnet sich ein Fenster in Ihrem Ticketshop und stellt den Rest der Seite dunkler dar, um den Fokus auf den Check-Out Prozess zu legen. Die Lightbox ist außerdem Responsive. 
Tip
Die Nutzung eines Warenkorbs ist zu empfehlen, da der Kunde so länger in Ihrem Shop verweilen kann und so noch eher ein weiteres Produkt kauft bzw. dem Warenkorb hinzufügt. Auch ist es heutzutage für Kunden wichtig, vergleichen zu können. Mit einem Warenkorb wird dem Kunden dieser Service möglich und der Einkauf in Ihrem Shop ist für den potenziellen Kunden angenehmer.
  1. Produkt auswählen: Hier können Sie Ihr Angebot auswählen, zu welchem Sie den Buchungsprozess als Widget erstellen möchten.
  1. HTML-Code: Unter Preview können Sie sich Ihr Booking Widget als Vorschau ansehen.Kopieren Sie den gesamten Code und fügen Sie ihn an der gewünschten Stelle im Quellcode Ihrer Website ein, oder erstellen Sie ein eigenes HTML-Element, in welches Sie den Code einbetten, um das Widget zu integrieren.
Loading animation for the booking widget:
You can disable the loading animation when you enter 
data-disable-loading-animation="1"
in your <iframe> part of the code.

For example: 
<iframe id="regiondo-booking-widget" data-width="340px" style="border:0;background:transparent;" data-disable-loading-animation="1"></iframe>
 
Lädt eine Animation für das Buchungs-Widget:
Sie können die Ladeanimation deaktivieren, wenn Sie Folgendes eingeben 
data-disable-loading-animation="1".
in Ihrem <iframe> Teil des Codes.

Zum Beispiel: 
<iframe id="regiondo-booking-widget" data-width="340px" style="border:0;background:transparent;" data-disable-loading-animation="1"></iframe>
 
XXXX is your Vendor ID

Aufbau der URL des Booking Widgets:
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ
XXXX ist Ihre Vendor ID
ZZZZ ist die ProductID

Weitere mögliche Parameter der URL:
- Ticket Reiter hervorheben
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket
- Gutschein Reiter hervorheben
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/gift
- Datum vorauswählen
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket/date/YYYY-MM-DD
- Datum und Uhrzeit vorauswählen
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket/date/YYYY-MM-DD/time/HH-MM
- Affiliate Tracking Parameter hinzufügen
https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket?subid=123456

3. Customer's view

Der Anbieter Kavalliersreisen stellt auf seiner Website bereits eine detaillierte Beschreibung seiner Angebote dar. Der Buchungsvorgang wird über das Regiondo Booking Widget abgewickelt.

4. Beispiel eines Shops mit einem Booking Widget mit Warenkorbfunktion

Verwandte Beiträge