Manual CMS Travel Open Apps Magnolia

Transcripción

1 Manual CMS Travel Open Apps Magnolia [Escribir texto]

2 Índice de contenido ÍNDICE DE CONTENIDO 2 1. INTRODUCCIÓN 3 2. CONFIGURACIÓN GENERAL DE LA WEB 5 3. PERSONALIZACIÓN DE LA HOME 9 4. CREACIÓN Y MANTENIMIENTO DEL PRODUCTO CREACIÓN DEL ÁRBOL WEB PUBLICAR CAMBIOS 21 2

3 1. Introducción Podemos personalizar el CMS Travel Open Apps desde el modo "Author" para adaptarlo a las necesidades de nuestra empresa. A medida que vayamos haciendo cambios en la página podemos cambiar al modo "Preview" para verla desde el punto de vista del cliente. Cambiaremos de un modo a otro mediante el botón situado en la parte superior izquierda de la página. Cada una de las páginas cuenta con estos botones. En esta imagen se muestra como acceder al modo preview. En esta imagen se muestra como volver al modo author/edición pulsando en >> 3

4 La gestión del contenido de cada uno de los elementos de la página se realiza mediante los siguientes iconos: El primero elimina el elemento, el segundo lo traslada entre zonas y el tercero permite su edición (carga de imágenes y textos). En cada una de las páginas del CMS tenemos diferentes áreas, y en cada una de ellas podemos ir introduciendo diferentes elementos para cargar contenido estático. (Siempre desde el modo "Author"). Haciendo click en cada una de las áreas que nos interese aparecerá un botón con el símbolo "+" desde el que podremos añadir distintos elementos. Los elementos varían dependiendo del área en la que nos encontramos para ajustarse al diseño de la web. 4

5 2. Configuración general de la web. (Skin, logo, meta data, etc..) Desde el botón "Properties", arriba a la derecha de cada página, podremos personalizar aspectos generales de la web (cuando nos encontremos en la Home) y concretos de cada página. Podemos definir el título de la web, cargar un logotipo, texto en lugar del logo, etc.. 5

6 En cuanto al posicionamiento SEO de la web, podemos cargar las palabras clave relativas a nuestro negocio, así como una descripción (Meta keywords y Meta description). Podemos variar en cualquier momento el aspecto de la web seleccionando skins desde el modo author: Si nuestra página dispone de motor de reservas (configurado previamente por Travel Open Apps para que recoja el producto deseado) podremos definir los siguientes aspectos del mismo: Si se enviará un de confirmación de reserva al cliente final y la cuenta desde donde se enviará. Si se pedirá una tarjeta al cliente como garantía y el mail donde se recibirán los datos. Si el cliente verá las condiciones de cancelación previamente cargadas. Si el cliente podrá ver las tarifas que carguemos bajo petición. Si queremos o no deshabilitar la redirección a un calendario cuando no haya disponibilidad para las fechas solicitadas. Este calendario muestra alternativas para el cliente. 6

7 Para configurar estos detalles deberemos hacer click en "Booking Engine" Aparecerá la siguiente ventana donde se configuran las preferencias del motor de reservas. 7

8 Podemos cargar, a modo informativo, las condiciones de cancelación de la reserva y términos relativos de la misma que se mostrarán en las páginas de bloqueo y cierre. 8

9 3. Personalización de la Home. En el área superior de la home podremos añadir los siguientes elementos: Un Buscador dinámico de Alojamientos. Podrá recuperar el producto que carguemos directamente en la Plataforma Travel Open Apps o el que recuperemos por integración xml, como el de Europlayas, Olympia, OHG, etc.. (El cliente deberá aportar las credenciales que le habiliten estos proveedores y de la configuración técnica se encarga Travel Open Apps). Un Generic Searcher para recuperar el producto de oferta complementaria cargado en Travel Open Apps. Un Slideshow que mostrará dinámicamente las imágenes que vayamos cargando. Un Teaser Group o agrupación de imágenes que enlazan a diferentes páginas de la web. o o Podemos insertar una agrupación de imágenes y texto en pestañas y hacer que apunten a páginas internas de la propia web o páginas externas. Mediante el botón "+" añadiremos nuevas pestañas y con lápiz de edición las nutriremos de contenido, imágenes y textos. 9

10 Imagen de configuración de Teaser Group. Internal page Teaser. Es muy similar al Teaser group, pero en lugar de agrupar el contenido lo muestra desplegado en filas 10

11 En el área "Base" de la Home podemos incluir los siguientes elementos: Product Navigation Link Menu: Permite agrupar diferentes páginas en este area según criterios que hayamos marcado anteriormente. Desde "Mis Datos", arriba a la izquierda de la página, y estando en modo "Author", podemos definir dichos criterios y crear las diferentes segmentaciones/etiquetas de nuestra web.. La finalidad es marcar el cotenido para poder agruparlo a posteriori en diferentes elementos, según los criterios que hayamos definido en "Mis datos". + Link List: Parrilla de enlaces que apunten a diferentes páginas 11

