O Guesty Booking Engine funciona como um portal de reservas estático que permite aos hóspedes consultar a disponibilidade e finalizar suas reservas sem precisar acessar plataformas de terceiros. Ao integrar este portal como um widget em um site pessoal, como Wix ou WordPress, você mantém uma experiência de marca consistente e elimina as taxas de distribuição de terceiros.
Se você possui um domínio próprio, pode conectá-lo ao seu mecanismo de reservas Guesty e usar o endereço do seu site.
Integre seu mecanismo de reservas Guesty
Siga as instruções abaixo para integrar o widget do Guesty Booking Engine em um site externo.
Passo a passo:
- Faça login na sua conta Guesty.
- No menu de navegação lateral, clique em
Marketing e vendas para abrir o menu suspenso. - Em Gerenciamento de canais, selecione Distribuição.
- Clique na miniatura do Guesty Booking Engine.
- Na linha correspondente do Motor de Reservas, clique em
. - No menu suspenso, selecione Conectar ao seu próprio site.
- Clique
para copiar o trecho de código e colá-lo em seu site externo.
Observação:
- A Guesty não oferece suporte para dificuldades técnicas relacionadas à adição de código a um site externo.
- O filtro de destino do widget de busca do Booking Engine sincroniza automaticamente os dados dos campos "Endereço da cidade" dos seus anúncios. Embora você possa personalizar esses valores para exibir bairros ou regiões em vez de cidades, isso pode afetar a conexão com plataformas como Airbnb, Booking.com e Vrbo devido aos requisitos de endereço delas.
Estilização e comportamento de cores do widget
O widget de busca do mecanismo de reservas Guesty permite controlar as color de destaque e seleção dos elementos de design. Essa cor é definida automaticamente com base nas suas configurações de design do mecanismo de reservas.
Você pode editar manualmente o valor color no código de integração para personalizar a sua marca.
Formato de código de integração recomendado
Para manter a consistência nas cores, use sempre o código de integração mais recente. O código de integração será semelhante ao exemplo abaixo (seu código conterá suas configurações específicas):
<div id="search-widget_IO312PWQ">
<script>
!function(e,t,a,n,c,r){
function s(t){e.console.log("[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=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,
"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>
Importante:
Após atualizar as cores do design do seu Motor de Reservas, sempre copie e integre novamente o código do widget para que as alterações apareçam no seu site externo.
Utilize sempre o código de integração atualizado do widget do Motor de Reservas, que agora inclui o parâmetro color. O uso de um script antigo pode fazer com que as cores do widget sejam exibidas incorretamente ou não correspondam à sua configuração do Motor de Reservas.
Solução de problemas
A cor do widget não corresponde
Se as cores do widget não corresponderem ao seu mecanismo de reservas Guesty:
- Confirme a data de implementação do seu projeto de Motor de Reservas.
- Copie novamente o código de integrar de Conectar ao seu próprio site.
- Verifique se o parâmetro
coloraparece no script.
Esse comportamento é esperado e não se trata de um defeito do sistema.