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. 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
Wir haben ein neues Regiondo Booking Widget mit der React JavaScript Bibliothek erstellt. Das neue Widget bietet zahlreiche Vorteile. Klicken Sie hier, um mehr Informationen zu erhalten.
2. Welche Settings zum Booking Widget kann ich vornehmen?
Bevor Sie Ihren Code generieren, nehmen Sie bitte folgende Settings vor:
- 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.
- 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
Es gibt die Möglichkeit, den Schritt "Warenkorb" zu überspringen und direkt zur Kasse zu gehen. Bitte fügen Sie das Attribut data-skip-cart="true" zum Widget-Codefragment hinzu.
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.
Hinweis
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.
- Produkt auswählen: Hier können Sie Ihr Angebot auswählen, zu welchem Sie den Buchungsprozess als Widget erstellen möchten.
- 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.
Ladeanimation für das Buchungs-Widget:
Sie können die Ladeanimation deaktivieren, wenn Sie eingeben
Sie können die Ladeanimation deaktivieren, wenn Sie 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>
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>
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>
XXXXist Ihr Anbieter 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. Ansicht des Kunden
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
