Integración Idiso Booking Engine (versión 2012)

Transcripción

1 Integración Idiso Booking Engine (versión 2012) Fecha de creación 15/11/2012 Fecha de última modificación 15/11/2012 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 1

2 INDICE 1 Introducción Integración de BE 2012 en web de hotel Distribución de paxes por habitación Ajuste de tamaño de booking engine Proceso de cancelación de reserva Presentación web de habitaciones Grabación de fotos de habitaciones Grabación de descripción de habitaciones Presentación de habitaciones en la web Personalización diseño BE Personalización valores Básicos del css Reemplazo completo de colores básicos (Recomendación) Valores generales Colores Personalización incluyendo resumen lateral Ejemplos de hojas de estilos personalizadas preconfiguradas Personalización valores avanzados del css Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 2

3 1 Introducción El objetivo de este documento es mostrar el procedimiento a seguir para la integración del Booking Engine (versión 2012) en una web de hotel. 1.1 Integración de BE 2012 en web de hotel La integración del Booking Engine en la web de un hotel se realiza incluyendo un acceso por URL al motor de reservas de Idiso desde la web del cliente. Existen diferentes formas de integrar el motor de reservas en la página del hotel siendo elección del cliente el integrar de una u otra forma el motor según criterios funcionales y de diseño de su web. A continuación se detallan las diferentes alternativas según el esfuerzo necesario para la integración (de menor a mayor dificultad): Abrir en pop-up (ventana/pestaña emergente) directamente un link de uno de los buscadores (por ejemplo desde una opción de menú). El usuario puede comenzar la reserva partiendo del buscador que aparece en el link abierto. Incluir un iframe dentro de la página del hotel que incorpore en el atributo src la llamada al link proporcionado y relativo al buscador de disponibilidad Opción anterior, abriendo el resultado de disponibilidad en pop-up. Es útil en páginas que por cuestiones de diseño o en ocasiones por limitaciones técnicas, únicamente desean mostrar en una pequeña área el buscador, dejando que el resto del proceso de reservas se lleve a cabo en una ventana nueva. Buscador interno dentro de la web del hotel cuyo botón de búsqueda abre en pop-up el resultado de disponibilidad (llamada a uno de los links proporcionados), pasándole para ello los parámetros relativos al filtro de búsqueda desde el buscador interno. Buscador interno dentro de la web del hotel cuyo botón de búsqueda realiza una llamada a otra página dentro del dominio del hotel que se encarga de procesar los parámetros de búsqueda, mostrando el resultado de disponibilidad en un iframe. El iframe puede estar incluido en la misma página que el buscador interno (en cuyo caso deberá aparecer oculto y mostrarse en el momento de realizar una búsqueda) o en otra página diferente. El Booking Engine de Idiso permite integrar 3 modelos de buscador, los cuáles se obtienen mediante la configuración de un enlace con unos parámetros apropiados. La tabla 1 muestra la descripción y enlace de cada buscador: IMPORTANTE: El nuevo motor estará disponible en las rutas recogidas en este documento sobre dominio: para aquellos clientes que quieran realizar pruebas, consultas o migrar a la versión beta del nuevo motor de reservas en caso de desear adelantarse al lanzamiento. Tras el lanzamiento esta URL será redireccionada al acceso habitual: siendo indiferente acceder por /csl/ o /csl2012/ y realizándose así la migración automática del motor a la nueva versión sin necesidad de actuación por parte de los clientes. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 3

4 BUSCADOR POR FECHAS Este buscador permite hacer consultas de disponibilidad por fechas para un determinado hotel. El código de hotel es por tanto fijo. Url: Parámetro Descripción Oblg. Ejemplo codigohotel lang idpartner Código del hotel para el que se realizará la consulta de disponibilidad por fechas. Debe tratarse de un código válido definido en IDISO. Código de idioma en que se mostrará el buscador. Posibles valores: ca: Catalán (Cataluña-España) cn: Chino es: español es_mx: español México es_us: español USA en: inglés en_ca: Canadá en_us: inglés USA de: alemán fr: francés it: italiano kr: Coreano jp: Japonés pt: portugués pt_br: portugués Brasil ro: rumano ru: ruso Código de Partner. Cada cliente que haya contratado Marca blanca dispondrá de un código que le identifique. SI SI SI idprm Promoción SI idong Origen de negocio SI IdNom Nombre web SI tipotarifa Código de tarifa oferta mtqe orgtype Con valor Y, indica que se buscará disponibilidad en exclusiva, sólo para la tarifa pasada en el parámetro tipotarifa. Indica si se trata de reservas de agencia o empresa. Si no se indica este parámetro, se asume que es una reserva de particular. Si se indica, se entra mediante acceso profesional (B2B) con posibles valores: A: Agencia. Se muestra un campo donde indicar el código de agencia. Según la configuración del partner se indicará el IATA Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 4

