Usar o widget de reserva do Lodgify em um site externo

Pode usar o Widget de Reserva do Lodgify para integrar o motor de reservas do Lodgify num site externo. Para isso, oferecemos várias opções: uma Barra de Pesquisa e uma Caixa de Reservas.

A opção Barra de Pesquisa é a nossa opção recomendada, pois é a única que pode integrar perfeitamente o fluxo de reservas no seu site externo. Desta forma, o hóspede nunca perceberá que saiu do seu site externo.

💡 Nota: Os widgets do Lodgify são compatíveis com versões padrão do WordPress, Squarespace e Wix. As variações de layout e tema podem impactar a compatibilidade. Para questões de incorporação, por favor, contate o seu desenvolvedor ou provedor de construtor de sites.

Leia sobre: 

• Opções de widget disponíveis
• Gerar o código de incorporação
• Integrar a Barra de Pesquisa no seu site externo
• Integrar a Barra de Pesquisa no WordPress
• Adicionar o widget de reservas da Lodgify no Wix

Opções de widget disponíveis

O Lodgify oferece 2 opções diferentes para ligar o sistema de reservas do Lodgify a um site externo. 

💡 Nota: Versões mais antigas de widgets ainda estão disponíveis aqui, mas serão descontinuadas em breve. Para saber mais, consulte o final do artigo.

Gerar o código de incorporação

Pode usar os dois widgets no seu site externo se oferecer apenas um alojamento (não importa se este alojamento tem tipos de quarto antigos/Legacy, ou não). Os hóspedes serão redirecionados diretamente para a sua página de check-out do Lodgify, onde podem selecionar o tipo de quarto, caso tenha um. Para gerar e incorporar o código do widget externo, siga estes passos:

1. Aceda ao menu do lado esquerdo e selecione Criador de sites.
2. Agora vá para Widgets Externos.
   
   
3. Em Tipo de Widget, escolha no menu suspenso se quer criar uma Caixa de Reservas ou uma Barra de Pesquisa.
4. Poderá escolher:
   
   • Mostrar ou ocultar o menu suspenso de localização na barra de pesquisa (o menu de localização aplica-se apenas à Barra de Pesquisa),
   • Mostrar ou ocultar a divisão do número de hóspedes,
   • Mostrar ou ocultar o preço base nos anúncios de alojamentos (aplica-se apenas à Caixa de Reservas),
   • Se pretende ativar as atualizações automáticas para o seu widget, para que as atualizações do produto e correções de erros sejam aplicadas automaticamente,
   • O design do widget.
     
5. Aqui estão algumas configurações para a Caixa de Reservas:
   • Pode optar por mostrar o preço "desde" no widget antes de selecionar as datas.
   • Pode escolher uma moeda fixa para mostrar a todos os hóspedes no widget ou definir a moeda para corresponder aos endereços IP dos seus hóspedes.
     
   • Se tem vários alojamentos e deseja usar uma Caixa de Reservas, precisa criar um widget para cada alojamento específico ou criar um botão no seu site externo que liga à sua página de Todas as propriedades.
6. Selecione o alojamento, o idioma que deseja usar no widget e depois Gerar código.
7. Verá uma área de código com duas entradas de código. Primeiro, copie e cole o primeiro código onde deseja incorporá-lo. Em seguida, adicione o segundo código logo abaixo do primeiro.
   
   Aqui estão algumas instruções para diferentes cenários:
   • Adicionar vários widgets na mesma página: Copie e cole o primeiro código para cada widget que deseja adicionar, depois adicione o segundo código uma vez.
   • Adicionar widgets a páginas separadas do seu site: Para cada página, copie e cole o primeiro código seguido do segundo código.
   • Adicionar diferentes opções de widgets na mesma página (por exemplo, caixa de reservas e barra de pesquisa): Copie e cole ambos os códigos, primeiro e segundo, para cada opção de widget na mesma página.

Se o widget externo não estiver a ser apresentado corretamente, certifique-se de que ambos os trechos de código foram copiados corretamente.
De seguida, verifique se o widget funciona num site de terceiros, como onecompiler.com/html. Se o widget funcionar noutros sites mas não no seu, é provável que outro código do seu site esteja a interferir com a apresentação correta do widget da Lodgify. Nesse caso, recomendamos que contacte o suporte do seu fornecedor de site externo ou o seu programador web para assistência adicional.

Integrar a Barra de Pesquisa no seu site externo

A Barra de Pesquisa é a opção recomendada se tiver vários alojamentos no seu site. Integrar perfeitamente a Barra de Pesquisa no seu site externo significa que pode ligar o Lodgify a um subdomínio do seu site externo (por exemplo, search.seudominio.com ou booking.seudominio.com). Desta forma, as páginas do processo de reserva aparecerão no seu subdomínio e os hóspedes não terão a impressão de que foram redirecionados para outro site, mas que estão a passar por todo o processo de reserva no seu site externo.
💡 Nota: A opção de integração perfeita é melhor utilizada para sites com vários alojamentos porque, em sites com um único alojamento, o botão de pesquisa redirecionará automaticamente para a página de check-out.

