O Guesty Motor de reservas funciona como um portal de reserva estático que permite aos hóspedes consultar a disponibilidade e finalizar suas 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 Guesty Motor de reservas e usar o morada/endereço de e-mail do seu site.
Incorpore seu Guesty Motor de reservas
Siga as instruções abaixo para incorporar o widget do Guesty Motor de reservas 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 Gestão de Canal, selecione Distribuição.
- Clique na miniatura do Guesty Motor de Reservas.
- 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 Motor de Reservas sincroniza automaticamente os dados dos campos "morada/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 morada/endereço de e-mail delas.
Estilização e comportamento de cores do widget
O widget de busca do Motor de reservas Guesty permite controlar as cores de destaque e seleção dos elementos de design por meio de um parâmetro color . 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 a 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=função(){
try{e[a].create(r).catch(function(e){s(mensagem)})}
catch(e){s(e. mensagem)}
},
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)
}(
janela,
documento,
"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.