5 de la agencia o el código de agencia en Idiso. C: Empresa. Se muestra un campo donde indicar el código de empresa. AC: Agencia/Empresa. La agencia reserva para una empresa. Se muestra campo de agencia y campo de empresa. Si existe el parámetro orgsearch=opcional, permite reservar sólo mediante agencia o empresa dejando uno de los códigos vacíos; en caso contrario, ambos códigos son obligatorios. CA: Empresa/Agencia. Se muestra campo de agencia y campo de empresa, y ambos son obligatorios. orgsearch Indica si alguno de los códigos de agencia o empresa son opcionales, en el caso en que el parámetro orgtype=ac. Si no se indica este parámetro, los códigos de agencia y empresa son obligatorios. Si se indica con valor opcional, uno de dichos códigos puede dejarse vacío. agencycode Código de la agencia para la que se realiza la reserva. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. corpcode Código de la empresa para la que se realiza la reserva. Este parámetro es útil para reservas B2B de empresa o agencia-empresa. agencycodet ype Tipo de identificación de la agencia. Los posibles valores son: S: Validación por código idiso. I: Validación por IATA. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. rutaestilos Ubicación de las galerías de estilos. Si no se especifica este parámetro la ubicación de estilos habrá sido configurada en IDISO. En la ubicación especificada deben existir las galerías de estilos indicadas en el Anexo A. haypopup Si vale true, los resultados de disponibilidad se mostrarán en una ventana nueva (pop up). true mostrarbusca dorlateral Con valor Y, indica que se mostrará el buscador lateral en el resultado de disponibilidad, en lugar de mostrarse el de la parte superior. Aunque se especifique este valor, para que tome efecto se han de personalizar los estilos de forma que se ocupe todo el ancho de la pantalla, como se explicará más adelante. Si no se especifica o vale N, se ocultará el buscador lateral y se mostrará el de la parte superior. otrasfechas Si vale false, se mostrará el formulario de fechas en las pantallas de resultado de disponibilidad. Si vale true o no se indica, se mostrará el formulario de fechas. voucherpayme nt Este parámetro es útil para reservas B2B de agencia o agencia-empresa. Si vale N, sólo se permitirá garantizar la reserva mediante tarjeta de Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 5

6 crédito, independientemente de la fiabilidad de la agencia. Si vale Y o no se indica, se permitirá garantizar la reserva mediante bono de agencia o no dependiendo de la fiabilidad de la agencia. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 6

7 BUSCADOR POR HOTEL Y ZONAS Buscador por hotel: Este buscador permite hacer consultas de disponibilidad por fechas y hotel para uno o todos los hoteles de una cadena. La elección del hotel se realiza a partir de un combo de hoteles. Buscador por zona: Este buscador permite hacer consultas de disponibilidad por fechas y hotel para uno o todos los hoteles de una cadena. La selección del hotel se hace por zona o por hotel a partir de un combo de zonas y otro de hoteles del grupo dentro de la zona seleccionada. Url Buscador hotel: Url Buscador zona: Parámetro Descripción Oblg. Ejemplo lang idpartner Código de idioma en que se mostrará el buscador. Posibles valores: ca: Catalán (Cataluña-España) cn: Chino es: español es_mx: español México es_us: español USA en: inglés en_ca: Canadá en_us: inglés USA de: alemán fr: francés it: italiano kr: Coreano jp: Japonés pt: portugués pt_br: portugués Brasil ro: rumano ru: ruso Código de Partner. Cada cliente que haya contratado Marca blanca dispondrá de un código que le identifique. SI SI idprm Promoción SI idong Origen de negocio SI IdNom Nombre web SI tipotarifa Código de tarifa oferta mtqe orgtype Con valor Y, indica que se buscará disponibilidad en exclusiva, sólo para la tarifa pasada en el parámetro tipotarifa. Indica si se trata de reservas de agencia o empresa. Si no se indica este parámetro, se asume que es una reserva de particular. Si se indica, se entra mediante acceso profesional (B2B) con posibles valores: Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 7

