Skip to content

Instalar la página

Los resultados con las habitaciones disponibles, sus precios y otras características se muestran en páginas dentro de la propia web del hotel. Para insertarlo se necesita configurar una sección del sitio web para cada idioma apuntando completamente al motor.

Motor del PMS OTHELLO

Si el motor de reservas utiliza el PMS de Millenium Soft llamado OTHELLO su gestor de cuentas le instruirá a utilizar un tipo de instalación especial. Ignore el resto de este documento y siga las instrucciones de la página.

Directrices previas

Las páginas están pensadas para mostrar los resultados de la búsqueda. Son críticas para el funcionamiento y rendimientos monetarios correctos del motor por lo que deben cumplirse una serie de directrices.

  1. Sin elementos emergentes: Que no exista ningún elemento emergente que se superponga. Desactivarlos todos. Que no haya chats, que no haya suscripciones a la newsletter, etc.
  2. Solo cabecera y pie: Que contenga el menú o cabecera común a toda la web y el pie común a toda la web; pero ninguna barra lateral ni contenido.
  3. Sin imágenes de cabecera: Que no tenga imágenes excesivamente grandes al principio de la página. Aquí no quedan bonitas y son un estorbo durante la reserva provocando además un scroll innecesario. La cabecera debe contener solo el menú y los datos esenciales comunes a la web.
  4. Sin limitación de ancho: El contenido de la página no debe ir limitado en ancho. Es muy común encontrar contenedores que centran el contenido y lo limitan pero el motor tiene su propio funcionamiento que se vería afectado por esto.
  5. No insertar el widget en las páginas del motor: El motor tiene funcionalidad propia que tienen todo lo necesario. No insertes el widget dentro de las páginas del motor.
  6. No mostrar el widget móvil en el menú: Recuerda no mostrar el link o botón de reservar móvil que tengas en el menú de navegación dentro de las páginas del motor.

Insertar el motor

Una vez revisemos las directrices previas debemos insertar una página por cada idioma que tengamos configurado en el motor. El idioma viene indicado según el script que hayamos cargado previamente para el widget. Cada idioma del widget manda la disponibilidad a la página correspondiente con el mismo código.

Una página por idioma

Recuerda insertar una página por cada idioma en el que configures el widget.

Dirección de la página

La página que tenemos que insertar es un poco especial, porque debe responder a cualquier dirección dentro de ella. Es una especie de carpeta virtual.

Cada sistema de hacer páginas webs tiene su propia forma de configurar este tipo de páginas, por lo que debemos remitirnos al manual de nuestro sistema para hacerlo.

El objetivo es responder a cualquier dirección que empiece por este prefijo:

https://[WEB DEL HOTEL]/[LANG]/onetbooking

Por ejemplo, en español debemos responder a todas estas direcciones:

https://www.hotel.com/es/onetbooking
https://www.hotel.com/es/onetbooking/availability
https://www.hotel.com/es/onetbooking/foo
https://www.hotel.com/es/onetbooking/bar
https://www.hotel.com/es/onetbooking/... y muchos más

Preguntas frecuentes

¿Puedo poner solo algunas direcciones concretas?

No, no hay un listado de páginas concreto. Son dinámicas, cambian según la funcionalidad del hotel y el desarrollo de la reserva. Es obligatorio configurar todo el prefijo para que las reservas funcionen correctamente.

¿Puedo poner las páginas en otra dirección o carpeta?

No, no se puede cambiar la dirección. Debe tener el idioma y el prefijo para que funcione el motor de reservas.

¿Puedo redireccionar el navegador a direcciones que me convengan?

No, no se puede redireccionar. Estas direcciones deben responder con el script que hay a continuación sin cambiar la ruta del navegador y sin redirigir a ninguna otra página.

Script

Dentro de la página debemos cargar el mismo script que teníamos para el widget con el lenguaje de cada dirección. Dependiendo del código de idioma el script será:

html
<script type="module" src="https://engine.onetbooking.com/[LANG]/script.js"></script>

No cargues un idioma en otro

