El botón Reservar ahora

El botón RESERVAR AHORA es un término ubicuo en la industria hotelera que se refiere a la integración propia del hotel con un proveedor que conoce la disponibilidad y precios de la propiedad y que permite a los viajeros reservar una habitación. El botón es la forma más simple para que los hoteles puedan vender habitaciones en su propio sitio web y bajo sus propios términos.

Muchos hoteles usan el motor de reservas incluido que ofrece su channel manager. Recomendamos que los hoteles investiguen y comparen motores de reservas nativos antes de comprometerse con alguno en particular.

Audiencia

Este artículo está dirigido principalmente a hoteles que quieren instalar nuestro motor de reservas gratuito y de alta conversión en su sitio web.
Pero… también es una lectura beneficiosa para cualquiera que quiera usar nuestras tecnologías en sus sitios web.

vía Link

Para la integración más sencilla, recomendamos usar un Shareable Link.

Aquí están los pasos para hacerlo:

1. Ir a https://extranet.wink.travel
2. Hacer clic en Sign-In / Register en la esquina superior derecha e iniciar sesión con tu cuenta de usuario.
3. Seleccionar la propiedad con la que quieres trabajar desde el menú desplegable en la parte superior izquierda.
4. Hacer clic en Booking engine en la barra de navegación.
5. La página te mostrará tu link.
6. Dale este link a tu webmaster y úsalo para tu botón RESERVAR AHORA.
7. Ya estás ✅.

Avanzado

El link ya incluye un itinerario incorporado en la URL, que proviene de la customization que elegiste.
Puedes personalizar tu link aún más:

• Cambiando la customization seleccionada O
• Sobrescribiendo el itinerario

En este artículo nos enfocaremos en lo segundo, ya que te da más libertad para que los viajeros seleccionen un itinerario en tu sitio web y lo envíen al motor de reservas de Wink.

Así es como pasas tu propio itinerario junto con la URL.

Parámetros de solicitud válidos:

• sd Para agregar una fecha de inicio: sd=2024-08-24
• n Para agregar número de noches: n=1 O
• ed Usar fecha de fin: ed=2024-08-25
• rc Huéspedes: rc=a2 (Adultos: 2)
• l Solicitar idioma de visualización: l=es
• c Solicitar moneda de visualización: c=EUR
• p Agregar una promoción: p=ABC123

La URL se vería así:

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

Para casos de uso más avanzados, también puedes solicitar múltiples configuraciones de habitación usando el signo +:

Ejemplo:

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

• Tipo de habitación 1 = Adultos: 2, Niños: 2 = 16 años + 8 años.
• Tipo de habitación 2 = Adultos: 2.

Ejemplo

Ejemplo de HTML para botón RESERVAR AHORA:

Este ejemplo asume que usas Bootstrap como tu biblioteca CSS principal.

<a
  href="https://trvl.as/abc123"
  target="_blank"
  class="btn btn-lg btn-primary"
  title="Reservar una habitación"
>
RESERVAR AHORA
</a>

Otros beneficios

Hay otros beneficios de usar uno de nuestros links como tu botón reservar ahora.

• Amigable con redes sociales El link puede compartirse fácilmente en redes sociales y muestra precios dinámicos sobre la imagen que seleccionaste.
• Corto La URL es muy fácil de compartir y puedes usarla en lugares como la URL de tu biografía de Instagram.

vía Embed

Algunos hoteles quieren un poco más de funcionalidad y una integración más profunda para su sitio web. Este ejemplo cubrirá cómo insertar una Card en su sitio web.

Aquí están los pasos para hacerlo:

1. Ir a https://studio.wink.travel
2. Hacer clic en Sign-In / Register en la esquina superior derecha e iniciar sesión con tu cuenta de usuario.
3. Seleccionar la propiedad con la que quieres trabajar desde la esquina superior izquierda.
4. Hacer clic en Search en la barra de navegación principal.
5. Escribir el nombre de tu propiedad y hacer clic en el botón de búsqueda.
6. Hacer clic en el enlace Actions en la tarjeta de resultado y seleccionar Create > Make a Card.
7. Esto creará una Card.
8. Aparecerá un mensaje en la esquina superior derecha indicando que tu card está lista y si quieres personalizarla más.
9. Hacer clic en Tools > Cards en la barra de navegación principal y verás tu nueva card.
10. Hacer clic en el enlace Actions en tu card y hacer clic en Embed.
11. Esto abrirá una ventana nueva con el código HTML de ejemplo que puedes copiar.
12. Para obtener tu Client-ID, ve a Applications.
13. Para obtener tu Configuration-ID, ve a Customization
14. Ya estás ✅.

Ejemplo de HTML para card embebida:

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

El ejemplo de HTML anterior no incluye el CSS y Javascript requeridos de Wink; solo la card.

Card de tipo habitación frontal con disponibilidad

Un usuario que reserva ahora ve precios dinámicos, puede cambiar el itinerario y hacer clic para reservar directamente en tu sitio web. El botón de reserva te lleva a la página de destino de tu propiedad en Wink para finalizar el pago.