Einbetten des Guesty-Buchungsmaschinen-Widgets in eine externe Website

Die Guesty Buchungsmaschine dient als statisches Buchungsportal, über das Gäste die Verfügbarkeit einsehen und Aufenthalte buchen können, ohne auf Drittanbieterplattformen zugreifen zu müssen. Durch die Einbettung dieses Portals als Widget auf einer persönlichen Website, beispielsweise Wix oder WordPress, gewährleisten Sie ein einheitliches Markenerlebnis und vermeiden die Veröffentlichung von Drittanbieterinhalten.

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:

1. Melden Sie sich in Ihrem Guesty-Konto an.
2. Klicken Sie im seitlichen Navigationsmenü Marketing und Vertrieb, um das Dropdown-Menü zu öffnen.
3. Wählen Sie unter Kanal die Veröffentlichung aus.
4. Klicken Sie auf das Vorschaubild der Guesty-Buchungsmaschine.
5. Klicken Sie in der entsprechenden Zeile der Buchungsmaschine auf .
6. Wählen Sie im Dropdown-Menü „Mit Ihrer eigenen Website verbinden“ aus.
7. Klicken Sie auf , um den Codeausschnitt zu kopieren, und fügen Sie ihn anschließend auf Ihrer externen Webseite ein.

Widget-Styling & Farbverhalten

Das Such-Widget der Guesty Buchungsmaschine unterstützt einen color 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 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=Funktion(){
        try{e[a].create(r).catch(function(e){s(nachricht)})}
        catch(e){s(nachricht)}
      },
      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)
    }(
      Fenster,
      dokumentieren,
      "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>

Fehlerbehebung