O Motor de Reservas Guesty funciona como um portal de reserva estático que permite aos hóspedes consultar a disponibilidade e finalizar reservas sem precisar acessar plataformas de terceiros. Ao incorporar 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ê tiver seu próprio domínio, poderá conectá-lo ao seu Motor de Reservas Guesty e usar o endereço do seu site.
Incorpore seu Motor de Reservas Guesty
Siga as instruções abaixo para incorporar o widget do Motor de Reservas Guesty em um site externo.
Passo a passo:
- Faça login na sua conta Guesty.
- Na barra de navegação superior, clique no seletor de modo e selecione Modo de Crescimento.
- Clique em Distribuição.
- Clique na miniatura do Motor de Reservas Guesty.
- Na linha correspondente do Motor de Reservas, clique em
. - No menu suspenso, selecione Conectar ao seu próprio site.
- Clique em
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 Motor de Reservas 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 Motor de Reservas Guesty permite controlar as color de destaque e seleção dos elementos de design. Essa cor é definida automaticamente com base nas suas Definições de Design do Motor de Reservas.
Você pode editar manualmente o valor color no código de incorporação para personalizar sua marca.
Formato de código de incorporação recomendado
Para manter a consistência nas cores, use sempre o código de incorporação mais recente. O código de incorporação será semelhante ao exemplo abaixo (seu código conterá suas definições específicas):
<div id="search-widget_IO312PWQ">
<script>
!function(e,t,a,n,c,r){
function s(t){registro("[Widget Incorporado 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 da barra de pesquisa de convidados",
"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",
"cor":"#e2c2a1"
}
);
</script>
</div>Importante:
Após atualizar as cores do design do seu Motor de Reservas, sempre copie e incorpore novamente o código do widget para que as alterações apareçam no seu site externo.
Utilize sempre o código de incorporaçã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 Motor de Reservas Guesty:
- Confirme a data de implementação do seu projeto de Motor de Reservas.
- Copie novamente o código de incorporação 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.