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 reservas 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 costos 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 de Guesty Booking Engine 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 tu propio sitio web.
7. Haz clic en 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 la configuración de diseño de su motor de reservas.

Puede 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á su configuración específica):

 <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)})}
        capturar(e){s(e.mensaje)}
      },
      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)
    }(
      ventana,
      documento,
      "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>

Solución de problemas