8 A: Agencia. Se muestra un campo donde indicar el código de agencia. Según la configuración del partner se indicará el IATA de la agencia o el código de agencia en Idiso. C: Empresa. Se muestra un campo donde indicar el código de empresa. AC: Agencia/Empresa. La agencia reserva para una empresa. Se muestra campo de agencia y campo de empresa. Si existe el parámetro orgsearch=opcional, permite reservar sólo mediante agencia o empresa dejando uno de los códigos vacíos; en caso contrario, ambos códigos son obligatorios. CA: Empresa/Agencia. Se muestra campo de agencia y campo de empresa, y ambos son obligatorios. orgsearch Indica si alguno de los códigos de agencia o empresa son opcionales, en el caso en que el parámetro orgtype=ac. Si no se indica este parámetro, los códigos de agencia y empresa son obligatorios. Si se indica con valor opcional, uno de dichos códigos puede dejarse vacío. agencycode Código de la agencia para la que se realiza la reserva. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. corpcode Código de la empresa para la que se realiza la reserva. Este parámetro es útil para reservas B2B de empresa o agencia-empresa. agencycodet ype Tipo de identificación de la agencia. Los posibles valores son: S: Validación por código idiso. I: Validación por IATA. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. rutaestilos Ubicación de las galerías de estilos.si no se especifica este parámetro la ubicación de estilos habrá sido configurada en IDISO. En la ubicación especificada deben existir las galerías de estilos indicadas en el Anexo A. irlistahoteles Indica si es posible consultar disponibilidad por zona/destino, en cuyo caso se muestra la lista de hoteles disponibles. Los posibles valores son: Y (consulta por zona), N (no consulta por zona) Si este parámetro no se incluye en el link no se puede consultar por zona. haypopup Si vale true, los resultados de disponibilidad se mostrarán en una ventana nueva (pop up). true mostrarbusca dorlateral Con valor Y, indica que se mostrará el buscador lateral en el resultado de disponibilidad, en lugar de mostrarse el de la parte superior. Aunque se especifique este valor, para que tome efecto se han de personalizar los estilos de forma que se ocupe todo el ancho de la pantalla, como se explicará más adelante. Si no se especifica o vale N, se ocultará el buscador lateral y se mostrará Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 8

9 otrasfechas voucherpayme nt el de la parte superior. Si vale false, se mostrará el formulario de fechas en las pantallas de resultado de disponibilidad. Si vale true o no se indica, se mostrará el formulario de fechas. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. Si vale N, sólo se permitirá garantizar la reserva mediante tarjeta de crédito, independientemente de la fiabilidad de la agencia. Si vale Y o no se indica, se permitirá garantizar la reserva mediante bono de agencia o no dependiendo de la fiabilidad de la agencia. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 9

10 CONSULTA DIRECTA DISPONIBILIDAD DE HABITACIONES (Buscadores externos) Este buscador permite hacer consultas directas de disponibilidad de habitaciones desde buscadores externos de la web del hotel. La consulta devuelve el listado de habitaciones del hotel solicitado. Url: Parámetro Descripción Oblg. Ejemplo codigohotel lang idpartner Código del hotel para el que se realizará la consulta de disponibilidad por fechas. Debe tratarse de un código válido definido en IDISO. Código de idioma en que se mostrará el buscador. Posibles valores: ca: Catalán (Cataluña-España) cn: Chino es: español es_mx: español México es_us: español USA en: inglés en_ca: Canadá en_us: inglés USA de: alemán fr: francés it: italiano kr: Coreano jp: Japonés pt: portugués pt_br: portugués Brasil ro: rumano ru: ruso Código de Partner. Cada cliente que haya contratado Marca blanca dispondrá de un código que le identifique. SI SI SI dia Día de la fecha entrada. SI mes Mes de la fecha de entrada (Ordinal del mes). SI anio Año de la fecha de entrada (4 dígitos). SI diahasta Día de la fecha salida. Obligatorio si el parámetro noches está vacío. meshasta aniohasta Mes de la fecha de salida (Ordinal del mes). Obligatorio si el parámetro noches está vacío. Año de la fecha de salida (4 dígitos). Obligatorio si el parámetro noches está vacío. noches Número de noches. Obligatorio si la fecha de salida es nula. habitaciones Número de habitaciones. SI personas Número de personas por habitación. Es posible indicar la distribución de adultos y niños por habitación, ver apartado SI Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 10

