Ejemplo: 

<button class="rsv-app-launcher rsv-mobile-launcher otras-clases">

Botones en Pagina Web del Hotel

La librería hotelrsv.js es la encargada de integrar los varios productos de hotelRSV como el Widget, la App Web y la App Mobile y las funcionalidades de Conexion con TripAdvisor con TripConnect y de Search Engine Call to Reservation with Sitelinks.

Para colocar botones de “Reserve Ahora” el procedimiento es muy sencillo, además existen varias opciones de customización. La siguiente guía está orientada para el Webmaster de su página Web y explica cómo configurar correctamente los botones de Reservar (call to action).

Requerimientos previos

...

Requerimiento

...

Nota

...

Librería Instalada hotelrsv.js

...

Instalación de hotelrsv.js antes de la etiqueta </head> o </footer> en cada pagina donde deseen colocar botones de reservas, vea la sección de instalación.

...

Código de Licencia hotelrsv_id_##

...

Asignación de la variable de hotel o del hotel principal en caso de hoteles de Grupo. Esta información le será proporcionada al momento de la activación del servicio.

...

Código de Página analytics.novohit.com

...

Asignación del ID de página de analytics.novohit.com

Clases rsv-app-launcher y rsv-mobile-launcher

Configuración de botones para Aplicación Web

Cualquier botón, imagen o link (anchor) ubicado en la página web del hotel, puede usarse para lanzar la aplicación de reservaciones de hotelRSV, para esto solo se requiere agregar la clase rsv-app-launcher al botón o link en el que requiera dicha acción. Esta clase no agrega ningún estilo, es puramente funcional.

Elementos HTML soportados

Los tipos de botones a los que se les puede agregar la clase, son:

...

Elemento de Acción

...

Ejemplo

...

<button>

...

<button class="rsv-app-launcher rsv-mobile-launcher otras-clases">

...

<input>

...

<input class="rsv-app-launcher rsv-mobile-launcher otras-clases">

...

<a>

...

<a class="rsv-app-launcher rsv-mobile-launcher otras-clases">

...

<input type="button">

...

<input type="button" class="rsv-app-launcher rsv-mobile-launcher otras-clases">

Selección de Idioma

hotelRSV es multi idioma y automáticamente se mostrará en el idioma del usuario (según el idioma en el que esté su dispositivo). Para detalles, vea Seleccion y Determinacion del Idioma.

Es posible modificar el idioma de hotelRSV a nivel programático a nivel global (para todos los elementos de Acción en la página) o a nivel singular (por cada Botón de Reserva o Elemento de Acción), para mas información, vea Seleccion y Determinacion del Idioma

Parámetros Adicionales

...

Parámetro

...

Posibles Valores

...

Uso

...

Explicación

...

data-hotelrsv-lang

...

Código ISO 3166-2 de dos caracteres. Ver listado en Seleccion y Determinacion del Idioma

...

Opcional

...

Selección de idioma, si no se pasa este parámetro, tomará el idioma establecido según explicado en Seleccion y Determinacion del Idioma

...

data-hotelrsv-currency-code

...

Código de Moneda ISO 4217 según las monedas configuradas en su Hotel.

...

Opcional

...

Código de Moneda a pre-seleccionar.

Debe usar los códigos ISO 4217 que estén dados de alta en su extranet.

Revisar en su panel de control / extranet.

Si tiene dudas, coloque un ticket.

...

data-hotelrsv-dt-arrival

...

Fecha en formato AAAAMMDD

...

Opcional

...

AñoMesDia que representa la fecha de check-in deseada.

...

data-hotelrsv-dt-departure

...

Fecha en formato AAAAMMDD

...

Opcional

...

AñoMesDia que representa la fecha de check-out deseada.

...

data-hotelrsv-id-room-type

...

Identificador de la habitación o producto según los tipos de habitaciones o paquetes configurados en su hotel.

...

Opcional

Si usa room_type_abbrev no debe usar este parámetro.

...

Identificador de la habitación a pre-seleccionar.

El ID lo encuentra en su panel de control / extranet.

