Die Guesty Booking Engine dient als statisches Buchungsportal. Darüber können Gäste die Verfügbarkeit prüfen und Aufenthalte abschließen, ohne Plattformen von Drittanbietern aufrufen zu müssen. Wenn Sie dieses Portal als Widget in Ihre eigene Website integrieren, etwa auf Wix, WordPress oder Squarespace, sorgen Sie für ein einheitliches Markenerlebnis und vermeiden Gebühren für die Veröffentlichung über Drittanbieter.
Wenn Sie eine eigene Domain haben, können Sie sie mit Ihrer Guesty Booking Engine verbinden und Ihre Website-Adresse verwenden.
Voraussetzungen
Das Suchwidget der Guesty Booking Engine benötigt JavaScript. Stellen Sie vor dem Integrieren des Widgets sicher, dass Ihre Website-Plattform und Ihr Abonnementpaket JavaScript oder das Einfügen von benutzerdefiniertem Code unterstützen. Squarespace setzt beispielsweise das Business-Paket oder höher voraus, damit Sie JavaScript einfügen können.
Ihre Guesty Booking Engine integrieren
Folgen Sie der Anleitung unten, um das Widget Ihrer Guesty Booking Engine in eine externe Website zu integrieren.
Schritt für Schritt:
- Melden Sie sich bei Ihrem Guesty-Konto an.
- Klicken Sie im seitlichen Navigationsmenü auf
Marketing und Vertrieb, um das Dropdown-Menü zu öffnen. - Wählen Sie unter Channel-Management die Option Veröffentlichung aus.
- Klicken Sie auf die Kachel Guesty Booking Engine.
- Klicken Sie in der Zeile der betreffenden Booking Engine auf
. - Wählen Sie im Dropdown-Menü Mit eigener Website verbinden aus.
- Klicken Sie auf
, um das Snippet zu kopieren, und fügen Sie es in Ihre externe Website ein.
Notiz:
- Guesty bietet keinen Kundensupport bei technischen Schwierigkeiten im Zusammenhang mit dem Hinzufügen von Code zu einer externen Website.
- Der Zielortfilter im Suchwidget der Booking Engine synchronisiert automatisch Daten aus dem Adressfeld „Stadt“ Ihrer Inserate. Sie können diese Werte zwar anpassen, um statt Städten Stadtteile oder Regionen anzuzeigen. Dies kann sich jedoch aufgrund der Adressanforderungen von Plattformen wie Airbnb, Booking.com und Vrbo auf die Kanalverbindungen zu diesen Plattformen auswirken.
Widget-Gestaltung und Farbverhalten
Das Suchwidget der Guesty Booking Engine unterstützt den Parameter color, mit dem Sie die Hervorhebungs- und Auswahlfarben der Designelemente steuern. Diese Farbe wird automatisch auf Grundlage der Designeinstellungen Ihrer Booking Engine festgelegt.
Für ein individuelles Branding können Sie den Wert color im Einbettungscode manuell bearbeiten.
Empfohlenes Format des Einbettungscodes
Verwenden Sie für eine einheitliche Farbgestaltung immer den neuesten Einbettungscode. Der Einbettungscode sieht ähnlich aus wie im folgenden Beispiel (Ihr Code enthält Ihre spezifischen Einstellungen):
<div id="search-widget_IO312PWQ"> <script> !function(e,t,a,n,c,r){ function s(t){e.console.log("[Guesty Embedded Widget]:",t)} var i,d,l,o,y,m,g,h,p,u; n&&(i=n,d=t.getElementsByTagName("head")[0], (l=t.createElement("link")).rel="stylesheet", l.type="text/css",l.href=i,l.media="all",d.appendChild(l)), o=function(){ try{e[a].create(r).catch(function(e){s(e.message)})} catch(e){s(e.message)} }, h=!1,y=c, m=function(){h||this.readyState&&"complete"!=this.readyState||(h=!0,o())}, (g=t.createElement("script")).type="text/javascript", g.src=y,g.async="true",g.onload=g.onreadystatechange=m, p=g,(u=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,u) }( window, document, "GuestySearchBarWidget", "https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.css", "https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.js", { "siteUrl":"libelulahomes.guestybookings.com", "color":"#e2c2a1" } ); </script> </div> Wichtig:
Nachdem Sie die Designfarbe Ihrer Booking Engine aktualisiert haben, kopieren Sie den Widget-Code immer erneut und integrieren Sie ihn erneut, damit die Änderungen auf Ihrer externen Website angezeigt werden.
Verwenden Sie immer den aktualisierten Einbettungscode des Booking-Engine-Widgets, der jetzt den Parameter color enthält. Wenn Sie ein altes Skript verwenden, kann das dazu führen, dass die Widget-Farben falsch angezeigt werden oder nicht mit der Einrichtung Ihrer Booking Engine übereinstimmen.
Fehlerbehebung
Widget-Farbe stimmt nicht überein
Wenn die Widget-Farben nicht mit Ihrer Guesty Booking Engine übereinstimmen:
- Überprüfen Sie das Bereitstellungsdatum des Designs Ihrer Booking Engine.
- Kopieren Sie den Einbettungscode erneut über Mit eigener Website verbinden.
- Prüfen Sie, ob der Parameter
colorim Skript enthalten ist.
Dieses Verhalten ist zu erwarten und stellt keinen Systemfehler dar.