11 1.1.1 Distribución de paxes por habitación. idprm Promoción idong Origen de negocio idnom Nombre web tipotarifa Código de tarifa oferta mtqe Con valor Y, indica que se buscará disponibilidad en exclusiva, sólo para la tarifa pasada en el parámetro tipotarifa. orgtype Indica si se trata de reservas de agencia o empresa. Si no se indica este parámetro, se asume que es una reserva de particular. Si se indica, se entra mediante acceso profesional (B2B) con posibles valores: A: Agencia. Se muestra un campo donde indicar el código de agencia. Según la configuración del partner se indicará el IATA de la agencia o el código de agencia en Idiso. C: Empresa. Se muestra un campo donde indicar el código de empresa. AC: Agencia/Empresa. La agencia reserva para una empresa. Se muestra campo de agencia y campo de empresa. Si existe el parámetro orgsearch=opcional, permite reservar sólo mediante agencia o empresa dejando uno de los códigos vacíos; en caso contrario, ambos códigos son obligatorios. CA: Empresa/Agencia. Se muestra campo de agencia y campo de empresa, y ambos son obligatorios. orgsearch Indica si alguno de los códigos de agencia o empresa son opcionales, en el caso en que el parámetro orgtype=ac. Si no se indica este parámetro, los códigos de agencia y empresa son obligatorios. Si se indica con valor opcional, uno de dichos códigos puede dejarse vacío. rutaestilos Ubicación de las galerías de estilos. Si no se especifica este parámetro la ubicación de estilos habrá sido configurada en IDISO. En la ubicación especificada deben existir las galerías de estilos indicadas en el Anexo A. mostrarbusca dorlateral Con valor Y, indica que se mostrará el buscador lateral en el resultado de disponibilidad, en lugar de mostrarse el de la parte superior. Aunque se especifique este valor, para que tome efecto se han de personalizar los estilos de forma que se ocupe todo el ancho de la pantalla, como se explicará más adelante. Si no se especifica o vale N, se ocultará el buscador lateral y se mostrará el de la parte superior. otrasfechas Si vale false, se mostrará la opción de Buscar Otras Fechas. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 11

12 otrasfechasd esplegado consultaprefija da nochesantelac ion voucherpayme nt Si vale true o no se indica, se mostrará dicha opción. Si vale Y (y el parámetro otrasfechas=y), el formulario de fechas aparecerá desplegado. Si vale N o no se indica, el formulario estará plegado. Si vale Y, se prefijarán los parámetros de número de habitaciones, personas por habitación, offset y fechas (aunque si existen, prevalecerán): - Si se han indicado los parámetros de número de habitaciones y personas, se prefijará habitaciones=2, adultos=2, niños=2. En caso contrario, se mantendrán. - Si se ha indicado el número de noches (parámetro noches), se prefijará a 1. En caso contrario, se mantendrá. - Si se ha indicado el offset (parámetro nochesantelacion), se prefijará a 0. En caso contrario, se mantendrá. - Si se han indicado los parámetros de la fecha de inicio (dia, mes, anio), se prefijará a la fecha actual + nochesantelacion. En caso contrario, simplemente se sumará el offset calculado a la fecha de inicio indicada. - Se prefijará la fecha de fin (parámetros diahasta, meshasta, aniohasta) con el siguiente valor: fecha de inicio calculada en el paso anterior + offset calculado + número de noches calculado. Si vale N o no se indica, tendrá ningún efecto. Indica el número de noches de offset que se aplicará a la fecha de inicio en caso de que consultaprefijada=y. Este parámetro es útil para reservas B2B de agencia o agencia-empresa. Si vale N, sólo se permitirá garantizar la reserva mediante tarjeta de crédito, independientemente de la fiabilidad de la agencia. Si vale Y o no se indica, se permitirá garantizar la reserva mediante bono de agencia o no dependiendo de la fiabilidad de la agencia. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 12