Si no sabe como obtener el id de habitación, utilice el parámetro room_type_abbrev a continuación.

Si está usando los parámetros dt_arrival y dt_departure debe incluir este parámetro.

...

data-hotelrsv-room-type-abbrev

...

Identificador alfanumérico personalizable de la habitación o producto según los tipos de habitaciones o paquetes configurados en su hotel.

...

Opcional

Si usa id_room_typeno debe usar este parámetro.

...

Identificador de la habitación a pre-seleccionar.

El ID lo encuentra en su panel de control en Configuraciones → Configuración Operaciones → General → Tipo y Fotos de Habitación en el campo ABREVIATURA

Si está usando los parámetros dt_arrival y dt_departure debe incluir este parámetro.

La abreviación NO puede contener espacios, acentos, letras con tildes, caracteres especiales ni puntuación. Solo caracteres alfanuméricos.

Si está usando los parámetros dt_arrival y dt_departure debe incluir este parámetro.

...

data-hotelrsv-show-other-rooms

...

1 | 0

...

Opcional

...

1 = Mostrará otras habitaciones además de la pre-seleccionada.

0 = Mostrará únicamente la habitación pre-seleccionada.

...

data-hotelrsv-id-hotel

...

Id del Hotel en un grupo de Hoteles

...

Opcional

Solo para grupos de Hoteles

...

Use este parámetro si su página es para varios hoteles de un grupo pero desea que un botón de reserva ejecute la app de reservas para un botón particular.

...

data-hotelrsv-promo-code

...

Código promocional de Splendidus Generador de Prómos

...

Opcional

...

El código lo encuentra en el panel de control en Ventas → Define Promociones

...

data-hotelrsv-show-multihotel-selector

...

Desplegar el selector de hoteles (solo grupos de hoteles)

...

Opcional

Solo para grupos de Hoteles

...

data-hotelrsv-show-multihotel-selector="1"

Ejemplos

En los siguientes ejemplos, los elementos de acción llamarán a la Aplicación en el idioma declarado a nivel global ya que no tienen declarado el atributo para determinación a nivel singular de idioma.

Ejemplos de Input

<input type="submit" value="Reservar" class="rsv-app-launcher rsv-mobile-launcher">

Ejemplo de Input Tipo Botón

<input type="button" value="Reserve" class="rsv-app-launcher rsv-mobile-launcher" data-hotelrsv-show-multihotel-selector="1">

Este código hará que se muestre el selector de hoteles apenas se inicie la app. Solo aplíquelo si el hotel o la página permite reservas para un grupo de hoteles.

Ejemplo de Input Tipo Botón

<a href="#" class="rsv-app-launcher rsv-mobile-launcher" data-hotelrsv-promo-code="MYPROMO15">

Ejemplos de Botón

<button data-hotelrsv-lang="en" class="rsv-app-launcher rsv-mobile-launcher" >Reserve</button>

El siguiente ejemplo ejecutará la aplicación en Inglés, independientemente del idioma indicado a nivel global.

Ejemplo de Anchor (link)

<a data-hotelrsv-lang="en" data-hotelrsv-room-type-abbrev="SGLLUX" data-hotelrsv-promo-code="MYPROMO15" data-hotelrsv-dt-arrival="20241010" data-hotelrsv-dt-departure="20241013" data-hotelrsv-show-other-rooms="0" href="#" class="mibtn miClase rsv-app-launcher rsv-mobile-launcher">Reservar</a>

El siguiente ejemplo ejecutará la aplicación:

• en Ingles data-hotelrsv-lang="en"

• pre-seleccionando las fechas del 10 al 13 de octubre del 2024 data-hotelrsv-dt-arrival="20241010" data-hotelrsv-dt-departure="20241013"

• cargará el cupón MYPROMO15 data-hotelrsv-promo-code="MYPROMO15"

• mostrará sólo el tipo de habitación SGLLUX sin mostrar otros tipos de habitaciones data-hotelrsv-room-type-abbrev="SGLLUX" y data-hotelrsv-show-other-rooms="0"

Generador de Call to Reservation – Botones

...