Incrusta el widget de Guesty Motor de reservas en un sitio web externo

El Motor de reservas Guesty funciona como un portal de reserva estático que permite a los huéspedes consultar la disponibilidad y finalizar estancias sin tener que navegar por plataformas de terceros. Al incorporar este portal como un widget en un sitio web personal, como Wix o WordPress, se mantiene una experiencia de marca consistente y se eliminan las tarifas de distribución de terceros.

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

Integra tu Motor de reservas Guesty

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

Paso a paso:

Inicie sesión en su cuenta de Guesty.
En la barra de navegación superior, haga clic en el selector de modo y seleccione el modo de crecimiento.
Haga clic en Distribución.
Haga clic en la miniatura del Motor de reservas de Guesty.
En la fila correspondiente del Motor de reservas, haga clic en .
En el menú desplegable, seleccione Conectar a su propio sitio web.
Haga clic en para copiar el fragmento y pegarlo en su sitio web externo.

Nota:

Guesty no ofrece asistencia para dificultades técnicas asociadas con la adición de código a un sitio web externo.
El filtro de destino del widget de búsqueda del Motor de reservas sincroniza automáticamente los datos de los campos "dirección de ciudad" de sus anuncios. Si bien puede personalizar estos valores para mostrar barrios o regiones en lugar de ciudades, esto puede afectar las conexiones del canal con plataformas como Airbnb, Booking.com y Vrbo debido a sus requisitos de dirección.

Estilo y comportamiento del color del widget

El widget de búsqueda del Motor de reservas 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 según los ajustes de diseño del Motor de reservas.

Puede editar manualmente el valor color en el código de inserción para una marca personalizada.

Formato de código de inserción recomendado

Para 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 del ejemplo siguiente (el código contendrá sus ajustes específicos):

 <div id="widget de búsqueda_IO312PWQ">
  <script>
    !function(e,t,a,n,c,r){
      function s(t){log("[Widget incrustado de Guesty ]:",t)}
      var i,d,l,o,y,m,g,h,p,u;
      n&&(i=n,d=t.getElementsByTagName("cabeza")[0],
      (l=t.createElement("link")).rel="hoja de estilo",
      l.type="text/css",l.href=i,l.media="todos",d.appendChild(l)),
      o=function(){
        try{e[a].create(r).catch(function(e){s(e. mensaje)})}
        catch(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)
    }(
      window,
      document,
      "Widget de barra de búsqueda de invitados",
      "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>

Importante:

Después de actualizar el color del diseño de su Motor de reservas, siempre vuelva a copiar y reinsertar el código del widget para que los cambios aparezcan en su sitio web externo.

Utilice siempre el código de inserción actualizado del widget del Motor de reservas, que ahora incluye el parámetro color. Usar un script antiguo puede hacer que los colores del widget se muestren incorrectamente o no coincidan con la configuración del Motor de reservas.

Solución de problemas

El color del widget no coincide

Si los colores del widget no coinciden con los de su Motor de Reservas Guesty:

Confirme la fecha de implementación del diseño de su Motor de Reservas.
Vuelva a copiar el código de inserción de Conectarse a su propio sitio web.
Compruebe que el parámetro color aparece en el script.

Este comportamiento es esperado y no un defecto del sistema.

Relacionada con:

GFP: Guesty Booking Website