Para configurar isto, precisa completar 4 passos:

• Gerar o código de incorporação para integrar o widget da Barra de Pesquisa no seu site externo
• Criar um subdomínio no seu provedor de domínio
• Ligar o subdomínio à sua conta Lodgify
• Preencher o URL do logotipo personalizado

Gerar o código de incorporação para o widget da Barra de Pesquisa

Para gerar o código de incorporação, siga estes passos:

1. Aceda ao menu do lado esquerdo e selecione Criador de sites.
2. Agora vá para Widgets Externos.
   
   
3. Em Tipo de Widget, selecione Barra de Pesquisa no menu suspenso e escolha o idioma.
4. Agora pode selecionar se deseja que o widget abra numa nova janela ou na mesma janela, e selecionar a cor do botão de pesquisa.
   💡 Notas:
   • Se desejar incorporar o widget num site WIX, tem de selecionar a opção Abrir numa nova janela, caso contrário, o widget não funcionará corretamente no WIX.
   • Embora a cor do texto dentro do botão do widget e a cor do próprio botão possam ser personalizadas em Criador de sites > Widget externo, o número de hóspedes será sempre apresentado a preto, exceto se for substituído por CSS no site externo do utilizador.
5. Em seguida, Gerar código, copie o código JavaScript para a sua área de transferência e cole-o no seu site externo (geralmente num tipo de Widget HTML).
   💡 Nota:  As configurações do site externo podem variar, no entanto, na maioria dos casos, o widget da Barra de Pesquisa funcionará sem nenhuma configuração adicional ao colar o código gerado num widget de código do seu construtor de sites externo.
   

Criar um subdomínio

Se pretender que o seu módulo de reservas apareça num subdomínio, deverá ligar o seu domínio e atualizar as definições DNS desse subdomínio. Siga os passos indicados neste artigo.

Preencher o URL do logotipo personalizado

Uma vez que os hóspedes clicam no botão de pesquisa, são redirecionados para a sua página de Todas as propriedades no Lodgify (ou para a página de check-out se tiver apenas um alojamento). Para tornar a integração o mais perfeita possível, deseja garantir que, quando um hóspede clica no Logotipo ou em qualquer um dos itens do menu na página de Todas as propriedades/check-out, que eles são redirecionados para o seu site externo.

Para fazer isso, siga estes passos:

1. Na Lodgify, aceda ao menu do lado esquerdo e selecione Criador de sites.
2. Agora selecione Estilos
3. Desça até ao final e clique em Logotipo.
   
4. Em seguida, desça até ao final, em URL do Logotipo adicione o link para a página inicial do seu site externo.

💡 Nota: Deve configurar a barra de menu exatamente como está no seu site externo. Simplesmente vá à configuração de páginas do seu criador de sites e crie um link para cada item do menu que leva à página correspondente no seu site externo. Saiba como criar um link no menu do Lodgify.

💡 Nota: Pode usar CSS para combinar a aparência do menu do Lodgify com a do seu site externo. Saiba mais sobre código personalizado no Lodgify.

Integrar a Barra de Pesquisa no WordPress

Pode adicionar facilmente o widget da barra de pesquisa ao seu site WordPress utilizando o plugin da Lodgify. Uma vez configurado, poderá rapidamente e sem esforço adicioná-lo a vários locais no seu site.

Para integrar o widget da barra de pesquisa no WordPress com o plugin da Lodgify, siga estes passos:

1. Inicie sessão na sua conta do WordPress e navegue até Plugins.
2. Pesquise por Lodgify e selecione o plugin Booking Engine by Lodgify:
3. Na sua conta Lodgify, vá ao seu Menu Principal no canto superior esquerdo e selecione Criador de sites.
4. Agora vá para Widgets Externos.
   
   
5. Em Tipo de Widget, escolha Barra de Pesquisa.
6. De seguida, gere o código, copie o código JavaScript e cole-o na página do plugin no WordPress. Depois clique em Guardar.
7. Para adicionar o plugin a uma página específica, vá às páginas do seu WordPress, edite a página onde deseja que o plugin apareça, e ao adicionar um novo bloco, verá o plugin listado como Lodgify Search Widget:
   

Adicionar o widget de reservas da Lodgify no Wix

Se estiver a utilizar o Wix, não adicione o widget de reservas da Lodgify dentro de um elemento <iframe>, pois isso pode causar erros na forma como o widget é exibido. De acordo com a documentação do Wix, adicionar o widget através das opções Incorporar HTML ou Incorporar um site pode comprometer a responsividade do widget e de qualquer outro código adicionado dessa forma.

Em vez disso, deve utilizar a opção Elemento Personalizado do Wix, que permite incorporar o widget sem afetar a responsividade. Pode encontrar aqui instruções detalhadas do Wix.