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 puede permitir a los viajeros reservar una habitación. El botón es la forma más sencilla 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 gestor de canales. Recomendamos que los hoteles investiguen y comparen motores de reservas nativos antes de comprometerse con alguno en particular.

Audiencia

Este artículo es principalmente para hoteles que desean 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 Enlace Compartible.

Aquí están los pasos para hacerlo:

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

Avanzado

El enlace ya incluye un itinerario integrado en la URL, que proviene de tu customization elegida.
Puedes personalizar tu enlace aún más mediante:

• Cambiar la personalización seleccionada O
• Sobrescribir el itinerario

En este artículo, nos enfocaremos en lo último 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 un idioma de visualización: l=es
• c Solicitar una 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 de edad.
• 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 enlaces como tu botón reservar ahora.

• Amigable con redes sociales El enlace 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 incrustar una Card en su sitio web.

Aquí están los pasos para hacerlo:

1. Ve a https://app.wink.travel
2. Haz clic en Sign-In / Register en la esquina superior derecha e inicia sesión con tu cuenta de usuario.
3. Selecciona la propiedad con la que quieres trabajar desde la esquina superior izquierda.
4. Haz clic en Search en la barra de navegación principal.
5. Escribe el nombre de tu propiedad y haz clic en el botón de búsqueda.
6. Haz clic en el enlace Actions en la tarjeta de resultado de búsqueda y selecciona Create > Make a Card.
7. Esto creará una Card.
8. Aparecerá un mensaje en la esquina superior derecha indicándote que tu card está lista y si quieres personalizarla más.
9. Haz clic en Tools > Cards en la barra de navegación principal y verás tu nueva card.
10. Haz clic en el enlace Actions en tu card y haz clic en Embed.
11. Esto abrirá una nueva ventana con 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 incrustada:

<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 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.