13 CONSULTA DIRECTA DISPONIBILIDAD DE HOTELES (Buscadores externos) Este buscador permite hacer consultas directas de disponibilidad de hoteles desde buscadores externos. Url: Parámetro Descripción Oblg. Ejemplo lang idpartner Código de idioma en que se mostrará el buscador. Posibles valores: ca: Catalán (Cataluña-España) cn: Chino es: español es_mx: español México es_us: español USA en: inglés en_ca: Canadá en_us: inglés USA de: alemán fr: francés it: italiano kr: Coreano jp: Japonés pt: portugués pt_br: portugués Brasil ro: rumano ru: ruso Código de Partner. Cada cliente que haya contratado Marca blanca dispondrá de un código que le identifique. SI SI dia Día de la fecha entrada. SI mes Mes de la fecha de entrada (Ordinal del mes). SI anio Año de la fecha de entrada (4 dígitos). SI diahasta Día de la fecha salida. Obligatorio si el parámetro noches está vacío. meshasta aniohasta Mes de la fecha de salida (Ordinal del mes). Obligatorio si el parámetro noches está vacío. Año de la fecha de salida (4 dígitos). Obligatorio si el parámetro noches está vacío. noches Número de noches. Obligatorio si la fecha de salida es nula. habitaciones Número de habitaciones. SI personas Número de personas por habitación. Es posible indicar la distribución de adultos y niños por habitación, ver apartado Distribución de paxes por habitación. SI idprm Promoción idong Origen de negocio Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 13

14 idnom Nombre web tipotarifa Código de tarifa oferta mtqe Con valor Y, indica que se buscará disponibilidad en exclusiva, sólo para la tarifa pasada en el parámetro tipotarifa. rutaestilos Ubicación de las galerías de estilos. Si no se especifica este parámetro la ubicación de estilos habrá sido configurada en IDISO. En la ubicación especificada deben existir las galerías de estilos indicadas en el Anexo A. mostrarbusca dorlateral Con valor Y, indica que se mostrará el buscador lateral en el resultado de disponibilidad, en lugar de mostrarse el de la parte superior. Aunque se especifique este valor, para que tome efecto se han de personalizar los estilos de forma que se ocupe todo el ancho de la pantalla, como se explicará más adelante. Si no se especifica o vale N, se ocultará el buscador lateral y se mostrará el de la parte superior. otrasfechas Si vale false, se mostrará la opción de Buscar Otras Fechas. Si vale true o no se indica, se mostrará dicha opción. otrasfechasd esplegado Si vale Y (y el parámetro otrasfechas=y), el formulario de fechas aparecerá desplegado. Si vale N o no se indica, el formulario estará plegado. consultaprefija da Si vale Y, se prefijarán los parámetros de número de habitaciones, personas por habitación, offset y fechas (aunque si existen, prevalecerán): - Si se han indicado los parámetros de número de habitaciones y personas, se prefijará habitaciones=2, adultos=2, niños=2. En caso contrario, se mantendrán. - Si se ha indicado el número de noches (parámetro noches), se prefijará a 1. En caso contrario, se mantendrá. - Si se ha indicado el offset (parámetro nochesantelacion), se prefijará a 0. En caso contrario, se mantendrá. - Si se han indicado los parámetros de la fecha de inicio (dia, mes, anio), se prefijará a la fecha actual + nochesantelacion. En caso contrario, simplemente se sumará el offset calculado a la fecha de inicio indicada. - Se prefijará la fecha de fin (parámetros diahasta, meshasta, aniohasta) con el siguiente valor: fecha de inicio calculada en el paso anterior + offset calculado + número de noches calculado. Si vale N o no se indica, tendrá ningún efecto. nochesantelac ion Indica el número de noches de offset que se aplicará a la fecha de inicio en caso de que consultaprefijada=y. voucherpayme nt Este parámetro es útil para reservas B2B de agencia o agencia-empresa. Si vale N, sólo se permitirá garantizar la reserva mediante tarjeta de Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 14

15 crédito, independientemente de la fiabilidad de la agencia. Si vale Y o no se indica, se permitirá garantizar la reserva mediante bono de agencia o no dependiendo de la fiabilidad de la agencia Distribución de paxes por habitación Para las llamadas directas a consulta de disponibilidad de habitaciones/hoteles, debe indicarse la distribución de paxes adultos/niños por habitación. Hay dos formas de indicarlo: Distribución común para todas las habitaciones. En este caso el número de paxes (adultos + niños) por habitación es el mismo para todas las habitaciones de la reserva. Distribución específica por habitación. En este caso se indica para cada habitación el número de adultos y niños que la ocuparán. Ambas modalidades son excluyentes. En caso de usarse ambas a la vez, la primera tendrá prioridad. DISTRIBUCIÓN COMÚN PARA TODAS LAS HABITACIONES Parámetro Descripción Oblg. Ejemplo personas Número de personas (adultos + niños) por habitación. Todas las habitaciones reservadas tendrán la misma distribución. Ojo: Este parámetro es excluyente con los parámetros de distribución específica, así que nunca debe indicarse cuando se trabaje con distribución específica por habitación. DISTRIBUCIÓN ESPECÍFICA POR HABITACIÓN SI Parámetro Descripción Oblg. Ejemplo adultsroomh Número de adultos que ocupan la habitación H. Todas las habitaciones deben tener un adulto como mínimo. H = Número ordinal de la habitación: 1, 2, 3 SI Habitación doble con dos adultos. adultsroom1=2 childrenroomh Número de niños en la habitación H. H = Número ordinal de la habitación: 1, 2, 3 childnroomh Edad del niño N de la habitación H. Ejemplo: Si una habitación tiene niños es obligatorio que se especifique la edad de cada uno. N = Número ordinal de niño H = Número de habitación Habitación 1: 2 adultos Habitación 2: 1 adulto + 2 niños (5 y 7 años) SI SI childrenroom1=1 child1room1=6 adultsroom1=2 2 adultos en la primera habitación. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 15

