Para poder introducir dentro del motor de reservas vía script datos e información como por ejemplo una oferta o un comparador de precios hemos habilitado un área específica para ello y está protegida para que cada vez que el motor se recargue esa información que provienen del script se pinte correctamente.


Tenemos dos formas de realizarlo:

  • Utilizando eventos JS
  • Utilizando un ID fijo en el HTML



Eventos JS


El evento se debe llamar eventBannerInfo y tendrá como parámetros los siguientes:
  • 'content' en el que se pasará el contenido HTML
  • 'navigation_step' en el que se indicará el paso del proceso de reserva


Los posibles campos para 'navigation_step' son:
  • HOTEL_AVAILABILITY: disponibilidad de todos los hoteles, no hay ninguno seleccionado (sólo válido para motores multihotel)
  • ROOM_AVAILABILITY: disponibilidad de un hotel concreto y dónde se muestran las habitaciones
  • BOOKING_FORM: bloqueo de la reserva, dónde el cliente introduce sus datos
  • BOOKING_CONFIRMATION: página de confirmación donde aparece un resumen de toda la reserva


Ejemplo de uso:


window.dispatchEvent(new CustomEvent("eventBannerInfo", {detail: {content: '<div>Comparación de precios</div>', navigation_step: 'HOTEL_AVAILABILITY'}}));


NOTA: Utilizando este método desde Hotetec podemos controlar cómo se muestra el contenido y garantizar que sea visible aunque el usuario navegue por los diferentes apartados del proceso de reserva.



ID fijo


En nuestro motor tenemos el ID "inliner" en una etiqueta <div> del código que permite introducir contenido HTML en ella. Al recibir la información vía el script instalado se visualizará lo recibido en el área destinada para ello.


Este ID se encontrará en los 4 pasos del motor para que se pinte en cada uno de ellos según lo recibido. En qué paso se muestre el contenido depende de lo enviado en el HTML, no es controlado por Hotetec.


  • HOTEL_AVAILABILITY: disponibilidad de todos los hoteles, no hay ninguno seleccionado (sólo válido para motores multihotel)
  • ROOM_AVAILABILITY: disponibilidad de un hotel concreto y dónde se muestran las habitaciones
  • BOOKING_FORM: bloqueo de la reserva, dónde el cliente introduce sus datos
  • BOOKING_CONFIRMATION: página de confirmación donde aparece un resumen de toda la reserva


Todo lo relacionado con este "banner" dependerá de lo recibido en el script y por lo tanto los estilos para que encajen en el diseño del motor y del cliente deberán venir bien definidos, así como la lógica necesaria para usarlo (ya que cada paso del proceso de reserva borrará lo que había en el banner, ya que se repinta el motor completo).


Ejemplo de uso:


document.getElementById("inliner").innerHTML = "<span>CONTENIDO INLINER</span>"


NOTA: utilizando este método desde Hotetec no podremos controlar la visualización de contenido y siempre se realizará por parte del canal este control y toda la lógica debe venir estructurada en la información enviada mediante el script pertinente.



IMPORTANTE


No se pueden utilizar ambas formas para introducir contenido, se debe escoger una u otra, ya que ocupan el mismo espacio en el motor y por lo tanto no pueden convivir entre ellas.



Es de vital importancia que se controle correctamente lo que se añade, ya que podría perjudicar al diseño o estructura del motor si no se adapta correctamente la información enviada.