O Botão Reservar Agora

O botão RESERVAR AGORA é um termo ubíquo na indústria hoteleira que se refere à integração própria do hotel com um provedor que conhece a disponibilidade e os preços da propriedade e pode permitir que os viajantes reservem um quarto. O botão é a maneira mais simples para os hotéis venderem quartos em seu próprio site e em seus próprios termos.

Muitos hotéis usam o motor de reservas integrado oferecido pelo seu gerenciador de canais. Recomendamos que os hotéis façam uma pesquisa e comparem motores de reservas nativos antes de se comprometerem com algum em particular.

Público

Este artigo é principalmente para hotéis que desejam instalar nosso motor de reservas gratuito e de alta conversão em seu site. Mas… também é uma leitura benéfica para qualquer pessoa que queira usar nossas tecnologias em seus sites.

via Link

Para a integração mais simples, recomendamos usar um Link Compartilhável.

Aqui estão os passos para fazer isso:

1. Acesse https://extranet.wink.travel
2. Clique em Sign-In / Register no canto superior direito e faça login com sua conta de usuário.
3. Selecione a propriedade com a qual deseja trabalhar no menu suspenso no canto superior esquerdo.
4. Clique em Booking engine na barra de navegação.
5. A página mostrará seu link.
6. Forneça este link ao seu webmaster e use-o para seu botão RESERVAR AGORA.
7. Você está ✅.

Avançado

O link já vem com um itinerário embutido na URL, que se origina da sua customização escolhida. Você pode personalizar seu link ainda mais por:

• Alterar a customização selecionada OU
• Sobrescrever o itinerário

Neste artigo, focaremos no último, pois ele oferece mais liberdade para permitir que os viajantes selecionem um itinerário em seu site e o encaminhem para o motor de reservas do Wink.

Veja como passar seu próprio itinerário junto com a URL.

Parâmetros de requisição válidos:

• sd Para adicionar uma data de início: sd=2024-08-24
• n Para adicionar número de noites: n=1 OU
• ed Usar data de término: ed=2024-08-25
• rc Hóspedes: rc=a2 (Adultos: 2)
• l Solicitar idioma de exibição: l=es
• c Solicitar moeda de exibição: c=EUR
• p Adicionar uma promoção: p=ABC123

A URL ficaria assim:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2&l=es&c=EUR

Para casos de uso mais avançados, você também pode solicitar múltiplas configurações de quarto usando o sinal +:

Exemplo:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

• Tipo de quarto 1 = Adultos: 2, Crianças: 2 = 16 anos + 8 anos de idade.
• Tipo de quarto 2 = Adultos: 2.

Exemplo

Exemplo de HTML para botão RESERVAR AGORA:

Este exemplo assume que você está usando Bootstrap como sua biblioteca CSS principal.

<a
  href="https://trvl.as/abc123"
  target="_blank"
  class="btn btn-lg btn-primary"
  title="Reserve um quarto"
>
RESERVAR AGORA
</a>

Outros benefícios

Existem outros benefícios em usar um de nossos links como seu botão reservar agora.

• Amigável para redes sociais O link pode ser facilmente compartilhado nas redes sociais e exibe preços dinâmicos sobre a imagem que você selecionou.
• Curto A URL é muito compartilhável e você pode usá-la em lugares como o URL da sua bio no Instagram.

via Embed

Alguns hotéis querem um pouco mais de funcionalidade e uma integração mais profunda para seu site. Este exemplo cobrirá a incorporação de um Card em seu site.

Aqui estão os passos para fazer isso:

1. Acesse https://studio.wink.travel
2. Clique em Sign-In / Register no canto superior direito e faça login com sua conta de usuário.
3. Selecione a propriedade com a qual deseja trabalhar no canto superior esquerdo.
4. Clique em Search na barra de navegação principal.
5. Digite o nome da sua propriedade e clique no botão de busca.
6. Clique no link Actions no cartão do resultado da busca e selecione Create > Make a Card.
7. Isso criará um Card.
8. Uma mensagem aparecerá no canto superior direito informando que seu card está pronto e se deseja personalizá-lo mais.
9. Clique em Tools > Cards na barra de navegação principal e você verá seu novo card.
10. Clique no link Actions no seu card e clique em Embed.
11. Isso abrirá uma nova janela com o código HTML de exemplo que você pode copiar.
12. Para obter seu Client-ID, acesse Applications.
13. Para obter seu Configuration-ID, acesse Customization
14. Você está ✅.

Exemplo de HTML para card incorporado:

<wink-content-loader
  layout="GUEST_ROOM"
  id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

O exemplo de HTML acima não inclui o CSS e Javascript do Wink necessários; apenas o card.

Card de tipo de quarto frontal com disponibilidade

Um usuário agora vê preços dinâmicos, pode alterar o itinerário e clicar para reservar diretamente no seu site. O botão de reserva leva você à página de destino da sua propriedade no Wink para finalizar o pagamento.