Este artigo oferece uma visão geral da Experiência Imersiva para o seu motor de reservas e como ele pode melhorar a experiência de navegação no site para seus potenciais hóspedes.
Visão Geral
A nova Experiência Imersiva para o Motor de Reservas da Cloudbeds revoluciona o processo de reserva para os hóspedes que visitam o site da sua propriedade, oferecendo uma plataforma imersiva.
A Experiência Imersiva permite aos usuários:
- Acessar várias funcionalidades do motor de reservas clicando no botão Reservar Agora no site da sua propriedade.
- Navegar facilmente por várias acomodações, visualizando descrições detalhadas, comodidades, preços e imagens das acomodações.
- Adicionar facilmente a acomodação preferida ao carrinho antes de prosseguir para o check-out.
- Adicionar os detalhes da reserva e completar o processo de reserva diretamente no site da propriedade.
Informações Importantes
- Por favor, note que a Experiência Imersiva do Motor de Reservas foi especialmente projetado para a versão Cloudbeds Booking Engine Plus. Não é compatível com a versão clássica do Motor de Reservas da Cloudbeds.
- Algumas ferramentas de CMS (Sistema de Gerenciamento de Conteúdo) que isolam scripts personalizados em iframes podem não suportar a Experiência Imersiva do Motor de Reservas da Cloudbeds.
Como fica no site da sua propriedade
A Experiência Imersiva do Motor de Reservas aprimora o site da sua propriedade incorporando todas as funcionalidades de navegação básicas do seu Motor de Reservas da Cloudbeds.
Isso resulta em um processo de reserva contínuo e sem complicações para seus hóspedes:
Como adicionar a Experiência Imersiva ao seu Motor de Reservas
- As seguintes instruções servem como informações complementares para aqueles com um conhecimento aprofundado de HTML e design web como um todo.
- Se você já tem um site, entre em contato com seu designer web ou desenvolvedor web para instalar nosso motor de reservas agora.
- A Equipe de Suporte da Cloudbeds não fornece serviços de desenvolvimento web ou suporte de resolução de problemas. Saiba mais sobre HTML e CSS em geral aqui:
- Na seção Motor de Reservas, vá para Widgets do site;
- Selecione o widget Immersive (Imersão);
- Selecione e copie o código entre as tags <script> e </script> na seção Copiar código. Cole o código no final do corpo em seu HTML.
Informação importante
O ideal é que o elemento de script seja adicionado ao final do corpo ou, pelo menos, após o último botão de Reservar agora.
- Na mesma guia de Widgets do site, selecione o widget Immersive (Imersão);
- Copie o código do botão da seção Copiar código (a mesma seção do passo 1 anterior).
Observação: Você pode adicionar quantos botões de “Reservar agora” quiser; eles só precisam do atributo “data-be-url com o URL correto para serem reconhecidos como um gatilho para abrir a Experiência Imersiva do Motor de Reservas..
Nossa Equipe de suporte fornece assistência básica com a implementação do código do site. Por favor, note que qualquer suporte adicional de codificação de site está sujeito a preços adicionais.
O estilo padrão do botão é com fundo preto, rótulo branco, cantos arredondados e sem contorno, mas como este botão é um elemento HTML nativo, ele pode ser estilizado como qualquer outro elemento na sua página da web, e pode ser estilizado usando CSS.
Veja os exemplos abaixo:
<button
class="my-css-class"
data-be-url="https://hotels.cloudbeds.com/reservation/code"
>
Reservar agora
</button>
Ou usando estilos inline da seguinte forma:
<button
data-be-url="https://hotels.cloudbeds.com/reservation/code"
style="background-color: green;"
>
Reservar agora
</button>Observação: Se estilos globais para elementos de botão estiverem definidos no site, esses estilos podem entrar em conflito ou substituir os padrões que definimos.
Comentários
Artigo fechado para comentários.