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:
Adicione esta tag de script ao final do HTML do seu site para integrá-lo com a Experiência Imersiva do Motor de Reservas:
<script
type="text/javascript"
src="https://static1.cloudbeds.com/booking-engine-immersive-experience/latest/cloudbeds-immersive-experience.js"
></script>
Se preferir incluir o script JS minificado, você pode fazê-lo adicionando o script da seguinte forma:
<script
type="text/javascript"
src="https://static1.cloudbeds.com/booking-engine-immersive-experience/latest/cloudbeds-immersive-experience.min.js"
></script>
Adicione este botão ao seu site (código abaixo) para abrir a Experiência Imersiva do Motor de Reservas quando o usuário clicar nele. Lembre-se de colar o seu ID do Motor de Reservas na seção indicada (essa informação está disponível no link do seu Motor de Reservas na aba Resumo dentro do Cloudbeds PMS)
<button data-be-url="https://hotels.cloudbeds.com/reservation/SeuIDdoMotordeReservasAqui">
Reservar agora
</button> Importante: Você pode adicionar quantos botões “Reservar Agora” desejar; eles apenas precisam ter o atributo data-be-url com a URL correta 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="minha-classe-css"
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>Importante: 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.