Einbetten des Guesty-Buchungsmaschinen-Widgets in eine externe Website

Die Guesty Buchungsmaschine dient als statische Buchungsmaschine, die es Gästen ermöglicht, Verfügbarkeit zu prüfen und Aufenthalte abzuschließen, ohne Plattformen von Drittanbietern nutzen zu müssen. Durch die Einbindung dieses Portals als Widget auf einer persönlichen Website, beispielsweise Wix oder WordPress, gewährleisten Sie ein einheitliches Markenerlebnis und vermeiden Drittanbieter-Veröffentlichungen.

Wenn Sie über eine eigene Domain verfügen, können Sie diese mit Ihrer Guesty Buchungsmaschine verbinden und Ihre Website-Adresse verwenden.

Binden Sie Ihre Guesty Buchungsmaschine ein.

Folgen Sie den nachstehenden Anweisungen, um Ihr Guesty Buchungsmaschine-Widget in eine externe Website einzubetten.

Schritt für Schritt:

Melden Sie sich in Ihrem Guesty-Konto an.
Klicken Sie in der oberen Navigationsleiste auf den Modus und wählen Sie denWachstumsmodus aus.
Veröffentlichung.
Klicken Sie auf das Vorschaubild der Guesty Buchungsmaschine.
Klicken Sie in der entsprechenden Zeile der Buchungsmaschine auf .
Wählen Sie im Dropdown-Menü „ Mit Ihrer eigenen Website verbinden“.
Klicken Sie auf , um den Codeausschnitt zu kopieren, und fügen Sie ihn auf Ihrer externen Webseite ein.

Hinweis:

Guesty bietet keinen Kundensupport für technische Schwierigkeiten im Zusammenhang mit dem Hinzufügen von Code zu einer externen Website.
Der Filter des Buchungsmaschine-Such-Widgets synchronisiert automatisch die Daten aus dem Feld „Adresse“ Ihrer Inserate. Sie können diese Werte zwar anpassen, um Stadtteile oder Regionen anstelle von Städten anzuzeigen, dies kann jedoch die Kanalanbindung an Plattformen wie Airbnb, Booking.com und Vrbo bezüglich des Adressfeldes beeinflussen.

Widget-Styling & Farbverhalten

Das Such-Widget der Guesty Buchungsmaschine unterstützt einen color-Parameter zur Steuerung der Hervorhebungs- und Auswahlfarben für Designelemente. Diese Farbe wird automatisch anhand Ihrer Einstellungen für die Buchungsmaschine festgelegt.

Sie können den color-Parameter im Einbettungscode manuell bearbeiten, um ein individuelles Branding zu ermöglichen.

Empfohlenes Format für den Einbettungscode

Für eine einheitliche Farbgestaltung verwenden Sie bitte immer den aktuellsten Einbettungscode. Der Einbettungscode sieht in etwa so 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){protokoll("[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",
        "Farbe":"#e2c2a1"
      }
    );
  </script>
</div>

Wichtig:

Nach der Aktualisierung der Designfarbe Ihrer Buchungsmaschine müssen Sie den Widget-Code immer erneut kopieren und einbetten, damit die Änderungen auf Ihrer externen Website angezeigt werden.

Verwenden Sie stets den aktualisierten Einbettungscode für das Buchungsmaschinen-Widget, der nun den `color`-Parameter enthält. Die Verwendung eines veralteten Skripts kann dazu führen, dass die Widget-Farben falsch angezeigt werden oder nicht mit Ihrer Buchungsmaschine übereinstimmen.

Fehlerbehebung

Die Widget-Farbe stimmt nicht überein.

Falls die Widget-Farben nicht mit Ihrer Guesty Buchungsmaschine übereinstimmen:

Bestätigen Sie das Datum Ihres Buchungsmaschinen-Designs.
Kopieren Sie den Einbettungscode von Connect auf Ihre eigene Website .
Prüfen Sie, ob der `color`-Parameter im Skript vorkommt.

Dieses Verhalten ist zu erwarten und kein Systemfehler.

Verknüpfung mit:

GFP: Guesty Booking Website