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 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 está dirigido principalmente a 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 Enlace

Para la integración más sencilla, recomendamos usar un Enlace Compartible.

Estos son los pasos para hacerlo:

1. Ve a https://extranet.wink.travel
2. Haz clic en Iniciar sesión / Registrarse 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 Motor de reservas 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 personalización elegida.
Puedes personalizar aún más tu enlace:

• Cambiando la personalización seleccionada O
• Sobrescribiendo el itinerario

En este artículo, nos centraremos 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 añadir una fecha de inicio: sd=2024-08-24
• n Para añadir 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 Añadir 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 al usar uno de nuestros enlaces como tu botón reservar ahora.

• Amigable con redes sociales El enlace se puede compartir 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 Incrustación

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.

Estos son los pasos para hacerlo:

1. Ve a https://studio.wink.travel
2. Haz clic en Iniciar sesión / Registrarse 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 Buscar 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 Acciones en la tarjeta de resultado de búsqueda y selecciona Crear > Hacer una 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 Herramientas > Cards en la barra de navegación principal y verás tu nueva card.
10. Haz clic en el enlace Acciones en tu card y haz clic en Incrustar.
11. Se 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.