16 adultsroom2=1 childrenroom2=2 child1room2=5 child2room2=7 1 adulto en la segunda habitación. 2 niños en la segunda habitación. El primer niño de la segunda habitación tiene 5 años. El segundo niño de la segunda habitación tiene 7 años. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 16

17 1.2 Ajuste de tamaño de booking engine El Booking Engine puede ser incrustado en la web del hotel mediante un iframe enlazado con Idiso. Como el tamaño de un iframe es fijo, si el contenido tiene un tamaño superior al del iframe se muestra un scrollbar para acceder a las zonas no visibles del Booking Engine (ver figura). Figura 1 El procedimiento a seguir para que el iframe que contiene Booking Engine se ajuste al contenido es el siguiente: 1. El nombre e identificador del iframe debe ser iframebeidiso 2. Incluir en la pagina contenedora del iframe un enlace a la librería javascript idisobenew.js que está disponible en la web de Idiso en el siguiente enlace <script language="javascript" type="text/javascript" src=" 3. Incluir en la web del hotel la página html adjustidisobe.html e informar a Idiso de la ubicación de ésta. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 17

18 1.3 Proceso de cancelación de reserva El proceso de cancelación de la reserva se lleva a cabo en tres pasos. Para poder acceder habrá que pasar una url con los siguientes atributos: CANCELACIÓN DE RESERVA Esta pantalla permite cancelar una reserva existente. Url: Parámetro Descripción Oblg. Ejemplo lang Código de idioma en que se mostrará el buscador. SI Posibles valores: ca: Catalán (Cataluña-España) cn: Chino es: español es_mx: español México es_us: español USA en: inglés en_ca: Canadá en_us: inglés USA de: alemán fr: francés it: italiano kr: Coreano jp: Japonés pt: portugués pt_br: portugués Brasil ro: rumano ru: ruso codigohotel Código del hotel para el que se realizará la consulta de disponibilidad por fechas. SI Debe tratarse de un código válido definido en IDISO. idpartner Código de Partner. Cada cliente que haya contratado Marca blanca dispondrá de un código que le identifique. SI rutaestilos Ubicación de las galerías de estilos. Si no se especifica este parámetro la ubicación de estilos habrá sido configurada en IDISO. En la ubicación especificada deben existir las galerías de estilos indicadas en el Anexo A. Como resultado el sistema mostrará una página de formulario en la que se solicitarán al cliente aquellos datos necesarios (localizador, fecha de entrada en el hotel y fecha de salida del hotel) para poder acceder a la gestión de su reserva y con ella a su cancelación. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 18

19 2 Presentación web de habitaciones El motor de reservas ofrece la posibilidad de personalizar ciertos aspectos relacionados con la presentación de habitaciones en la web. En este apartado se mostrará la creación y mantenimiento de la descripción, características y fotos de las habitaciones del hotel comercializadas en el Booking Engine. 2.1 Grabación de fotos de habitaciones La personalización de fotos está disponible a través de la sección de la IDISO CRS: Booking Engine > Fotos habitaciones Web Desde donde es posible incorporar distintas imágenes como fotos de habitación eligiendo una de éstas como foto principal. Figura 2 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 19

20 2.2 Grabación de descripción de habitaciones La personalización de descripciones de habitaciones, servicios y características también es una propiedad permitida en el motor de reservas a través de la sección de la IDISO CRS: Booking Engine > Descripción habitaciones Web Figura 3 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 20

21 2.3 Presentación de habitaciones en la web La personalización de habitaciones descrita en los apartados anteriores tiene su reflejo en el motor dentro de la pantalla de listado de habitaciones según los indicadores siguientes: Figura 4 Figura 5 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 21