Ten cuidado para cargar el script correcto dentro de cada lenguaje. Si la página utiliza el lenguaje es-es carga el script es-es, NO cargues ningún otro como es o en, aunque sean dialectos parecidos o te parezca buena idea porque el motor no podrá recibir pagos de ese idioma.

Lenguajes soportados

Consulta el listado completo de idiomas soportados.

Y algunos scripts de ejemplo con los idiomas más comunes:

html
<script type="module" src="https://engine.onetbooking.com/es/script.js"></script>
html
<script type="module" src="https://engine.onetbooking.com/en/script.js"></script>
html
<script type="module" src="https://engine.onetbooking.com/fr/script.js"></script>

Contenido

El contenido de la página debe tener únicamente la siguiente etiqueta:

html
<onetbooking-page></onetbooking-page>

No limites el ancho

Recuerda no limitar el ancho ni meter la etiqueta dentro de un contenedor centrado de ningún tipo.

Si el diseño de tu sitio web tiene una barra flotante que acompaña a la pantalla recomendamos que utilices la etiqueta <nav> para envolver el contenido de esa barra. Esta solución es semántica, correcta y la detecta automáticamente el motor para ajustar los flotantes dentro de las pantallas.

Si por razones de fuerza mayor se tienen que usar otras etiquetas o estructura primeramente intenta forzar utilizar la etiqueta <nav>. Es la mejor solución y la más sencilla y compatible. Si aún así no es posible se puede configurar un selector CSS personalizado para indicar cual es el elemento flotante de la página.

Otros flotantes

Para indicar el elemento flotante configura un selector CSS como atributo en la etiqueta:

html
<onetbooking-page navbar=".my-custom-navbar"></onetbooking-page>

Redirecciones de la web

El motor de reservas inserta algunas direcciones y vínculos automáticamente a lo largo del proceso de reserva. Es necesario definirlas en la web para que apunten al contenido que deseemos y el usuario no se pierda o denuncie legalmente.

Las direcciones son fijas, pero pueden redireccionarse a conveniencia a las páginas que queramos que tengan el contenido correspondiente y en el idioma seleccionado.

Hay que crear todas las direcciones para cada uno de los idiomas en los que esté insertado el widget y la página de reservas.

DirecciónContenido al que debe apuntar
/[LANG]/termsTérminos y condiciones de uso.
/[LANG]/privacy-policyPolítica de privacidad.
/[LANG]/contactFormulario de contacto con el hotel.

Es importante saber que el prefijo cambia según el idioma, pero no así el link. Por ejemplo en español la dirección será /es/terms y en inglés /en/terms.

Preguntas frecuentes

¿Puedo poner solo algunos idiomas?

No, deben estar todos los idiomas en los que tenemos widget y página de reservas para que el usuario no se pierda y reciba toda la información.

¿Qué ocurre si no tengo el contenido en un idioma concreto?

Puede redireccionar a un idioma genérico como el inglés, puede avisar con otro tipo de contenidos o realizar la acción que mejor sirva a los futuros clientes del hotel. En cualquier caso hay que definir la dirección para que responda y los usuarios no se pierdan.

¿Puedo poner las páginas en otra dirección o carpeta?

Sí, pero cree una redirección desde la dirección oficial hacia esa página para no perder a los futuros clientes del hotel.

¿Puedo redireccionar el navegador a direcciones que me convengan?

Sí, se puede redireccionar al usuario hacia otra página desde las direcciones oficiales para que terminen llegando al contenido correcto y deseado.

¿Si ya tengo las páginas creadas en otras direcciones, puedo redireccionarlas?

Sí, se puede redireccionar al usuario hacia otra página desde las direcciones oficiales para que terminen llegando al contenido que ya existe.

Si tengo unidos los términos de uso y la política de privacidad, ¿qué ocurre?

Recomendamos dos páginas separadas para cumplir con las normativas, pero a nivel técnico se pueden redireccionar como necesitemos hacia el mismo destino sin limitaciones. Tenemos que definir igualmente todas las direcciones oficiales aunque luego redireccionen a un mismo destino.