12 HTML Paragraph: Podremos insertar código html, el que escribamos directamente o para mostrar plugins de terceras webs, como por ejemplo un banner que muestre el tiempo de la ciudad: Imagen: Ejemplo de HTML Paragraph Quoted text: Citas de texto. Puede ser útil para incluir opiniones de los clientes, por ejemplo. 12

13 En el area "Footer" de la Home podemos incluir los siguientes elementos: Footer Links: Enlaces internos o externos en el pie de página. Social Links: Enlaces a diferentes redes sociales. Logo: Podemos colgar un logotipo de nuestra empresa al pie. 13

14 4. Creación y mantenimiento del producto. Podemos crear un árbol de productos ajustado a las necesidades de nuestro negocio, para posteriormente marcar las distintas páginas y así agruparlas en los elementos que deseemos. Tras clicar en "Mis Datos" se abrirá una ventana emergente donde podremos definir dichos criterios: Ejemplo de árbol de productos ya personalizado: 14

15 Haciendo click con el botón derecho podremos crear tantos nodos como deseemos para segmentar por geolocalización, tipo de producto, categoría, etc.. La creación de estos nodos es libre y nos permitirá marcar las páginas de producto como deseemos para poder agruparlas en distintas áreas a posteriori. De este modo podremos poner una lista de enlaces en la home que agrupe los hoteles de 3 estrellas, otra lista que agrupe los apartamentos, en otra página que aparezcan los situados en Berlín, etc.. Cada vez que añadamos nuevas páginas de producto marcadas con estos criterios, automáticamente los elementos se nutrirán de ellas, de esta manera la web será dinámica y requerirá un menor esfuerzo de mantenimiento. Los nodos son combinables entre sí, podríamos hacer que aparecieran en un área concreta los productos del grupo Hoteles y marcados con el tag 3 estrellas por ejemplo. 15

16 5. Creación del árbol web Desde la Home, mediante el botón "Mis Páginas" podemos crear cada una de las páginas que irán componiendo la web. Podemos diferenciar dos grupos de páginas, las de contenido y las de producto. La principal diferencia es que las de producto permiten ser marcadas para posteriormente enlazarlas desde los elementos situados en las páginas de contenido. 16

17 Tenemos los siguientes tipos de páginas disponibles: De contacto: Esta página nos permite insertar un formulario para que el cliente se ponga en contacto con nosotros. Podemos definir diferentes campos que nos llegarán por e mail a la dirección que deseemos. Lista de Destacados: Tanto la "Lista de destacados" como la Página de búsqueda nos permiten agrupar las diferentes páginas de producto (que veremos más adelante). Por esta razón son idóneas para usarlas como "escaparate" hacia otras páginas. Por ejemplo podemos usarlas para agrupar los distintos hoteles de una cadena hotelera y geoposicionarlos en un mapa. 17

18 De ofertas: Este tipo de página por su distribución y elementos nos permite cargar diferentes elementos con las ofertas a destacar del establecimiento. De noticias: Como su nombre indica podemos cargar diferentes noticias en este tipo de páginas. Posteriormente podemos agruparlas en la Home en el elemento: De contenido: Este tipo de páginas nos sirven para mostrar contenido estático, imágenes y textos. De producto: Del mismo modo que las de "contenido" podemos cargar contenido estático, con la peculiaridad de que podemos marcarlas para su posterior agrupación en otras páginas. Por ejemplo podríamos crear distintas páginas de producto marcadas como "Hoteles" y otras como "Apartamentos" de la siguiente manera: 18

19 Ejemplos de segmentación de páginas según los productos creados con anterioridad: Al haberla creado como "producto", desde el botón "Properties" (arriba a la derecha de la página) podremos ver una nueva pestaña no presente en las páginas de contenido, la cual nos permitirá tipificar la página para su posterior agrupación. Es la pestaña "Basic Information", la cual nos permitirá definir el tipo de producto para posteriormente enlazarlo dinámicamente desde otras páginas: Por ejemplo desde el elemento "Related tag products" podremos definir que aparezcan las páginas de producto marcadas con un determinado tag, como puede ser el de "Hoteles". 19

20 De esta manera podremos hacer que una determinada área de la web cambie su contenido rápidamente seleccionando el "tag" o tipo de producto que no interese en cada momento. En la zona "Base" de la página podemos añadir otro elemento, Product Navigation Link Menú, que permite agrupar diferentes páginas según el criterio que escojamos: 20

21 6. Publicar cambios Cuando vayamos personalizando la web desde el modo author nos aparecerá la siguiente barra en la parte superior: Indica que tenemos cambios pendientes de activar para que pasen a la parte pública de nuestra web. Tras hacer click en la barra los cambios pasarán a ser visibles en el dominio que tengamos asociado a la web. NB: Una vez estemos satisfechos con el resultado final de nuestra web debemos ponernos en contacto con soporte@travelopenapps.org para poder apuntar nuestro domino (.com,.es, etc..) a la página Travel Open Apps. 21