22 3 Personalización diseño BE Personalización valores Básicos del css Los estilos de las páginas del motor de reserva pueden ser personalizados para favorecer la integración del Booking Engine con los estilos de la página Web del cliente. En la tabla 1 aparece la relación de ficheros personalización de diseño de BE ESTILOS - estilos e imágenes - empleados para la Fichero css popup-config.css basico/estilo-config.css Descripción Galería de estilos general de marca blanca. Este fichero contiene el estilo de todos los componentes visuales de BE. Galería de estilos de los popups (lightbox). Galería de estilos principales de marca blanca y configurables por parte del cliente. Galería de estilos de los popups (lightbox) y configurables por parte del cliente. Tabla 1 El procedimiento para personalizar se basa en los ficheros anteriores: 1) Debe publicarse el fichero "estilo-config.css" en una ruta del servidor Web del cliente cambiándole el nombre por "estilo.css". 2) Debe publicarse el fichero "popup-config.css" en una ruta del servidor Web del cliente (la misma que el fichero estilo.css ) cambiándole el nombre por "popup.css". 3) En los ficheros estilo.css y popup.css publicados se modificarán aquellas propiedades que se decidan personalizar por parte del cliente. Las hojas de estilos se ha estructurado en estilos generales, colores e imágenes junto con sus subcategorías para facilitar el proceso. 4) Se incorporará el parámetro rutaestilos al link del hotel indicado en el apartado 1.1 IMPORTANTE: La ruta no incluye el nombre de fichero, únicamente la url del directorio de publicación. - Ejemplo de integración - Suponiendo que se haya publicado la hoja de estilos tal y como se ha indicado en la url ficticia: Y que el link del buscador utilizado fuera: Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 22

23 Hotel=XXXX&lang=es&idPartner=PARTNER&idPrm=XXXXXXXX&idONg=XXX &idnom=webpropia&haypopup=true La url resultante para el proceso de reservas con buscador por fechas quedaría como: Hotel=XXXX&lang=es&idPartner=PARTNER&idPrm=XXXXXXXX&idONg=XXX &idnom=webpropia&haypopup=true&rutaestilos= nte/css/ A continuación se muestras varios ejemplos de integración del BE modificando el atributo rutaestilos. Figura 6 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 23

24 Figura 7 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 24

25 3.1.1 Reemplazo completo de colores básicos (Recomendación). Para la personalización básica le recomendamos hacer el reemplazo completo en todo el documento de los 4 colores establecidos como básicos: Código Hexadecimal # Color general texto (Por defecto gris muy oscuro) #2581b8 Color predominante, le recomendamos introducir su color corporativo (Por defecto azul) # #3D3D3D Degradado del primer color al segundo en botones, cabeceras, paso activo Se recomienda introducir 2 colores de la gama del color corporativo. Si se desea un efecto liso, basta con sustituir ambos colores por el mismo. # Color efectos links (Por defecto gris medio a gris oscuro) (Por defecto negro) Tabla Valores generales Los valores generales que configuran las páginas son: Clase HTML Html, body #pagina Formato y tamaño de fuente Ancho y márgenes de la página Tabla Colores Los colores generales que afectan al frame global son: Clase HTML Html, body a a:hover Color general del texto Color de los links Efecto mouseover en links Tabla 4 A continuación de estas etiquetas, en el css (estilo-config.css) aparecen un conjunto de clases específicas. Se recomienda realizar el reemplazo completo de los colores básicos expuestos en el punto Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 25

26 3.2 Personalización incluyendo resumen lateral El motor de reservas ofrece la posibilidad de mostrar un diseño extendido con una pieza lateral que incluye: - El resumen de la consulta ofreciendo la posibilidad de modificar la misma hasta que el cliente ha elegido una tarifa. - El resumen de las condiciones y política de cancelación de la tarifa seleccionada una vez elegida la misma. Para mostrar esta pieza lateral es necesario que la CSS ofrezca al motor un ancho de página superior a 960 px y en las llamadas al motor se envíe el parámetro: mostrarbuscadorlateral=y. A continuación se muestran los mismos ejemplos del apartado anterior con esta pieza lateral: Figura 8 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 26

27 Figura 9 Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 27

