Spider-Booking Webseiten Integration – HTML Integration der Widgets

Neben der Integration per Link (href=) auf der Seite liefert Spider-Booking auch ein Widget, über welches der Besucher gleich ein Datum und die Details seiner Suche auf der Webseite definieren kann. Das Widget muss über den HTML-Code der Webseite integriert werden und kann Ihren Bedürfnissen angepasst werden.

Das Standard-Widget sieht so aus:

Hier ein paar Beispiele, wie die Integration des Widgets umgesetzt aussieht:

Horizontales Widget: https://wanderlust-guesthouse.ch/

Vertikales Widget: https://wald-hotel-sellin.de/ 

Jedes Haus hat einen spezifischen Link in die Widget-Dokumentation, der per E-Mail verschickt werden kann. 

Um an den spezifischen Link für Ihr Haus zu kommen, gehen Sie im Hotel-Spider Extranet auf Schnittstellen >> WBE >> Spider-Booking 4 unter dem Reiter "Generell" >> "Widget-Dokumentation" - Hinterlegen Sie die E-Mail-Adresse und klicken auf "Dokumentation senden".

Der Link ist immer https://wbe-static.hotel-spider.com/widget-doc/index.html?hotelId=HOTEL_ID

Das Widget besteht aus einem Code-Element, welches im HEADER der Seite hinterlegt werden muss und einem Code-Teil, der im BODY der Seite (dort, wo das Widget auf der Seite angezeigt werden soll), hinzugefügt werden muss. 

Alle Details und der vollständige Code werden in Ihrer Konto-spezifischen Dokumentation erläutert. Ganz oben in der Dokumentation finden Sie auch ein komplettes Beispiel, wie das Widget auf einer leeren HTML-Seite integriert werden kann:

jQuery

Hinweis: Die jQuery-Bibliothek wird benötigt, damit das Widget von Hotel-Spider funktioniert. Wenn diese bereits auf Ihrer Website vorhanden ist, müssen Sie sie nicht erneut einbinden (ignorieren Sie einfach das erste Skript-Element oben). Jede Version über 1.12.4 sollte kompatibel sein, aber nicht alle Versionen sind getestet worden.

Sie können die jQuery Version auch einfach anpassen und durch die benötigte aktuelle Version ersetzen. 
https://code.jquery.com/

Sie haben verschiedenste Variablen, um das Widget optimal auf ihrer Seite zu integrieren: 

Standardformular: 

Vertikale Form:

Felder deaktivieren:

Sie können die Eingabefelder nur auf das Datum beschränken.

Spezifische Sprache: 

Wenn die Sprache immer fix sein soll und nicht browserabhängig, kann auch dieser Parameter fest definiert werden. 

Iframe Modus:

Das Widget öffnet die Buchungsmaske standardmäßig in einem separaten Fenster mit unserer URL. Wenn Sie verhindern möchten, dass der Bucher Ihre Webseite verlässt, können Sie die SB4 im Iframe Mode einbinden: 

Des Weiteren gibt es die Optionen das Datums-Format anzupassen, eine noch nicht unterstützte Sprache zu hinterlegen und die vorausgewählte Personenauswahl festzulegen. 

Die Widget-Integration ist für einen Web-Profi leicht umsetzbar, kann aber auch von nicht-Profis vorgenommen werden. Dabei ist es sehr wichtig, allen Details der Dokumentation zu folgen. Bei Fragen kontaktieren Sie bitte unseren Support mit einem Link zur Webseite, auf der Sie das Widget bereits integriert haben, zusammen mit ihren spezifischen Fragen.