El motor de reservas Guesty funciona como un portal de reservas 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:
- Inicia sesión en tu cuenta de Guesty.
- En la barra de navegación superior, haz clic en el selector de modo y selecciona Modo de crecimiento.
- Haz clic en Distribución.
- Haz clic en la miniatura del motor de reservas Guesty.
- En la fila correspondiente del motor de reservas, haz clic en
. - En el menú desplegable, selecciona Conectarse a su propio sitio web.
- Haz clic en
para copiar el fragmento y pegarlo en tu 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 tus anuncios. Si bien puedes personalizar estos valores para mostrar barrios o regiones en lugar de ciudades, esto puede afectar las conexiones de 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.
Puedes 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, utiliza 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á tus ajustes específicos):
<div id="widget de búsqueda_IO312PWQ">
<script>
!function(e,t,a,n,c,r){
function s(t){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=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,
"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 tu motor de reservas, siempre vuelve a copiar y volver a incrustar el código del widget para que los cambios aparezcan en tu sitio web externo.
Utiliza 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 provocar 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 tu motor de reservas Guesty:
- Confirma la fecha de implementación del diseño de tu motor de reservas.
- Vuelve a copiar el código de inserción de Conectarse a su propio sitio web.
- Comprueba que el parámetro
coloraparezca en el script.
Este comportamiento es esperado y no un defecto del sistema.