28 3.3 Ejemplos de hojas de estilos personalizadas preconfiguradas En la siguiente tabla se indica una relación de hojas de estilos preconfiguradas con colores básicos genéricos que pueden servir de guía o ser directamente reutilizados en aquellas integraciones en las que se considere oportuno: ESTILOS EJEMPLO Imagen Descripción y nombre del fichero Personalización de estilos con colores grises. RIS/basico/estilo-config-gris.css Personalización de estilos con colores azules. ZUL/basico/estilo-config-azul.css Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 28

29 Personalización de estilos con colores rojos. OJO/basico/estilo-config-rojo.css Personalización de estilos con colores naranjas. ARANJA/basico/estilo-confignaranja.css Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 29

30 Personalización de estilos con colores verdes. ERDE/basico/estilo-configverde.css Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 30

31 ESTILOS EJEMPLO (CON RESUMEN LATERAL) Imagen Descripción y nombre del fichero Personalización de estilos con colores grises y resumen lateral. RIS/lateral/estilo-config-gris.css Personalización de estilos con colores azules y resumen lateral. ZUL/lateral/estilo-config-azul.css Personalización de estilos con colores rojos y resumen lateral. OJO/lateral/estilo-config-rojo.css Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 31

32 Personalización de estilos con colores naranjas y resumen lateral. ARANJA/lateral/estilo-confignaranja.css Personalización de estilos con colores verdes y resumen lateral. ERDE/lateral/estilo-config-verde.css Código Hexadecimal Colores preestablecidos estilos azules # Color general texto (Por defecto gris muy oscuro) #2581b8 Color textos destacados y links (Por defecto azul) # Color efecto links (mouseover) #4fa5e5 - #2f78d0 (Por defecto negro) Degradado del primer color al segundo en botones, cabeceras, paso activo Se recomienda introducir 2 colores de la gama del color corporativo. Si se desea un efecto liso, basta con sustituir ambos colores por el mismo. (Por defecto azul claro a azul medio) Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 32

33 Código Hexadecimal Colores preestablecidos estilos rojos # Color general texto (Por defecto gris muy oscuro) #2581b8 Color textos destacados y links (Por defecto azul) # Color efecto links (mouseover) (Por defecto negro) #e #b70918 Degradado del primer color al segundo en botones, cabeceras, paso activo Se recomienda introducir 2 colores de la gama del color corporativo. Si se desea un efecto liso, basta con sustituir ambos colores por el mismo. (Por defecto rojo medio a gris oscuro) Código Hexadecimal Colores preestablecidos estilos naranjas # Color general texto (Por defecto gris muy oscuro) #2581b8 Color textos destacados y links (Por defecto azul) # Color efecto links (mouseover) #f89b02 - #ef8802 (Por defecto negro) Degradado del primer color al segundo en botones, cabeceras, paso activo Se recomienda introducir 2 colores de la gama del color corporativo. Si se desea un efecto liso, basta con sustituir ambos colores por el mismo. (Por defecto naranja medio a gris oscuro) Colores preestablecidos estilos verdes Código Hexadecimal # Color general texto (Por defecto gris muy oscuro) #2581b8 Color textos destacados y links (Por defecto azul) # Color efecto links (mouseover) (Por defecto negro) Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 33

34 #aecc19 - #73A504 Degradado del primer color al segundo en botones, cabeceras, paso activo Se recomienda introducir 2 colores de la gama del color corporativo. Si se desea un efecto liso, basta con sustituir ambos colores por el mismo. (Por defecto verde medio a gris oscuro) Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 34

35 IMPORTANTE: En caso de que se use directamente uno de estos estilos, puede ser referenciado en el parámetro rutaestilos con la ruta: Hojas de estilo preconfiguradas disponibles Descripción y nombre del fichero Personalización de estilos con colores grises. Personalización de estilos con colores azules. Personalización de estilos con colores rojos. Personalización de estilos con colores naranjas. Personalización de estilos con colores verdes. Personalización de estilos con colores grises y resumen lateral. Personalización de estilos con colores azules y resumen lateral. Personalización de estilos con colores rojos y resumen lateral. Personalización de estilos con colores naranjas y resumen lateral. Personalización de estilos con colores verdes y resumen lateral. Ruta Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 35

36 3.4 Personalización valores avanzados del css La personalización de estilos avanzada, aunque no recomendada, es posible realizando el procedimiento descrito en 3.1 pero utilizando la css general estilo.css en lugar de estiloconfig.css. No se recomienda dado que la modificación de estilos distintos a los recomendados puede provocar cambios globales en todo el motor que afecten a su presentación general y funcionamiento. Integración Marca Blanca.BE 2012 PUBLIC-Spanish.doc 36