Cómo integrar el widget del Motor de reservas de Guesty en un sitio web externo

El Motor de reservas de Guesty funciona como un portal de reserva estático que permite a los huéspedes consultar la disponibilidad y confirmar sus estancias sin necesidad de usar plataformas de terceros. Al integrar este portal como un widget en un sitio web personal, como Wix o WordPress, se mantiene una imagen de marca coherente y se eliminan los costes de distribución de terceros.

Si tienes tu propio dominio, puedes conectarlo a tu Motor de reservas Guesty y usar la dirección de tu sitio web.

Integra tu Motor de reservas Guesty

Sigue las instrucciones a continuación para integrar tu widget del Motor de reservas de Guesty en un sitio externo.

Paso a paso:

1. Inicia sesión en tu cuenta de Guesty .
2. En el menú de navegación lateral, haz clic en Marketing y ventas para abrir el menú desplegable.
3. En Gestión de canales , selecciona Distribución .
4. Haz clic en la miniatura del Motor de reservas de Guesty .
5. En la fila correspondiente del Motor de reservas, haz clic en .
6. En el menú desplegable, selecciona Conectar con su propio sitio web .
7. Haz clic Copia el fragmento y pégalo en tu sitio web externo.

Estilo del widget y comportamiento del color

El widget de búsqueda del Motor de Reservas de Guesty admite un parámetro color para controlar los colores de resaltado y selección de los elementos de diseño. Este color se establece automáticamente en función de los ajustes de diseño de su Motor de Reservas.

Puedes editar manualmente el valor color en el código de inserción para personalizar la marca.

Formato de código de inserción recomendado

Para lograr un estilo de color uniforme, utilice siempre el código de inserción más reciente. El código de inserción será similar al ejemplo que se muestra a continuación (su código contendrá sus ajustes específicos):

<div id="search-widget_IO312PWQ">
  <script>
    !function(e,t,a,n,c,r){
      función s(t){e.console.log("[Widget incrustado de Guesty]:",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=función(){
        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>

Troubleshooting