Gestión de Contenidos y Comercio Online

Transcripción

1 Manual Gestión de Contenidos y Comercio Online (3 enero 2018) Esta publicación pertenece al Servicio de Documentación de AuraPortal (SDAP) y todos los derechos están reservados. La reproducción total o parcial de este documento, así como la entrega a terceras partes sin el permiso escrito del SDAP quedan prohibidas. info@auraportal.com Skype: AuraPortal Tel: Internacional:

2 ÍNDICE INTRODUCCIÓN ESCENARIO GENERAL DISEÑO Y CONFIGURACIÓN FICHA DE LA FAMILIA CONTENT MANAGEMENT PÁGINAS CONTENIDOS Botoneras Buscadores Carritos de Compra Conjuntos de Contenido Detalles de Elementos Editor HTML Elemento Único Herramientas Listas de Elementos Páginas Web Externas Plugins Redes Sociales PLANTILLAS MULTIIDIOMA MÓDULO MULTIIDIOMA MULTIIDIOMA EN PÁGINAS MULTIIDIOMA EN CONTENIDOS MultiIdioma en Botoneras MultiIdioma en Buscadores MultiIdioma en Carritos de Compra MultiIdioma en Detalles de Elementos MultiIdioma en Editor HTML MultiIdioma en Elemento Único MultiIdioma en Herramientas MultiIdioma en Listas de Elementos MultiIdioma en Páginas Web Externas MultiIdioma en Plugins MultiIdioma en Redes Sociales MultiIdioma en RSS MULTIIDIOMA EN PLANTILLAS CREACIÓN Y PUBLICACIÓN DE ELEMENTOS CREACIÓN DE ELEMENTOS Manual Procesos BPMS Servicios WEB Importación PUBLICACIÓN DE ELEMENTOS GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 2 de 202

3 4.2.1 Listas de Elementos filtradas según Detalles del Elemento Gestión de la Caché en la Publicación de Elementos ACCESO AUTENTICADO. LOGIN FORM AUTENTICACIÓN DE PÁGINAS AUTENTICACIÓN DE DOCUMENTOS REGISTRO AUTOMÁTICO. CREACIÓN DE USUARIOS INVITADOS Formulario de Inicio de Sesión Mensaje de Inicio de Proceso Operativa SITEMAP. POSICIONAMIENTO EN BUSCADORES SITEMAP URL PERSONALIZADAS W3C HTML COMERCIO ONLINE CARRITOS DE COMPRA Monedas Campos Calculados Cálculos de Totales Formas de Pago Traspaso a Proceso Lista OPCIÓN MOSTRAR CARRITO DE COMPRA SITIO WEB INDEPENDIENTE DE SHAREPOINT VENTAJAS DE UTILIZAR UN SITIO WEB INDEPENDIENTE DE SHAREPOINT CONFIGURACIÓN DE UN SITIO WEB INDEPENDIENTE DE SHAREPOINT Crear un Sitio Web en IIS Identidad del Grupo de Aplicaciones Autenticación Documento Predeterminado Páginas de Errores Fichero web.config de \Web Consideraciones sobre el uso de 2 URL Base de Datos independiente MÓDULO REDIRECT GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 3 de 202

4 INTRODUCCIÓN En este documento se explica cómo se diseña y utiliza el módulo Gestión de Contenidos de AuraPortal, en adelante CM (Content Management). Con este módulo las empresas pueden disponer de un completo y potente sistema de gestión de contenidos de su web pública en Internet, en el que resaltan las siguientes características: - Totalmente personalizable según las necesidades de cada empresa, - Diseño y mantenimiento fácil y amigable para usuarios de negocio sin necesidad de perfil técnico, - Todas las opciones disponibles sin necesidad de programación adicional, - Integrado con todas las funcionalidades de AuraPortal (Procesos BPM, Familias Propias, ) - Creación automática del SiteMap para posicionamiento en buscadores (Google, ) 1. ESCENARIO GENERAL El objetivo del módulo CM de AuraPortal es que la empresa pueda mantener su sitio Web en Internet de forma fácil, automática y totalmente integrada con el resto de la gestión empresarial (Ventas, Facturación, Contabilidad, etc.). Pueden utilizarse Procesos BPM para establecer flujos de creación y aprobación de cualquier contenido que se quiera publicar (Noticias, Artículos, Opiniones, Documentos, Vídeos, etc.). Una vez aprobados, automáticamente se publicarán en el sitio Web sin tener que realizar nada más. Las explicaciones de este documento se basan en un periódico digital llamado THE MODERN HERALD, cuya página principal es la siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 4 de 202

5 GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 5 de 202

6 2. DISEÑO Y CONFIGURACIÓN El diseño y configuración del CM con AuraPortal es muy sencillo y se realiza desde la opción de Estructura Portales - (Gestión Contenidos & Comercio Online) Configuración: Nota. Comercio Online solo aparecerá junto a Gestión Contenidos si el Módulo Comercio Online está instalado. Su explicación se encuentra al final de este documento. Al pulsar sobre esta opción se abrirá una ventana con las opciones desde donde se configuran todos los elementos del CM: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 6 de 202

7 Familia. Todos los contenidos que se publican en el CM de AuraPortal son Elementos de una Familia Propia que se diseña a propósito para ello. Esta familia se crea automáticamente cuando se accede por primera vez a esta opción y se llama Content Management. Nota. Todo el CM girará en torno a la Familia Propia que aquí se elija (elementos que se publicarán, Perfiles, Buscadores, Tareas de Sistema, etc.). Formulario de Inicio de Sesión. En esta opción se selecciona un formulario de inicio de sesión que se utilizará en las Páginas o documentos con acceso restringido, es decir, solo para usuarios registrados. Existe un Formulario predeterminado, pero se pueden diseñar otros desde Estructura Sesiones de usuarios Formulario de Inicio de Sesión. En general, el acceso al CM de AuraPortal es anónimo y los visitantes no necesitan identificarse para ver los elementos, no obstante, es posible proteger el acceso a determinados contenidos (Páginas y documentos) de forma que solo sean vistos por los usuarios registrados, lo que en términos de AuraPortal se llaman Usuarios Invitados. Condición de Publicación. En esta opción se elige el campo de tipo Sí/No de la Ficha de la Familia Content Management, que servirá como condición principal para que un Elemento se publique en el CM. Cualquier Elemento que tenga Sí en este campo se publicará. Como se verá más adelante, además de esta condición principal que determina si un elemento se publica o no, también se aplicarán las condiciones de los Perfiles para que la publicación se realice en una zona u otra del CM según se desee. Contador de Visitas. En esta opción se selecciona un campo de tipo Entero de la Ficha de la Familia CM que guardará el número de visitas al elemento que lo contiene. Debe incluirse en el formulario de la Ficha del Elemento y cada vez que se accede al elemento para ver sus detalles, este número aumenta en una unidad. Nota. El contador no se incrementa si la sesión del explorador no ha cambiado. El Contador de Visitas se puede aplicar a la ordenación de Listas de Elementos, para mostrar la lista de los Elementos más visitados y también para ver, en el grid de elementos y en la Ficha de cada uno, el número de visitas que han recibido. 2.1 Ficha de la Familia Content Management La Familia Propia Content Management en la que se basa el CM de AuraPortal tiene una configuración muy básica que debe ser ampliada y diseñada al gusto de cada situación desde la opción Estructura Familias Propias Content Management: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 7 de 202

8 Nota. Esta Familia Propia, _Content_Management, la crea el Sistema automáticamente después de entrar por primera vez en Estructura Portales Gestión de Contenido y Comercio On-line Commerce Configuración. Para una información más completa sobre la configuración de las Fichas y otros aspectos de la Familia Propia, consultar la documentación sobre Familias Propias. En este ejemplo se ha diseñado una ficha general para los elementos que se publicarán en CM, con el siguiente aspecto: Nota 1. Esta ficha es la que verán los empleados cuando manejen los datos de los elementos. Lo GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 8 de 202

9 que verán los visitantes del CM dependerá del diseño de las Plantillas, como veremos más adelante. Nota 2. Es posible diseñar un formulario diferente por cada Clase de elementos de esta Familia. También es posible crear formularios con distintas Divisiones que se mostrarán o no según condiciones de los propios elementos. En cada caso se utilizará un diseño u otro según las necesidades. Los campos que contiene esta ficha son los siguientes: Contador de Visitas. Aquí se selecciona un campo de tipo Entero en el que se irán sumando el número de veces que se visita este determinado elemento. Documentos. Campo del tipo Biblioteca de Documentos para introducir documentos con más detalles del contenido. Si un campo de este tipo se ubica en una Plantilla, los visitantes verán sus documentos como links, no tendrán que entrar en otra ventana para verlos. Publicar en Gestión de Contenidos. Campo del tipo Sí/No que determina los elementos que se publican en el CM. Es el campo que se ha elegido en la ventana principal de configuración del CM mostrada antes. Fecha Publicación. En este campo se guarda la fecha en la cual se desea que se publique el elemento. Clase. Es el campo de Sistema _ClaseFamilia, del tipo Texto Una Línea, donde se selecciona la Clase. Nombre Interno. Es el campo de Sistema _Nombre, del tipo Texto Una Línea, dónde se escribe el Nombre. Título. Es un campo de Texto Una Línea, donde se escribe el título del contenido. Descripción Resumen. Campo del tipo Texto Multilínea para escribir la descripción resumida del contenido. Imagen. Campo del tipo MultiMedia Imagen donde se añade la foto del contenido. Como veremos, una imagen puede ser mostrada en diferentes tamaños dependiendo de la Plantilla. Descripción Completa. Campo del tipo Texto Multilínea Rico para escribir la descripción completa del contenido. Nota. Como veremos más adelante, el módulo Content Management de AuraPortal incluye una opción específica para los campos de Texto Multilínea Rico, que se configura en el Diccionario y se llama Barra edición = Reducida, que limita las opciones de edición del texto rico para que se pueda combinar con el formato que aplican las Plantillas al publicar los contenidos. Clasificación Contenido. Campo de Selección Simple con los valores: Artículo, Noticia, Noticia Principal, Opinión y Sección, que servirá para ubicar los elementos en las diferentes zonas de publicación del CM, según el Perfil. Vídeo. Campo del tipo Multimedia Vídeo dónde se añade un video promocional. Vídeo-YouTube. Campo del tipo Multimedia Vídeo YouTube, que a diferencia del Vídeo anterior en donde se almacena en AuraPortal, únicamente hay que indica la URL de un Video ubicado en YouTube, con el correspondiente ahorro en espacio y ancho de banda. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 9 de 202

10 Nota. El campo Multimedia Vídeo YouTube permite distintos formatos de la URL del vídeo para soportar distintos tipos de navegadores. Pulse el icono de Ayuda en la ventana donde se introduce la URL del vídeo para ver las explicaciones sobre este tema que se detallan seguidamente: Puede indicar los siguientes valores: - La URL estándar del vídeo, proporcionada por YouTube en la opción 'Compartir-Compartir este vídeo'. Esta URL es solo válida para navegadores tradicionales. o bien, - El código proporcionado por YouTube en la opción 'Compartir-Insertar'. Esta es la opción recomendada porque soporta todo tipo de navegadores (PC, Tablet, SmartPhone,...). En este código es posible añadir manualmente los parámetros siguientes para conseguir un inicio automático del vídeo y alta definición:?autoplay=1&hd=1. Por ejemplo: <iframe width="420" height="315" src=" frameborder="0" allowfullscreen></iframe Nota. Si se desea MultiIdioma en los elementos publicados en CM, se pueden crear tantos campos como idiomas se deseen y mostrar uno u otro según el idioma que seleccione el usuario (más adelante en este documento se detalla todo lo relativo al MultiIdioma). Una vez diseñada la Ficha de la Familia Propia, se puede proceder con el diseño y configuración de los elementos principales que componen el CM, que son las Páginas, Contenidos y Plantillas. Recordemos que los datos que se publicarán en el CM pertenecerán a las Fichas de los elementos de la Familia Propia seleccionada, pero la forma en que se mostrarán a los visitantes del CM depende de Plantillas. Esta independencia de los datos y presentación es importante, ya que permite que los cambios que se desee realizar en el diseño de los elementos publicados, solo se tengan que realizar en las Plantillas. Nota Resumen. - Los datos de los elementos se obtienen de las fichas de los elementos de la Familia Propia Content-Management. - La presentación de los elementos en el CM depende de las Plantillas. Para que se muestren en el CM, las Plantillas se ubican en los elementos llamados Contenidos, concretamente en los del tipo Listas de Elementos, Detalles del Elemento o Elemento Único (como veremos más adelante hay otros tipos de Contenidos que no utilizan Plantillas): - Listas de Elementos. Sirven para mostrar conjuntos de elementos clasificados, normalmente como resultado de búsquedas realizadas por los visitantes del CM. En general, la Plantilla que se utiliza en estos casos es una miniatura con los datos más relevantes del contenido, por ejemplo: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 10 de 202

11 - Detalles del Elemento. Es el tipo de Contenido que se utiliza para mostrar los detalles cuando el usuario pulse sobre del contenido seleccionado de la lista. La Plantilla utilizada mostrará más información que la anterior, por ejemplo: En estos ejemplos, el Nombre e Imagen son comunes para las dos Plantillas, pero en la de Detalles se muestra la Descripción Completa en lugar de la Resumida. - Elemento Único. Este tipo de contenido permite habilitar elementos o partes de elementos de CM para utilizarlos como contenido fijo, ya que no tienen condiciones de publicación, en páginas de CM en las que se muestra siempre en el mismo sitio. Se podría crear el mismo escenario utilizando un contenido de tipo Editor HTML, pero el uso del Elemento Único es más fácil de usar y de mantener, ya que, si hay, por ejemplo, varios Elementos Únicos con la misma presentación y estilo, cualquier modificación puede realizarse sobre la Plantilla, en lugar de tener que modificar cada contenido Editor HTML individualmente. Así como las Plantillas se ubican en Contenidos, éstos se ubican en Espacios de Publicación de las Páginas del CM. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 11 de 202

12 Veamos cómo todos estos elementos están distribuidos en la página principal de nuestro ejemplo, remarcados en los colores siguientes: Rojo Azul _ Fucsia: : Páginas : Contenidos : Plantillas GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 12 de 202

13 Nota Resumen. - Las Páginas se distribuyen en Espacios de Publicación, donde se ubican los Contenidos. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 13 de 202

14 - Algunos Contenidos utilizan Plantillas, concretamente las Listas de Elementos, Elemento Único y los Detalles de Elementos. 2.2 Páginas Cuando un usuario accede al CM de AuraPortal, está accediendo a Páginas en donde se muestran los Contenidos. Generalmente hay una Página principal por defecto, desde la que se puede acceder a todas las demás a través de botones, links y buscadores. Para acceder a la sección de crear o editar Páginas en el CM de AuraPortal, pulsar en la opción correspondiente: Aparecerá la siguiente ventana: Como puede verse en la figura superior, las Páginas están organizadas en un Árbol de Capítulos, lo que facilita su localización cuando el número es elevado. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 14 de 202

15 Los Capítulos se crean desde la pestaña correspondiente (1) y según la mecánica conocida para otros Árboles de Capítulos de AuraPortal. La pestaña Páginas (3) muestra la lista de Páginas creadas en un grid (4). La lista se puede filtrar escribiendo parte del nombre de la Página, la Descripción o el ID y pulsando Proceder. Pulsando el botón Crear, se puede crear una Página nueva y pulsando el botón Alta Similar se puede copiar una Página existente. El grid se puede ordenar alfabéticamente por nombre o por ID pulsando sobre la cabecera de las columnas respectivas. En la pestaña Ubicar Páginas (5) se sitúan en el Árbol las Páginas de CM. Aparecerán en color azul (6) bajo el Capítulo que las contiene (2). Pulsando sobre su nombre se accede a su configuración, semejante a la de la imagen inferior. En el grid que muestra las Páginas, una columna con la letra P identifica cual es la Principal ( ). La que está así marcada es a la que queda disponible con la URL siguiente: (host.dominio.com depende de cada instalación) Las demás Páginas necesitan que se indique su ID como parámetro para estar disponibles. Por ejemplo, la que tiene el ID 25 en la lista anterior, su URL será: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 15 de 202

16 En el grid también se muestra una columna con la letra N (Página No Encontrada) que identifica la página de CM que se mostrará en caso de que la página solicitada por el visitante no exista o alguno de sus parámetros no sea válido. Estará marcada con un ( ). Nota. Si no hay ninguna página marcada, el visitante es redirigido a la página principal. Para crear una nueva Página se puede pulsar sobre el botón Crear o sobre Alta Similar para copiar una existente y modificarla. Nota. Considerar el uso del Redirect Module de AuraPortal que permite redireccionar las peticiones de los visitantes a otras URL. El botón Metadata HTML Predeterminado (7) incluye algunas etiquetas Metadata HTML que se pueden modificar manualmente y se aplican a todas las Páginas CM a menos que se haya personalizado la opción Metadata HTML de la pestaña General de cada página en particular. Estas etiquetas Metadata se usan en los siguientes casos: Posicionamiento en buscadores (Google, etc.). Ver el capítulo SITEMAP. POSICIONAMIENTO EN BUSCADORES DE INTERNET más adelante en este documento. Publicación en Redes Sociales, RSS, etc. Especialmente <Title>, < description > e < image >. Las etiquetas <Title> y < shortcut icon > se muestran en la cabecera del navegador del visitante. Nota. El metadato <Alt> de las imágenes se rellena automáticamente con el nombre del fichero de la imagen. Pulsar el botón Crear para crear una página nueva. En la ventana que aparece, escribir un Nombre (en este ejemplo, Main Page) y una Descripción (opcional), y pulsar Guardar para que se activen el resto de opciones de configuración. La ventana muestra una Barra de Acciones y 5 pestañas, como en la imagen inferior. La Barra de Acciones incluye los botones: Salir, Guardar y Salir, Guardar. No necesitan más explicación. Vista. La Vista predeterminada es la Clásica, pero con este botón se puede cambiar y configurar una Vista para Dispositivos Móviles y / o una Vista para Dispositivos Tablets. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 16 de 202

17 Importar Vista. Este botón muestra un grid con todas las Vistas de la página para importar una. Nota. Si se confirma la importación, se sustituirá la configuración que se haya realizado en la vista destino sin posible recuperación. Actualizar Árbol. Actualiza la vista del Árbol de la Página visible desde la pestaña Vista Árbol. Ir a la Página. Muestra la Página que se está diseñando en modo ejecución. Eliminar. Ubicación. Muestra las páginas en las que está incluida la página en edición, si es que lo está. Caché. Activa / Desactiva / Vacía la caché de la página en edición. Funcionamiento de la caché: Al activar la caché, toda la resolución de datos y estructura de la página se obtiene de la base de datos una vez (cuando el primer usuario abre la página) y se almacena, para que no se tenga que repetir con los nuevos visitantes, lo cual aumenta mucho la velocidad de la web. Nota. El almacenamiento en caché se realiza independientemente para cada versión de navegador, es decir, cuando un usuario abra una página con Internet Explorer v10 se guardará y los próximos visitantes con ese mismo navegador se beneficiarán. Hará lo mismo para cada otro navegador distinto (Chrome, Firefox, Opera,...). La caché solo se aplica a las páginas publicadas, es decir cuando en la URL está la ruta.../ap/... No se aplica para los empleados cuando están en diseño (.../Home/...). Esto quiere decir que los empleados estarán viendo los cambios que efectúen en diseño, pero no se publicarán hasta que se vacíe la caché. Cuando se vacía la caché de una Página, se aplica a su estructura y también a los elementos de la familia Content Management que contenga. Es decir, si se cambia una imagen en la ficha de un Elemento, hasta que no se vacíe la caché de ese Elemento o el de la Página que lo contiene, los visitantes no verán la nueva imagen. Ejemplo. Si se modifica el texto o imagen de un elemento que se está mostrando desde dos páginas, y solo se vacía la caché de una de ellas, los visitantes verán el elemento actualizado en una de ellas, pero en la otra se seguirán viendo los datos antiguos. Sin embargo, si se vacía la caché del elemento, en ambas páginas se verán los cambios, aunque no se haya vaciado la caché de las páginas. Las Pestañas son: General (1). Incluye todas las opciones generales de configuración. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 17 de 202

18 Vista Árbol (2). Muestra los distintos niveles de configuración en formato Árbol, donde cada rama es un link a la página de configuración de ese nivel. Vista Esquema (3). Muestra la distribución de la página en Secciones y Espacios de Publicación de forma esquemática, con acceso directo a la configuración de casa Espacio. Vista Edición (4). Muestra la página tal como se verá en ejecución. Pulsando sobre cada zona se accede a la configuración del Espacio correspondiente, lo que facilita el mantenimiento enormemente. Edición Conjunta (5). Muestra la configuración de todos los Espacios al mismo tiempo, lo que facilita cualquier consulta que se quiera hacer en el conjunto de la página. Al lado del nombre de la pestaña hay una casilla. La que está marcada (en el ejemplo, Vista Esquema) es la que se abre la siguiente vez que se accede a la configuración de la página. Antes de describir las opciones de configuración en cada una de las pestañas, veamos el resultado de una página ya configurada: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 18 de 202

19 A continuación, se describen en detalle cada una de las pestañas indicadas. PESTAÑA GENERAL La pestaña General tiene el siguiente aspecto. Las opciones de configuración son las siguientes: Idioma. Identifica el idioma por defecto de esta Página, en la que se mostrarán aquellas opciones que tengan MultiIdioma configurado. Publicado. La opción predeterminada es Sí, con lo que la página se mostrará en la Web pública. Si se marca No, la página no se mostrará en la Web Pública y tampoco se incluirá en el Sitemap.xml, sin embargo, sí que estará accesible a través de la URL de los empleados, es decir, si incluye.../home/... Resultado de Búsqueda. Indicar Sí cuando en esta Página hay Contenidos del tipo Listas de Elementos en las que se desea mostrar el resultado de búsquedas (con los Contenidos del tipo Buscador). El icono buscador que aparecerá si se selecciona Sí, hay que elegir los Buscadores que se desea utilizar, y cuando se realice una búsqueda en éstos, el resultado se mostrará en todas las Listas de Elementos que tenga esta Página. Detalles de Listas de Elementos. Indicar Sí cuando en esta Página hay Contenidos del tipo Detalles de Elemento que se mostrarán cuando el visitante pulse sobre un elemento de la Lista de Elementos para ver sus detalles. En el icono buscador que aparecerá si se selecciona Sí, hay que elegir las Listas de Elementos que se desee, y cuando un visitante pulse sobre alguno de sus elementos, sus Detalles se mostrarán en los Contenidos del tipo Detalles de Elemento que tenga esta Página. Requiere Autenticación. Indicar Sí si se desea que el acceso del visitante a la página sea autenticado, es decir, exija las correspondientes credenciales de Usuario Invitado (login y password) antes de mostrarla. Para más información, consultar el apartado Acceso Autenticado. Formulario de Inicio más adelante en este documento. URL Encriptada. Tiene dos posibilidades: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 19 de 202

20 o o No. La URL de acceso a la Página se compone en texto plano con el ID de la página como parámetro, por ejemplo, como se ve en la cabecera del diseño de cada página. Sí. Esta opción está especialmente indicada cuando no se desea que los visitantes de la web puedan acceder a una Página, bien porque contiene información reservada o porque no está terminada. En este caso, la URL para acceder a la Página se compone encriptada, de forma que no se puede deducir. Hay que utilizarla tal como se muestra en la cabecera del diseño de cada página. URL de acceso. Pulsando el icono se muestra una ventaba con la URL para acceder a esta página. La URL puede estar basada en el ID de la Página de CM o en el metadato Title configurado en cada página en la opción Metadata HTML previamente explicada. Nota. La URL basada en Metadatos hace a la página más fácilmente accesible a los buscadores de Internet, y el Title de la Página es más fácil de reconocer para el usuario que su ID. La URL tiene una versión para Empleados / Usuarios Externos y otra para Invitados / Anónimos y no es configurable. En la imagen inferior aparece un ejemplo de URL de acceso encriptada. y en la siguiente, la misma URL de acceso no encriptada. Pulsando el icono buscador (1) se muestra el MultiIdioma de la URL, que tampoco es modificable desde esta ventana. El MultiIdioma del metadato Title se configura desde la opción Metadata HTML y se aplica automáticamente a la URL de cada idioma. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 20 de 202

21 Metadata HTML-General. En esta opción se introducen valores para las etiquetas Metadata HTML de las Páginas individuales para aplicarse en todos los casos excepto cuando actúa como Página de Detalles. Nota. El metadato Title y su MultiIdioma se usarán para construir la URL de la Página basada en Metadatos, a la que nos hemos referido antes. Metadata HTML-Según campo. En esta opción se eligen los campos (de la Familia _Content Management) que se desea utilizar como Metadatos cuando la página actúa como Página de Detalles. Los Metadatos HTML se utilizan para el posicionamiento en buscadores de Internet (Google, ), publicación en Redes Sociales, RSS, etc. Ver el capítulo SITEMAP. POSICIONAMIENTO EN BUSCADORES DE INTERNET más adelante en este documento. Cuando la Página es visitada por los usuarios, obtiene los Metadatos directamente de los valores del elemento correspondiente. Nota. Los metadatos Keywords y Abstract están disponibles en páginas de Detalles. <HEAD> (Scripts). En esta opción se pueden insertar scripts en la etiqueta <Head> de las Páginas, por ejemplo, para el control de estadísticas de acceso de Google Analytics. ESTILO GENERAL DE LA PÁGINA Este panel engloba las opciones de configuración para el Estilo General de la página. Ver la imagen siguiente. CUERPO Fondo Página. Permite elegir un Color o Imagen de Fondo para el interior de la Página. Este fondo puede repetirse en Horizontal, en Vertical o en ambos sentidos. Según cómo se configure, se puede también indicar en píxeles su Posición Vertical y Horizontal. Sea lo que sea que se configure aquí, será sustituido por el Color o Imagen seleccionado en los Espacios de Publicación o Secciones en caso de indicarse. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 21 de 202

22 Fondo Navegador. Permite elegir un Color o Imagen de Fondo para el espacio del navegador de internet que no ocupe la Página. La posición y si la imagen se repite o no también se puede configurar, tal como se ha explicado anteriormente. Nota. Lo configurado aquí quedará oculto si en la opción Ancho Sección de la ventana de configuración de la Sección se ha marcado como Automático según resolución. Más adelante, en la Vista Esquema, se explica en más detalle. Posición Ventana. Se indica la posición de la Página dentro del navegador de Internet, normalmente centrada. BORDE Permite definir bordes a la Página, indicando Ancho y Color para cada uno: Superior, Inferior, Izquierda y Derecha. SOMBREADO Permite indicar sombreado alrededor de la Página, distribuido como se muestra en los Iconos. PESTAÑA VISTA ÁRBOL Esta pestaña facilita la labor de identificar el tipo de contenido y su localización. Por ejemplo, la Vista de Árbol de la Página del ejemplo, Main Page, es la siguiente. En esta pestaña se muestran los diferentes niveles de configuración de la Página en formato Árbol. Pulsando sobre cada rama se accede a la correspondiente página de configuración de ese nivel en particular. Las ramas del Árbol siguen la estructura: Sección Espacio de Publicación Contenido. De pendiendo del tipo de Contenido, se muestran sus correspondientes Detalles en sub-ramas de su rama. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 22 de 202

23 Cuando se sitúa el ratón sobre una rama, por ejemplo 1.1 Logo en la imagen superior, aparece un Tooltip que muestra el tipo de rama de que se trata, por ejemplo, Espacio de Publicación (1). PESTAÑA VISTA ESQUEMA Recién creada una Página, esta pestaña tiene la siguiente apariencia: La primera Sección se crea automáticamente y no se puede eliminar. Pulsando el icono Editar página de configuración de la Sección, similar a la que se muestra en la siguiente imagen. se accede a la En esta ventana, marcando la opción Modificar Esta Sección (1), se puede configurar una sección nueva o modificar una existente y marcando la opción Crear Nueva Sección (2), se puede crear una nueva sección que se situará Encima o Debajo (3) de la actual, según el radio button que se marque. Nota. Si se marca Crear Nueva Sección, aparece un rectángulo azul oscuro con el título Nueva Sección enmarcando las opciones de configuración para evitar modificaciones accidentales no deseadas. El botón Importar Configuración permite copiar la configuración de una sección existente. Sea nueva o no, las posibilidades de configuración de la sección se explican seguidamente. Ancho Sección, con dos posibilidades: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 23 de 202

24 Automático según resolución. En este caso, el ancho de la Sección se ajustará automáticamente a la resolución de pantalla del visitante. Nota. Si se selecciona esta opción, el Color/Imagen configurado en Fondo Navegador del ESTILO GENERAL DE LA PÁGINA (Pestaña General) queda oculto por lo configurado en la opción Fondo Sección, descrita más abajo. Según Espacios de Publicación. El ancho de la Sección variará en función del ancho total de los Espacios de Publicación incluidos en ella. Borde Exterior de la Sección. Para definir los bordes externos, indicando Ancho, Color y Situación de los mismos. Fondo Sección. Permite asociar un Color o una Imagen como Fondo de la Sección. Este fondo se ajustará automáticamente a la resolución de pantalla del visitante si se marcó la opción Ancho Sección Automático según resolución. Si se selecciona una imagen tipo patrón, se puede hacer que se repita (Horizontal/Vertical) para optimizar la visualización de la página. También se puede configurar en píxeles la Posición (Horizontal/Vertical) en la que se desea que aparezca la imagen elegida en caso de que sea única, es decir, que no se repita. No hay límite en cuanto al número de Secciones que puede albergar una Página. En la Main Page del ejemplo se crearon 5 Secciones. El Alto y Ancho predeterminados de la Sección es de 100 X 800 (1), pero se irá modificando automáticamente como resultado del alto y ancho de los distintos Espacios de Publicación que alberga la Sección. Ver el ejemplo de la siguiente imagen. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 24 de 202

25 En la Sección 4, el ancho máximo es 900, dividido en dos Espacios de Publicación de 550 y 350 respectivamente. El alto máximo es 362, el del Espacio de Publicación mayor. Para configurar el Espacio de Publicación, pulse dentro de la sección, enmarcada en el rectángulo azul, aparecerá una ventana similar a la de la imagen inferior. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 25 de 202

26 Al igual que vimos en las Secciones, desde aquí también se puede Configurar o Modificar el Espacio, marcando la opción Modificar Este Espacio y crear uno nuevo, marcando la opción Crear Nuevo Espacio. Nota. Si se marca Crear Nuevo Espacio, aparece un rectángulo azul oscuro con el título Nuevo Espacio de Publicación enmarcando las opciones de configuración para evitar modificaciones accidentales no deseadas. El botón Copiar Configuración (1) crea un Espacio de Publicación nuevo copiando la configuración de un espacio ya creado. Modificar este Espacio Es la opción predeterminada, para configurar o modificar un Espacio. A continuación, las posibilidades de configuración. ALTO / ANCHO (2) El ALTO del Espacio puede ser: Según Contenido. La altura del Espacio se adapta al contenido del mismo. Indicar. Se configura, en píxeles, una cierta altura fija. Nota. Si todos los Espacios de Publicación se configuraron indicando un Alto fijo en píxeles, la vista Esquema mostrará una distribución proporcionada de los espacios según el tamaño indicado, pero si la Altura de alguno de los espacios se configuró Según Contenido, en la vista Esquema aparecerán con la misma altura. El ANCHO del espacio siempre se define manualmente, en píxeles. Clave. Identifica el Espacio de Publicación dentro de la Sección y de la Página. El primer número por la izquierda indica el orden que ocupa el Espacio empezando desde arriba. El segundo número indica su orden dentro de la Sección, empezando por la izquierda. Ver el ejemplo de la imagen siguiente. Nombre. Además de la Clave, el Espacio puede tener un nombre que facilite su identificación. Nota. Tanto la Clave como el Nombre aparecen identificando el Espacio de Publicación en las vistas Árbol, Esquema y Edición, así como en la Edición Conjunta. Descripción. Es opcional. Fondo. Al igual que en otras opciones similares, se puede elegir entre un Color o una Imagen para el fondo. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 26 de 202

27 Si es una imagen tipo patrón (un pequeño gif) se puede Repetir Horizontal / Verticalmente y si la imagen no se repite se puede indicar su Posición Horizontal y Vertical en píxeles. Nota. Lo seleccionado aquí para el Espacio de Publicación prevalece sobre lo configurado como Fondo de la Página en el panel ESTILO GENERAL DE LA PÁGINA de la pestaña General. Bordes. Se pueden indicar, por separado, los Bordes que se desean para el Espacio. Ancho. Define los píxeles que tiene el borde. Color. Define el color del borde. Posición. Define, en píxeles, dónde se desea que empiece el borde. Por ejemplo, Posición Izquierda de 30 píxeles indica que el borde izquierdo empieza a 30 píxeles del borde izquierdo del Espacio de Publicación. Hay que considerar, por lo tanto, que cualquier cantidad indicada en Posición de los bordes reduce el espacio disponible para el contenido. Ver la siguiente imagen. Posición del Contenido. Permite indicar si el contenido tendrá margen con respecto a los límites del Espacio de Publicación, por ejemplo, para que no se quede pegado a los bordes. La posición del Contenido se aplica a partir de la posición del borde. Barras Desplazamiento. Permite indicar si en ejecución aparecerán barras de desplazamiento en caso de que el contenido no quepa. Contenido. Permite elegir el Contenido que tendrá este Espacio de Publicación. En primer lugar, se selecciona el tipo desde un desplegable: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 27 de 202

28 Nota 1. Como contenido del Espacio de Publicación de una Página de CM se puede elegir otra Página de CM (en la imagen anterior, Página, debajo de la Lista de Elementos). Esto permite interesantes combinaciones en el Esquema de la Página y también proporciona la posibilidad de Heredar el Estilo de la Página Principal, que es la marcada con en el grid de páginas, tal como se explica en otra parte de este documento. Nota 2. El Contenido tipo Carrito de Compra solamente aparece en esta lista si se dispone del Módulo de Comercio Online. Este Módulo se explica en el capítulo correspondiente de este documento. Una vez elegido un tipo de entre los de la lista, aparecerá un buscador para buscar y seleccionar o crear el Contenido deseado, en este ejemplo se ha elegido un Contenido del tipo Editor HTML para elegir el Logotipo de la cabecera: Al pulsar sobre el icono buscador se podrá seleccionar uno de los Contenidos tipo Editor HTML ya creados o crear uno nuevo: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 28 de 202

29 Al seleccionar uno se mostrará en la configuración del ESPACIO DE PUBLICACIÓN: Si pulsamos sobre el Icono podremos ver y modificar la configuración del contenido seleccionado: En este caso en el Editor HTML se ha insertado la imagen del Logotipo, pero podría haberse introducido cualquier elemento HTML como se muestra en la barra de acciones de la imagen anterior. Crear Nuevo Espacio Si se marca la opción Crear Nuevo Espacio, como se ve en la imagen inferior, GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 29 de 202

30 Aparece un recuadro azul con el nombre Nuevo Espacio de Publicación enmarcando las opciones de configuración para evitar modificaciones accidentales en un espacio ya configurado. Las opciones de configuración son las mismas que las explicadas anteriormente, solo se añade el panel POSI- CIÓN (1), para posicionar el nuevo espacio Encima, Debajo, a Derecha o Izquierda del actual. En la imagen inferior puede verse como ejemplo la página Main Page con su distribución de Espacios de Publicación. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 30 de 202

31 Como puede verse, la Sección 1 se ha dividido en 3 Espacios de Publicación, 1.1, 1.2 y 1.3. El espacio 1.1 contiene la cabecera, con el logo, el 1.2 los iconos de acceso a las redes sociales y el 1.3 un buscador libre. La Sección 2 solo tiene un Espacio, el 2.1, que contiene una botonera. Así se van configurando los distintos Espacios de Publicación. En general, conviene que el ancho total sea el mismo para todas las secciones, así se conserva la uniformidad de la página. En este ejemplo, el total son 900 píxeles. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 31 de 202

32 PESTAÑA VISTA EDICIÓN Desde esta pestaña se puede ver la página como se ve en ejecución, pero al pulsar sobre un punto cualquiera (1) se muestra una ventana con información del Espacio de Publicación correspondiente y un botón Editar (2), para editar el espacio. Ver un ejemplo en la siguiente imagen. Si se pulsa el botón Editar aparece la ventana de configuración del Espacio de Publicación que se ha explicado anteriormente en la pestaña Vista Esquema. PESTAÑA EDICIÓN CONJUNTA En esta pestaña se muestran todos los Espacios de Publicación al mismo tiempo lo que facilita hacer ajustes que puedan afectar al conjunto de la página, si es necesario. Ver la imagen siguiente. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 32 de 202

33 En la imagen superior aparecen los 3 primeros Espacios de Publicación de la página ejemplo. Moviendo el scroll (1) a la derecha de página se accede al resto de espacios. Las opciones de configuración del Espacio son las mismas que se han visto anteriormente. Siempre se puede pulsar el botón Ir a la Página (2) de la barra de acciones de la página para ver la página como aparece ya publicada Nota. Para que los diseñadores de las páginas, que acceden a través de \Home\... no tengan que desactivar el caché para ver los cambios de diseño que están haciendo, éste no se aplicará si acceden a la página a través del botón Ir a la Página ubicado en la barra de acciones del diseño de la misma Contenidos Los Contenidos son los elementos donde se define el contenido que se publica en cada Espacio de Publicación de las Páginas del CM. Como se ha dicho anteriormente, el CM de AuraPortal se basa en elementos de la Familia Propia Content Management, lo cual permite una gran flexibilidad y potencia para la publicación de artículos, noticias y contenidos en general. Adicionalmente, para poder completar una web potente con todas las posibilidades, el CM de AuraPortal también permite diseñar y utilizar otros tipos de contenidos. Los tipos de Contenidos disponibles son los siguientes: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 33 de 202

34 - Botoneras. Permite diseñar botoneras. - Buscadores. Se pueden definir cinco tipos de buscadores (Libre, Árbol, Perfiles, Prefijos y Selección Simple) y combinación de ellos (Conjuntos). - Carritos de Compra. Este contenido solo aparece cuando se dispone del Módulo de Comercio Online y permite añadir Carritos de Compra y Pasarelas de Pago a las webs corporativas de Comercio Online. Para más información, consultar el capítulo correspondiente en este documento. - Conjuntos. Permite la combinación de distintos Contenidos en Pestañas superpuestas o en paralelo. - Detalles del Elementos. Contenido donde se diseña la forma de mostrar los detalles de los elementos, que se verán al pulsar sobre uno en la Lista de Elementos comentada anteriormente o en un Elemento Único. Si el elemento es una noticia, por ejemplo, en la Lista de Elementos se mostrará una vista resumida, y al pulsar sobre ella se abrirán sus datos ampliados (Detalles de Elemento). - Editor HTML. Editor de HTML para definir cualquier contenido libre. - Elemento Único. El objetivo de este tipo de Contenido es el de facilitar la configuración y el mantenimiento de las Páginas utilizando elementos o partes de elementos de CM en ciertos escenarios en los que, de otro modo, habría que utilizar Contenidos tipo Editor HTML. - Herramientas. Disponibles numerosas herramientas para ubicar iconos para imprimir, conversión a PDF, envío de , etc. - Listas de Elementos. Permite diseñar listas de elementos de la Familia Propia Content Management, que se mostrarán publicados en las páginas, bien por defecto o como resultado de las búsquedas. - Página. Se puede elegir otra Página de CM. Esto permite interesantes combinaciones en el Esquema de la Página y también proporciona la posibilidad de Heredar el Estilo de la Página Principal. Este contenido se puede seleccionar desde un Espacio de Publicación, pero no aparece en el grid de Contenidos ya que todas las páginas están organizadas en su propio apartado. - Páginas Web Externas. Permite indicar URL de páginas webs externas, para mostrar su contenido integrado en el CM de AuraPortal. También permite seleccionar páginas del propio CM lo cual permite combinaciones interesantes. - Plugins. Permite la introducción de código para insertar todo tipo de elementos. Son ejemplos clásicos los Gadgets de Google (disponibles cientos de miles) y los Social Plugins de Facebook, pero hay muchísimos más. - Redes Sociales. Disponibles cerca de 300 Redes Sociales para integrarlas en las páginas y/o plantillas. Veamos los detalles de cada tipo de Contenido. Como hemos visto, se pueden crear Contenidos directamente desde los ESPACIOS DE PUBLICACIÓN de las Páginas del CM, pero también directamente desde la ventana principal del módulo CM en Estructura: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 34 de 202

35 Se abrirá una ventana donde se muestran todos los tipos de Contenidos disponibles: Seguidamente se describen los detalles de cada uno de los Contenidos Botoneras Para crear y configurar botoneras, pulsar sobre la opción correspondiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 35 de 202

36 Al entrar en Botoneras aparecerá la siguiente ventana con la lista de Botoneras creadas: Como los otros tipos de contenido, las Botoneras también están organizadas en un Árbol de Capítulos. Se puede consultar información sobre el Árbol de Capítulos en la configuración de las Páginas, más arriba en este documento. Pulsar sobre Crear (1) para crear una nueva Botonera, sobre Alta Similar (2) para crear una botonera similar a una existente o sobre una ya creada para definirla, en este caso The Modern Herald (3) y aparecerá la ventana con todas las opciones de configuración: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 36 de 202

37 Las opciones de configuración son: Nombre. Identifica la botonera. Descripción. Descripción de la botonera. Dimensiones. - Alto Botón. Alto de cada botón, - Ancho Botonera. Ancho total de la botonera. La opción Automático depende de lo que se haya seleccionado en Ancho Botones. También se puede Indicar el tamaño completo que ocupará. SEPARADOR BOTONES. Si se indica Sí, estará disponible un panel con dos opciones para determinar la separación de los botones: - Línea. Cada botón estará separado por una línea del color elegido. Por ejemplo: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 37 de 202

38 - Separación. Se indica la separación que habrá entre los botones y, además, si será ocupada por una imagen. Por ejemplo: Ancho Botones. Determina el ancho de los botones con dos posibilidades: - Distribución Automática. El ancho de los botones se distribuye por igual según el Ancho Botonera indicado antes. - Indicar Píxeles a cada Botón. El ancho de cada botón se indica en la configuración de cada botón (ver más adelante la sección BOTONES). La longitud de la botonera será, como mínimo, la indicada en Ancho Botonera, a menos que la suma de todos los botones más su separación sea mayor, en cuyo caso aumentará todo lo que necesite hasta llegar a la longitud indicada. Orientación. Determina si la botonera se presenta Horizontal, Vertical o Vertical con Desplazamiento. Para las dos orientaciones verticales, la opción Ancho Botonera solo tiene disponible Distribución Automática. Nota. Más adelante se muestra un ejemplo de la orientación Vertical con Desplazamiento. Estilo. Estilo de la botonera. Puede elegirse un estilo predefinido (System) o elegir uno de la Galería. Nota. Para configurar un estilo en la Galería, ir a Estructura Diccionarios - Galerías Galería de Estilos CSS para Botoneras. Esa opción muestra una ventana como la siguiente: Pulsar el botón Crear para crear un nuevo estilo de botonera o el botón Alta Similar para copiar uno ya creado, que luego puede modificarse. En la imagen superior se selecciona The Modern Herald 1º Level, y aparecerá la ventana de configuración. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 38 de 202

39 Con 3 paneles: BORDES. Para definir los bordes de cada Botón y de la Botonera completa, con sombreado si se desea para la Botonera. DISEÑO EN REPOSO. Para determinar el Color o la Imagen del Fondo del Botón o de la Botonera completa cuando no se ha situado el ratón encima. Si se selecciona una Imagen se puede indicar si ha de repetirse en caso de que no cubra todo el Espacio de Publicación o no y su Posición. También se configura, cómo será el Texto del botón en reposo. DISEÑO AL PULSAR (Solo se aplica individualmente a cada botón, no a la botonera completa). Para configurar el comportamiento de la botonera cuando el ratón se sitúa sobre ella. Las opciones de configuración no necesitan más aclaración, salvo que solo se aplicarán a los botones individuales, no a la botonera completa. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 39 de 202

40 Una vez seleccionado un estilo de la Galería, se puede modificar pulsando el icono que mostrará la ventana que acabamos de explicar. a la derecha del campo, ESTILO SUBMENUS. Si en la opción anterior se ha elegido un Estilo de la Galería, se puede especificar un estilo diferente para los Submenús y el alto y ancho de sus botones. SEPARADOR BOTONES. Si se marca Sí aparecerá el mismo panel explicado anteriormente, para determinar la Separación o Línea entre los botones del Submenú, a la Derecha o Izquierda. Posición de los Iconos. Posición de los Iconos indicados en la configuración de cada botón. BOTONES. En este panel se crean nuevos botones y se muestran los ya creados. Pulsar sobre Agregar Botones para crear uno nuevo o sobre el icono buscador de cada botón se abre su configuración. En este ejemplo se muestra IDIOMA que a su vez tiene un submenú con otros botones: Las opciones de configuración de cada botón son las siguientes: Texto. Es el nombre del botón. Es el que se mostrará hasta que se defina MultiIdioma. MultiIdioma. Permite definir un mismo nombre del botón en diferentes idiomas. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 40 de 202

41 Mostrar Nombre como. Permite indicar cómo aparecerá el texto del botón. Hay dos posibilidades: Texto. El texto del botón aparecerá siempre, y cuando el puntero del ratón se sitúe encima, se mostrará lo configurado como Diseño al Pulsar. Imagen. Aparecerá una imagen en el botón, en vez del texto. No obstante, si se pone la imagen además del texto, este quedará debajo de la imagen. Icono. Puede elegirse el Icono que tendrá el botón. Su posición con respecto al Nombre del botón se indica en la configuración general de la botonera. Tipo de Navegación. Hay varias posibilidades: Ir Atrás. Automáticamente devuelve a la página anterior desde donde se llegó a esta. Ir Adelante. Se sitúa en la página que queda por delante en el historial de páginas visitadas. Ir Arriba. Sitúa el cursor al principio de la página. Cerrar. Si esta opción está seleccionada, la página se cierra al pulsar el botón. Indicar. Permite indicar la URL a la que se quiere acceder y su comportamiento tras pulsar el botón. Tiene tres opciones dependientes, Destino, URL y Transmitir Idioma: - Destino. Se señala en qué ventana se abrirá la URL indicada, entre tres opciones o Misma Ventana. Misma ventana en dónde se encuentra la botonera. o Ventana Nueva. Abrirá una nueva ventana del navegador de Internet. Si el botón se pulsa desde una Ventana Superpuesta, la página se abre sustituyendo la Superpuesta, pero se mantiene su Progenitora de fondo. o Ventana Superpuesta. Abrirá una ventana sobre la ventana actual. Al elegir esta opción aparece un panel para configurar Tamaño Inicial, Posición y Borde de la ventana. o Mismo Navegador. Si el botón se pulsa desde una Ventana Superpuesta, la página se abrirá directamente en el navegador, sustituyendo el conjunto Progenitora-Superpuesta. Si se pulsa desde una ventana no Superpuesta, la página se abre en el navegador, pero se mantiene su Progenitora de fondo. - URL. Cuando se desea indicar la URL que se abrirá al pulsar el botón, hay tres posibilidades: o Indicar. Se escribe la URL manualmente. o Página. Opción que permite buscar y seleccionar una Página del CM sin tener que escribir su URL manualmente. o Elemento. Opción que permite buscar y seleccionar un Elemento publicado del CM sin tener que escribir su URL manualmente. Si en el CM hay más de una página que pueda mostrar los Detalles del Elemento, aparecerá una opción, Página con Detalles, para elegir la que se abrirá al pulsar el botón: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 41 de 202

42 - Transmitir Idioma. Esta opción es sumamente importante para la gestión del MultiIdioma en el CM de AuraPortal. Si se indica Sí, aparecerá un desplegable con los idiomas disponibles para elegir uno. El que se indique, será el idioma que se transmita a todas las opciones (Páginas, Contenidos y Plantillas) cuando el visitante pulse este botón, hasta que pulse otro botón que también tenga Transmitir Idioma = Sí con otro Idioma: Siguiendo con el ejemplo de The Modern Herald, el botón IDIOMA tendrá Transmitir Idioma = No porque no es un botón de acción sino la entrada al Submenú de los Idiomas. Donde se indicará Transmitir Idioma = Sí será en cada uno de los botones del Submenú correspondiente a cada Idioma: Por ejemplo, en el botón del idioma español: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 42 de 202

43 Nótese que si se selecciona Transmitir Idioma = Sí, no será necesario indicar una URL. De esta manera, cuando el visitante pulse este botón, se mantendrá en la misma página, pero cambiando el idioma a Español-España. Si se desea también se puede indicar una URL, en cuyo caso hará las dos cosas, abrir la página indicada y transmitir el Idioma. Nota. Cuando un visitante pulsa un botón configurado con Transmitir Idioma = Sí, el parámetro &lng=xx se transmite a la URL, ya sea la URL actual o la indicada en la opción URL, para identificar el idioma correspondiente. De esta forma, si un visitante copia una URL y se la envía a otro, la página se abrirá en el idioma transmitido, no en el del idioma predeterminado. xx se puede sustituir por: NoDefinido = 0 Espanol = 1 InglesUSA = 2 Portugues = 3 Brasileno = 4 EspanolAP = 5 Holandes = 6 Frances = 7 Catalan = 8 EspanolCO = 9 Griego = 10 GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 43 de 202

44 Euskera = 11 Gallego = 12 EspanolAP2 = 13 Arabe = 14 Chino = 15 Ancho. Ancho del botón en píxeles. Este valor sólo se aplicará cuando en la configuración general de la botonera se ha indicado Ancho Botones Indicar Píxeles a cada Botón. SUBMENUS. Permite añadir botones dentro del botón principal, es decir, que éste se convertirá en la entrada a un Submenú. Cuando este es el caso, algunas de las opciones configuradas en el botón principal no tendrán ninguna otra acción, sólo abrirá el Submenú. El resultado de este ejemplo es el siguiente: El botón LANGUAGE despliega el Submenú de idiomas, con un estilo diferente del primer nivel Ejemplo de Orientación Vertical La Orientación Vertical de una botonera es similar a la Horizontal, pero con los botones situados uno encima de otro, por ejemplo: Si alguno de los botones tiene submenús, se abrirán a la derecha: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 44 de 202

45 Ejemplo de Orientación Vertical con Desplazamiento Esta opción de configuración de la orientación de la botonera, permite que al pulsar un botón que tiene Submenús, se desplacen los botones inferiores hacia abajo en lugar de abrise el submenú a la derecha. Siguiendo con el ejemplo anterior: Al elegir la orientación Vertical con Desplazamiento aparece una nueva opción en la ventana de configuración: Mantener efecto Rollover tras pulsar. Si se marca Sí, se recuerda el último botón que se pulsó y mantiene el efecto Rollover en el destino. Nota. Si en la opción Estilo se marcó Galería, el efecto Rollover se hereda del estilo seleccionado en la Galería de Estilos (Estructura Diccionarios Galerías Galería de Estilos CSS para Botoneras). Si se marcó Sistema, se utiliza el estilo predeterminado Buscadores Los Contenidos del tipo Buscador se utilizan para localizar productos dentro del CM. Hay varios tipos: Libre. Permite buscar por parte del contenido de texto de los elementos. Árbol. Muestra el árbol de Clases de la Familia Propia. Lista de Perfiles. Permite una selección de Perfiles de la Familia Propia que se mostrarán en una lista para que el visitante seleccione el deseado. Selección Simple. Muestra un desplegable con las opciones de un campo de Selección Simple de la Ficha de la Familia Propia Content Management. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 45 de 202

46 Prefijos. Muestra un desplegable con una lista de los elementos existentes en un campo Prefijo de la Ficha de la Familia Propia Content Management. Fecha. Para la búsqueda de elementos en base a Fechas, antes o después de la fecha indicada o bien en un intervalo entre ambas. También es posible hacer buscadores combinados entre varios tipos. Son los llamados Conjuntos de Buscadores. Para configurar Buscadores y sus Conjuntos, pulsar sobre la opción correspondiente: Se abrirá la siguiente ventana con la lista de Buscadores creados: Al igual que las Páginas y el resto de los Contenidos, los Buscadores también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulse sobre Crear para crear un nuevo Buscador, sobre Alta Similar para copiar uno ya creado o sobre uno existente para ver o editar su configuración. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 46 de 202

47 A continuación, se detallan los distintos tipos de buscadores Buscador Libre La ventana de configuración de un Buscador Libre es semejante a la siguiente: Las opciones de configuración son: Nombre. Identifica el buscador. Descripción. Descripción. Tipo de Buscador. Varias posibilidades: Libre, Árbol, Lista de Perfiles, Selección Simple, Prefijo y Fecha. En este caso Libre. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 47 de 202

48 Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar. En este ejemplo es Buscador. MultiIdioma. MultiIdioma del Nombre para mostrar si se dispone del Módulo correspondiente. Posición del Título. Cuatro posibilidades: Izquierda, Derecha, Superior, Inferior y Dentro (es el caso del ejemplo). Estilo. Permite seleccionar el estilo que se desea para el texto que el visitante escribirá para buscar y el borde de la caja. Acción en. Permite selección cuál será el Icono que se mostrará, entre tres posibilidades: OJO, Lupa (es el caso del ejemplo), Indicar (permite seleccionar el Icono deseado) y Botón (permite configurar un botón en lugar de un icono para el buscador). Si se selecciona Botón, aparece un Panel para configurar la Posición del Botón respecto a la casilla de texto, el Estilo y el MultiIdioma, si procede. CAMPOS DE BÚSQUEDA. En este grid se indican los campos texto del elemento de la Familia Propia Content Management, en donde se desea efectuar la búsqueda. Se pueden elegir campos de Texto Una Línea, Texto Multilínea y Texto Multilínea Rico. Si no se indica ningún campo, la búsqueda se efectuará en el campo _Name. Pulsando sobre el icono buscador de cada línea (columna I) aparecerá un grid donde se pueden seleccionar diferentes campos para cada Idioma: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 48 de 202

49 En la imagen anterior se puede ver como en el idioma English-United States se utilizará un campo diferente que para el resto. De esta manera, cuando el buscador se esté ejecutando desde una determinada página, realizará la búsqueda en los campos adecuados según el idioma vigente en ese momento, ya sea porque es el predeterminado de la página o por haber sido seleccionado en un botón configurado para ello (ver configuración de MultiIdioma en el diseño del Contenido tipo Botoneras). En este ejemplo el resultado sería el siguiente: Buscador en Árbol El buscador en Árbol presentará un árbol de las Clases de la Familia Propia Content Management. La ventana de configuración es: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 49 de 202

50 Las opciones son: Nombre. Identifica el buscador. Descripción. Descripción. Tipo de Buscador. En este caso Árbol. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar. En este ejemplo está vacío. MultiIdioma. MultiIdioma del Nombre para mostrar. Rama Inicial. Permite seleccionar la rama del árbol (de Clases de la Familia Propia Content Management) a partir de la cual se mostrarán sus Clases en el buscador. Expandido No / Sí. Se indica si el árbol de Clases se verá expandido o contraído. En el caso de marcar Sí, también se pueden indicar si estarán expandidas todas las ramas o sólo la primera. El resultado sería el siguiente: Buscador Lista de Perfiles El buscador de Lista de Perfiles permite seleccionar varios Perfiles de la Familia Propia Content Management que se mostrarán en una lista en donde el visitante podrá elegir. Como resultado se mostrarán todos los elementos que cumplan las Condiciones del Perfil seleccionado. La ventana de configuración es: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 50 de 202

51 Las opciones son: Nombre. Identifica el buscador. Descripción. Descripción. Tipo de Buscador. En este caso Lista de Perfiles. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. - Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar. En este ejemplo está vacío. MultiIdioma. MultiIdioma del Nombre para mostrar. Estilo. Permite definir el estilo de la lista de Perfiles que se mostrarán. Número de Perfiles por Fila. Si hay más de un Perfil, se puede indicar el número de Perfiles por Línea. Si se indica 1, aparecerán en columna. Lista de Perfiles. Permite seleccionar los Perfiles de la Familia Propia Content Management que se desea mostrar en el buscador: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 51 de 202

52 Pulsando sobre el icono buscador de cada línea (columna I ) aparecerá un grid donde se pueden traducir los nombres para mostrar en cada Idioma si se dispone del Módulo correspondiente: El resultado sería el siguiente: Buscador de Selección Simple El buscador de Selección Simple muestra un desplegable con las opciones de un campo de Selección Simple de la Ficha de la Familia Propia Content Management. La ventana de configuración es: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 52 de 202

53 Las opciones son: Nombre. Identifica el buscador. Descripción. Descripción. Tipo de Buscador. En este caso Selección Simple. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. - Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar. En este caso Select. MultiIdioma. MultiIdioma del Nombre para mostrar. Posición del Título. Permite posicionar el Título con respecto al desplegable. Estilo. Permite seleccionar el estilo que se desea para el texto de la lista de opciones que el visitante tendrá para seleccionar. Acción en. Permite selección cuál será el Icono que se mostrará, entre tres posibilidades: OJO, Lupa (es el caso del ejemplo), Indicar (permite seleccionar el Icono deseado) y Botón (permite configurar un botón en lugar de un icono para el buscador). GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 53 de 202

54 Si se selecciona Botón, aparece un Panel para configurar la Posición del Botón respecto a la casilla de texto, el Estilo y el MultiIdioma, si procede. Campo de Búsqueda. Puede elegirse cualquier campo de Selección Simple de la Ficha de la Familia Propia Content Management, incluidos Sufijos de la Familia Propia Content Management. En este caso 3_Clasificación Contenido. Máscara. Se pueden elegir las opciones que se mostrarán del campo de Selección Simple seleccionado: Lista Opciones / Marcadores. Para indicar si las opciones se mostrarán en un Desplegable o con Marcadores. Si se seleccionó Lista Opciones, el campo Número opciones por línea es necesariamente 1. El resultado sería el siguiente: Si se selecciona Marcadores se puede indicar el Número opciones por línea y también Mostrar (o no) Número de Elementos, en cuyo caso se mostrará el número de elementos que se ajustan a la búsqueda. En la imagen siguiente se muestra un ejemplo con Marcadores mostrando el número de elementos encontrados. Con este tipo de buscador se puede marcar más de un criterio de búsqueda, con lo que esta se puede perfilar más. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 54 de 202

55 Buscador de Prefijos El buscador de Prefijos muestra al visitante del CM un desplegable con una lista de los elementos existentes en un campo Prefijo de la Ficha de la Familia Propia Content Management. La ventana de configuración es: Las opciones de configuración son: Nombre. Identifica el buscador. Descripción. Opcional. Tipo de Buscador. En este caso Prefijo. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 55 de 202

56 - Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar. En este ejemplo Sección. MultiIdioma. MultiIdioma del Nombre para mostrar. Posición del Título. Permite posicionar el Título con respecto al desplegable. Estilo. Permite seleccionar el estilo que se desea para el texto de la lista de opciones que el visitante tendrá para seleccionar. Acción en. Permite seleccionar el Icono que se mostrará, entre cuatro posibilidades: OJO, Lupa, Indicar (permite seleccionar el Icono deseado) y Botón (para configurar un botón en lugar del icono). Nota. Si se marca Botón, aparece un panel DISEÑO BOTÓN para configurar el Texto, con MultiIdioma, y el Estilo del mismo. Posición. Para determinar la posición del Icono-Botón en relación a la casilla de búsqueda: Izquierda, Derecha, Superior o Inferior. Campo de Búsqueda. Puede elegirse cualquier campo de tipo Prefijo de la Ficha de la Familia Propia Content Management. Prefiltro. Se puede elegir un Prefiltro del Prefijo seleccionado para limitar las opciones que se mostrarán, en este ejemplo, Sección. Lista de Opciones / Marcadores. Con esta opción se puede configurar si los elementos del Prefijo se muestran en una Lista de Opciones o con Marcadores. El resultado del buscador en Lista de Opciones sería el siguiente: Con esta opción solo se puede seleccionar un criterio de búsqueda. Si se selecciona Marcadores, aparecen dos opciones más: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 56 de 202

57 Número opciones por línea. Indicar 0, o dejar vacío si se dese que todos los elementos aparezcan en la misma línea en horizontal. Indicar 1 para que los elementos se muestren en vertical. Mostrar Número de Elementos. Si se muestra el número de elementos, este aparece entre paréntesis a la derecha del elemento del Prefijo. El resultado del buscador con Marcadores y mostrando Número de elementos sería el siguiente: Este diseño facilita la búsqueda al permitir la elección de varios criterios. Al pulsar el icono o botón, comienza la búsqueda Buscador por Fecha El buscador por Fecha permite al visitante del CM buscar elementos en base a una cierta fecha, anterior, posterior o en un cierto intervalo. La ventana de configuración tiene el aspecto siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 57 de 202

58 Las opciones de configuración son: Nombre. Identifica el buscador. Descripción. Opcional. Tipo de Buscador. En este caso Fecha. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. - Estén configuradas con Detalles de Elementos = No. Fecha Desde. Si se marca esta opción el buscador muestra los elementos fechados a partir de la fecha indicada. Fecha Hasta. Si se marca esta opción el buscador muestra los elementos fechados hasta la fecha indicada. Nota. También se pueden marcar ambas opciones, en cuyo caso aparecen nuevas opciones de configuración: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 58 de 202

59 Presentación. Para indicar si las dos fechas aparecen en Vertical (una sobre otra) o en Horizontal (una al lado de la otra). Dentro del Intervalo Fuera del Intervalo. Para especificar si la búsqueda se realizará dentro o fuera de los límtes marcados. Título Mostrado. Nombre para mostrar de los campos Fecha Desde y Fecha Hasta, en el ejemplo de más abajo Desde Hasta. MultiIdioma. MultiIdioma del Nombre para mostrar de los campos Fecha Desde y Fecha Hasta. Posición del Título. Permite posicionar el Título con respecto al/los campos fecha. Estilo. Permite seleccionar el estilo del texto y los bordes de las casillas donde aparecen las fechas una vez seleccionadas. Acción en. Permite seleccionar el Icono que se mostrará, entre cuatro posibilidades: OJO, Lupa, Indicar (permite seleccionar el Icono deseado) y Botón (para configurar un botón en lugar del icono). Nota. Si se marca Botón, aparece un panel DISEÑO BOTÓN para configurar el Texto, con MultiIdioma, y el Estilo del mismo. Posición. Para determinar la posición del Icono-Botón en relación a la casilla de búsqueda: Izquierda, Derecha, Superior o Inferior. Campo de Búsqueda. Puede elegirse cualquier campo de tipo Fecha o Fecha-Hora de la Ficha de la Familia Propia Content Management. El resultado de la configuración del buscador por fecha puede ser similar a este: o este: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 59 de 202

60 Conjuntos de Buscadores También es posible combinar varios buscadores para llevar a cabo búsquedas avanzadas, lo que realiza mediante la creación de Conjuntos. Los buscadores que se pueden incluir en un Conjunto son los de Libre, Selección Simple, Prefijos y Fecha. Desde la ventana donde se crean y configuran y organizan los distintos buscadores, pulsar el botón Crear Conjunto para crear uno nuevo o sobre uno existente para editarlo. La ventana de configuración será similar a esta: Las opciones de configuración son: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 60 de 202

61 Nombre. Identifica el buscador. Descripción. Opcional. Tipo de Buscador. En este caso Conjunto. Página Destino. Pulsando sobre el icono buscador se puede elegir la Página del CM que mostrará el resultado de la búsqueda. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Lista de Elementos en algún Espacio de Publicación. - Estén configuradas con Detalles de Elementos = No. Título. Nombre para mostrar, en el ejemplo de más abajo BÚSQUEDA AVANZADA. MultiIdioma. MultiIdioma del Nombre para mostrar. Posición del Título. Permite posicionar el Título con respecto al Conjunto, Izquierda, Derecha, Superior o Inferior. Acción en. Aquí se configura el pulsador que inicia la búsqueda, que puede ser: un Icono, el Ojo, la Lupa o uno que se seleccione de la galería. Un Botón, al que se puede aplicar un Texto, MultiIdioma y un Estilo. Una Imagen de la Galería de Imágenes, si se marca Indicar. BUSCADORES. En este panel se Agregan los Buscadores que forman parte del Conjunto, los cuales se mostrarán en el grid una vez elegidos. Pulsar el botón Agregar Buscadores para añadirlos al conjunto de entre los buscadores compatibles ya configurados y se mostrarán en el grid, donde se les puede asignar el Orden con el que aparecerán en ejecución pulsando el icono. En este ejemplo se han elegido el buscador de Prefijos y el de Selección Simple. El resultado de la configuración de un Conjunto de Buscadores podría ser semejante al siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 61 de 202

62 El uso de Conjuntos de Buscadores hace la búsqueda más precisa y facilita encontrar los elementos deseados, buscando entre un gran número de ellos. Nota. Es interesante leer el capítulo PUBLICACIÓN DE ELEMENTOS para entender mejor la relación entre Perfiles, Listas de Elementos, Buscadores y Detalles de Elementos Carritos de Compra Este tipo de contenido solo está disponible si se instala el Módulo y Licencia de Comercio Online y se explica en detalle al final de este documento Conjuntos de Contenido Conjuntos de Contenido permite combinar distintos tipos de Contenido para mostrarlos en un mismo espacio de Publicación, pero en pestañas paralelas o superpuestas. Para configurar un Conjunto de Contenido, pulsar la opción correspondiente en la lista de tipo de Contenido. Se abrirá la siguiente ventana, mostrando un grid con los Conjuntos existentes. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 62 de 202

63 Al igual que las Páginas y el resto de los Contenidos, los Conjuntos también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar en Crear para crear un Conjunto de Contenido nuevo, en Alta Similar para copiar un Conjunto existente, o en uno ya creado para editarlo, en este caso Content Set 1. Aparecerá una ventana similar a esta: Las opciones que se pueden configurar son: Nombre. Para identificar el Conjunto de Contenido. Descripción. Opcional. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 63 de 202

64 Presentación. Con dos posibilidades: o Pestañas Superpuestas. Los distintos Contenidos aparecen en pestañas superpuestas, unos sobre otros y se muestran cuando se pulsa la pestaña correspondiente. Es la opción predeterminada. o En Paralelo. Si se elige esta opción, la opción Ancho Contenido (ver más abajo) se sustituye por Mostrar Pestañas: Mostrar Pestañas - Sí muestra las pestañas de los Contenidos al mismo tiempo, una a continuación de la otra. En este caso hay que indicar el Alto de la pestaña. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 64 de 202

65 Alto Pestañas. En píxeles. Separaciones entre Pestañas. En píxeles. Ancho Contenido. El ancho del área que muestra el contenido. Orientación. Las Pestañas aparecen agrupadas en Vertical (el contenido se muestra a la derecha). o en Horizontal (el contenido se muestra debajo). Estilo. Para seleccionar un estilo para las Pestañas de entre los preconfigurados en la Galería de Estilos CSS para Botoneras. PESTAÑAS. En este grid se añaden las Pestañas donde se incluyen los Contenidos que forman parte del Conjunto. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 65 de 202

66 En cada línea del grid de Pestañas se puede configurar el Orden en que aparece, marcarla como Principal o cancelar los cambios pulsando previamente el icono. La Pestaña Principal es la que aparece en primer lugar hasta que se pulsa cualquier otra. Pulsar el icono para deseleccionar la línea. El grid de la imagen inferior muestra una Lista de Elementos incluida en la primera pestaña con el nombre Quote of the Day, un Plugin llamado The Weather in Europe en la segunda Pestaña y una Página Web Externa que muestra el Portal de Invitados en la tercera Pestaña. El botón Crear Pestañas abre la siguiente ventana: Para crear las Pestañas que aparecerán en el Conjunto. Una vez creadas aparecen en las líneas del grid. Las opciones a configurar para las Pestañas son las siguientes: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 66 de 202

67 ALTO. Para determinar el alto del Contenido dentro de la Pestaña. Puede ser Por Contenido o Indicar (en píxeles). Nombre. El nombre de la Pestaña. MultiIdioma. Para aplicar MultiIdioma el nombre de la Pestaña. Ancho Pestaña. Puede ser Automático o Indicar (en píxeles). Nota. El resto de las opciones de esta ventana son idénticas a las que se pueden encontrar en la configuración de los Espacios de Publicación, ya explicados. Consultar este apartado para completar la información Detalles de Elementos Una vez un visitante del CM está visualizando elementos publicados en Listas de Elementos, ya sea porque son el contenido predeterminado de una Página o bien como resultado de utilizar Buscadores, es deseable que pueda pulsar sobre uno de ellos para ver sus detalles ampliados. Para esto sirven los Contenidos del tipo Detalles de Elementos. Para configurar cómo se mostrarán los Detalles del Elemento, pulsar sobre la opción correspondiene: Aparecerá la lista de Detalles de Elementos ya creada: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 67 de 202

68 Al igual que las Páginas y el resto de los Contenidos, los Detalles de Elementos también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar el botón Crear para crear uno nuevo, Alta Similar para copiar uno existente o sobre uno ya creado para ver su configuración, en este ejemplo Details - News: Los únicos parámetros de configuración son: Nombre. Nombre que identifica los Detalles del Elemento. Descripción. Descripción si se desea. Título. Nombre para mostrar en el CM. En este ejemplo - NEWS DETAILS -. MultiIdioma. Para definir el Título con MultiIdioma, si se dispone del Módulo correspondiente. Plantilla. En esta opción se elige la Plantilla con la que se mostrarán los detalles del elemento. Nota. Para ver todos los detalles de la configuración de Plantillas ver capítulo correspondiente. El resultado es que cuando se pulse sobre algún elemento de la Lista de Elementos, se abrirá el Contenido del tipo Element Details configurado, por ejemplo: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 68 de 202

69 Nota. Recuérdese que para que en una Lista de Elementos se pueda pulsar sobre un elemento para abrir sus detalles, hay que haberlo indicarlo en su Plantilla. Concretamente en la opción Enlace a Detalles del Elemento = Sí de la configuración de cada uno de los campos que se desee Relación con Listas de Elementos En la misma Página dónde se muestren Detalles de Elementos también es posible mostrar una Lista de Elementos filtrada según el Elemento mostrado. Ver los detalles en el Capítulo Listas de Elementos filtradas según Detalles del Elemento Editor HTML Los Contenidos de tipo Editor HTML permiten diseñar contenidos HTML manualmente con un editor. Para crear o configurar uno, pulsar sobre la opción correspondiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 69 de 202

70 Se abrirá una ventana con la lista de Contenidos configurados manualmente: Al igual que las Páginas y el resto de los Contenidos, los contenidos de tipo Editor HTML también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulse en Crear, para crear un contenido HTML nuevo, en Alta Similar para copiar uno existente o uno ya creado para ver o modificar su configuración, por ejemplo, Logo The Modern Herald, aparecerá una ventana como la siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 70 de 202

71 Las opciones de configuración son: Nombre. Para identificar el contenido HTML. Descripción. Descripción si se desea. Contenido. Pulsando sobre el icono buscador se abrirá el Editor HTML dónde se añadirá el contenido para mostrar en el CM, en este caso: En este caso en el Editor HTML se ha insertado la imagen del Logotipo de la Galería de Imágenes (con el Icono de la barra de herramientas), pero podría haberse introducido cualquier texto o elemento HTML. MultiIdioma. Permite aplicar MultiIdioma al contenido si se dispone del Módulo correspondiente. Si no se personaliza, se utiliza el contenido indicado en Contenido para todos los idiomas Elemento Único El contenido de tipo Elemento Único se usa para facilitar la configuración y mantenimiento de las Páginas, habilitando elementos de CM, o partes de elementos de CM, para utilizarse en ciertos escenarios en los que, de otro modo, se requeriría un contenido de tipo Editor HTML, explicado en otra parte de este documento, para mostrar aspectos estáticos de páginas de CM. Pulsar la opción correspondiente para crear un Elemento Único nuevo. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 71 de 202

72 Se abrirá una ventana como la siguiente, mostrando la lista de los Elementos Únicos ya creados. Pulsar en Crear, para crear un Elemento nuevo, sobre Alta Similar para copiar uno existente o sobre uno ya creado para editarlo, en este caso Who we are: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 72 de 202

73 Las opciones de configuración se detallan seguidamente: Nombre. Identifica al Elemento Único. Descripción. Opcional. Elemento. Para seleccionar un Elemento específico de la familia CM, en este caso Who we are, que proporcionará la información que se desea mostrar como Elemento Único. Página de Detalles. Para seleccionar la Página de CM que se abrirá como detalles del Elemento Único si en la configuración de la plantilla (explicada en otra parte de este documento) se marcó como Sí el campo ENLACE A DETALLES DEL ELEMENTO. Destino Detalles. Con 3 posibilidades: Página Completa. La Página de Detalles se abre en el navegador actual, sustituyendo la página actual. Es la opción predeterminada. Ventana Superpuesta. La Página de Detalles se abre en una ventana superpuesta. La página actual queda cubierta por el velo. Al seleccionar esta opción aparece un panel que permite configurar el TAMAÑO INICIAL, la POSICIÓN y el BORDE de la ventana de detalles. Mismo Navegador. Si la Página de Detalles se abre desde una ventana superpuesta, lo hace directamente en el Navegador, sustituyendo el conjunto Progenitora-Superpuesta. Si se abre desde una ventana no superpuesta, la Página de Detalles se abre en el Navegador pero se mantiene la Progenitora de fondo. Título. Se refiere al nombre que aparecerá en CM, en este ejemplo SOBRE NOSOTROS. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 73 de 202

74 MultiIdioma. Para el Título. Plantilla. Para seleccionar la Plantilla que determina la presentación del Elemento de CM seleccionado arriba. En este caso la plantilla se creó especialmente para este Elemento Único, y se llama Who we are. En la imagen siguiente puede verse el Elemento Único SOBRE NOSOTROS: En el ejemplo de la imagen, el Elemento Único se ha incluido en uno de los Espacios de Publicación de la Página Who We Are, a la que se accede pulsando el botón QUIÉNES SOMOS de la botonera horizontal. La información que se muestra aquí es permanente, por lo que no necesita cumplir ciertas condiciones para ser publicado, a diferencia de la Main Page, que está siendo actualizada continuamente y necesita por ello una Lista de Elementos donde poder definir condiciones de publicación. También se podría haber recreado este entorno con un contenido de tipo Editor HTML, pero el concepto de Elemento Único es más amigable ya que el contenido se añade directamente en El elemento CM y cualquier modificación en el Estilo se realiza en la Plantilla. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 74 de 202

75 2.3.8 Herramientas Los Contenidos de este tipo se utilizan para ubicar diferentes herramientas y utilidades en las páginas del CM, por ejemplo, conversión a PDF, envío por , Impresión, etc. En la página de Contenidos pulsar sobre el tipo Herramientas: Nota. El funcionamiento de los Contenidos del tipo Herramientas es independiente del CM de AuraPortal, que se limita a proporcionar conexión. En muchos casos será necesario disponer de un usuario y Password para utilizarlos. Cabe mencionar, entre otras, las siguientes Herramientas ( * = destacadas): AddThis Menu. Permite la publicación de la Página o Elemento en cualquier Red Social o Herramienta disponible en la plataforma AddThis. Curate.Us. Proporciona el código necesario para mostrar una vista previa de una página web. Este código se puede utilizar, por ejemplo, en un Contenido tipo Plugin en AuraPortal. (*). Envía el link del Contenido por un sistema de independiente al instalado localmente en el ordenador del visitante. App (*). Similar al anterior, pero utilizando el sistema de instalado en el ordenador del visitante. Gmail. Enviar el link del Contenido a través de una cuenta de de Gmail (Google). Google Translate. Traduce el Contenido a diferentes idiomas con Google Translate. Hotmail. Permite enviar el link del Contenido a través de una cuenta de de Hotmail (Microsoft). PDF Online (*). Crea automáticamente un fichero PDF con el contenido de CM. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 75 de 202

76 PDFMyUrl. Similar al anterior, menos compatible. Print (*). Envía contenido a impresora local. PrintFriendly (*). Envía contenido por impresora, PDF o . Y! . Envía el link del Contenido a través de una cuenta de de Yahoo. La configuración de Herramientas se realiza a través de la siguiente ventana: Nota. El funcionamiento del Árbol de Capítulos está explicado en detalle en el apartado de Páginas. Para incluir una herramienta pulsar el botón Crear y para copiar una existente, pulsar Alta Similar. Tras pulsar Crear y ponerle un Nombre a la herramienta que se desea incluir y pulsar Guardar, aparece la siguiente ventana. Desde aquí se pueden agregar distintas Herramientas, como las que se han comentado anteriormente, o RSS. En Agregar Herramientas se puede elegir de entre las que aparecen en la Lista Herramientas. Ver la siguiente imagen. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 76 de 202

77 Para preparar Contenidos del tipo RSS pulsar Agregar RSS. Se abre una ventana como la de la siguiente imagen para proporcionar los datos necesarios. Los Contenidos del tipo RSS (siglas de Really Simple Syndication) es un formato XML que permite difundir contenidos del CM a usuarios que se han suscrito. Estos usuarios dispondrán de una pequeña herramienta cliente, lector RSS, con la que periódicamente ir recibiendo información a la que se han suscrito sin necesidad de dirigirse a la página web. Las opciones de configuración son las siguientes: Nombre. Nombre interno que identifica el Contenido. Descripción. Descripción interna si se desea. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 77 de 202

78 DATOS DE PUBLICACIÓN: o o o o Nombre RSS. Nombre con el que se publicará el Contenido. Descripción RSS. Descripción con la que se publicará el Contenido. Página General. Página principal a la que se dirigirá cuando el visitante pulse en la opción correspondiente en la publicación. Lista de Elementos. Se selecciona el Contenido del tipo Lista de Elementos que se desea utilizar para la publicación del RSS. De la Lista seleccionada se utilizarán los siguientes componentes: Perfil. En el RSS se publicarán los elementos que cumplan el Perfil de la Lista de Elementos seleccionada. Página de Detalles. Página que se abrirá cuando el visitante pulse sobre una noticia en el RSS para ver sus detalles ampliados. Metadatos de la Plantilla. En el RSS se publicarán la información contenida en los Metadatos que estén configurados en la Plantilla de la Lista de Elementos seleccionada. No se utilizarán ninguno del resto de detalles de la configuración de la Lista de Elementos seleccionada, que son: Presentación. Esto no se aplica a las publicaciones de RSS. Número de Elementos por Línea. En el RSS siempre se mostrará un elemento por línea. Número de Líneas. En el RSS se mostrarán tantas líneas como elementos se indiquen en la opción Número de Elementos explicada en otra parte de este documento. Ordenación. La ordenación en el RSS es siempre por fecha de publicación. Omitir Elementos. No se aplica, en el RSS se muestran todos los que cumplen el Perfil hasta alcanzar el número indicado en la opción Número de Elementos explicada a continuación. o Número de Elementos. Número de elementos que se mostrarán en la publicación RSS Listas de Elementos Los Contenidos del tipo Lista de Elementos se utlizan para que el visitante del CM vea, en una lista, los elementos de la Familia Propia Content Management que cumplen las condiciones de publicación establecidas, ya sea porque son el contenido predeterminado de una página o bien como resultado de una búsqueda. Para configurar Listas de Elementos, pulsar sobre la opción correspondiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 78 de 202

79 Aparecerá la siguiente ventana con todas las Listas de Elementos creadas: Al igual que las Páginas y el resto de los Contenidos, las Listas de Elementos también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Para crear una nueva Lista de Elementos pulsar sobre el botón Crear, o en Alta Similar para copiar una existente. Pulsar sobre una ya creada para ver su configuración, por ejemplo, Headlines (No Pagination), aparece la siguiente ventana: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 79 de 202

80 Las opciones de configuración son las siguientes: Nombre. Nombre que identifica la Lista de Elementos. Descripción. Descripción si se desea. Página de Detalles. Pulsando sobre el icono buscador se puede elegir la Página del CM que se abrirá para mostrar los Detalles del Elemento si en la configuración de la Plantilla se configuró ENLACE A DETALLES DEL ELE- MENTO como Sí. Sólo se podrán elegir aquellas Páginas que cumplan las dos condiciones siguientes: - Tengan un Contenido del tipo Detalles en algún Espacio de Publicación. - Estén configuradas con Contiene Resultados de Búsqueda = No. Destino Detalles. Hay varias posibles opciones. Página Completa. La Página de Detalles seleccionada arriba se abre en el explorador actual, sustituyendo la página que se mostraba. Esta es la opción predeterminada para la Lista de Opciones. Ventana Superpuesta. La Página de Detalles se abre en una ventana superpuesta. La página actual se cubre con el velo. Si se elige esta opción aparece un panel nuevo que permite configurar el TAMAÑO INICIAL, la POSICIÓN y el BORDE de la ventana que muestra los detalles. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 80 de 202

81 Mismo Navegador. Esta opción es parecida a la de Página Completa, pero está pensada para mostrar Detalles de un Elemento incluido en otra Página de Detalles superpuesta. En lugar de mostrar los Detalles en la Página de Detalles superpuesta como lo haría Página Completa, se abre en el navegador original, cerrando la ventana superpuesta. Título. Nombre para mostrar en el CM. Se puede aplicar MultiIdioma. Para definir el nombre para mostrar en cada idioma (para que se aplique requiere disponer de Módulo MultiIdioma). Mensaje para Lista Vacía. Aquí se puede personalizar un mensaje que se muestre para informar al visitante de CM que no hay elementos que cumplan las condiciones de publicación. Se puede aplicar MultiIdioma. Perfil. Se elige el Perfil de Familias Propias que tiene las condiciones que han de cumplir los elementos para ser mostrados en esta Lista. En este ejemplo se ha elegido un Perfil llamado Headline, cuya condición es que el campo Clasificación del Contenido tenga el valor Headline. Esto implica que los elementos publicados se clasificaron como Headlines. Plantilla. En esta opción se elige la Plantilla con la que se mostrarán los elementos en esta Lista, en este caso Headline. Nota. Para ver todos los detalles de la configuración de Plantillas ver capítulo siguiente. Presentación. Este panel es variable en función de la Presentación marcada. Las posibles configuraciones son las siguientes: - Sin Paginación. La lista de elementos que cumple las condiciones aparece en la misma página. En caso de que los elementos de la lista no se justen bien a la página (según las dimensiones de la propia página) es aconsejable configurar Scroll en el Espacio de Publicación que aloja la Lista de Elementos. - Con Paginación. Si el número de líneas de la Lista está restringido por el campo Número de Líneas (mencionado más abajo), pero el número de elementos excede lo configurado, puede presentarse Con Paginación para que se puedan ver todos los elementos. Si se marca esta opción, el panel Presentación muestra las siguientes opciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 81 de 202

82 Posición. Para indicar la posición del Paginador en relación a la Lista de Elementos, Superior o Inferior, que es la opción predeterminada. Alineación. Para indicar si el Paginador se alineará en la Posición indicada y alineado a la Izquierda, Centro o Derecha. Mostrar Nº Páginas. La opción predeterminada es No. Si se marca Sí, el Paginador muestra el número de páginas que ocupa la Lista de Elementos. Cada número es un link a la correspondiente página. También se puede especificar un número Máximo de páginas (5 por defecto). Icono Avance Página / Retroceso Página. Para seleccionar el icono que se usará para cambiar de página en el Paginador. Se puede Indicar uno seleccionado de la Galería o, como en la imagen de ejemplo, elegir el Predeterminado ( y ). Color de Fondo. Para añadir un color a la barra del Paginador. Color Nº Páginas. Para añadir un color a los números de página del Paginador. Ver el siguiente ejemplo de Paginador. Debajo del panel Presentación aparecen: Número de Elementos por Línea. Para indicar el número de elementos que se muestra en cada línea. En este ejemplo, 1. La lista se desplegará verticalmente. Número de Líneas. Permite restringir el número de líneas que aparecerán en la Lista. El valor predeterminado es 0, lo que indica que se mostrarán todas las líneas necesarias, dependiendo del número de elementos que cumplen las condiciones del perfil. En esta Lista de Elementos solo habrá una línea. Ver un ejemplo de una Lista de Elementos Con Paginación en la siguiente imagen: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 82 de 202

83 Al lado del Paginador aparece, entre paréntesis, el número de elementos de la lista. - Carrusel. Las opciones disponibles en el panel Presentación son las siguientes: Transición. Aquí se indica el modo en el que los elementos serán presentados en la pantalla, con Desplazamiento (los elementos se desplazan a la izquierda) o en Fundido (el elemento actual se funde con el siguiente). Segundos de intervalo. Para indicar los segundos que estará visible cada elemento, en este caso 3. Ubicación paginador. Para indicar si el paginador se posicionará Exterior a los elementos (como en la opción Con Paginación) o Interior, superpuesto a los elementos. El resto de las opciones funcionan de igual manera que las equivalentes explicadas para la presentación Con Paginación excepto en el caso de la Posición, en la que el Carrusel presenta también la opción Medio. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 83 de 202

84 Cuando se marca, las opciones de Alineación desaparecen mostrándose el literal (Ambos extremos). También se ocultan las opciones Color de Fondo y Color Nº Páginas. En ejecución solo se mostrarán los iconos de avance y retroceso en los extremos derecho e izquierdo del elemento visible, respectivamente y centrados en altura. No se mostrará el número de elementos Las páginas se representan con botones redondos, ver la imagen inferior, con el color elegido en la opción Color Nº Páginas. Debajo del panel Presentación aparece: Número de Elementos. Se indica el número de elementos que incluye el Carrusel. Las siguientes imágenes muestran ejemplos de presentación de Lista de Elementos en Carrusel: En la imagen superior se ve el paginador superpuesto internamente en la esquina superior derecha. Los elementos se fundirán pasados 3 segundos desde que aparecieron. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 84 de 202

85 En la imagen superior se ve el paginador centrado. Nota. Si se sitúa el ratón sobre un elemento o si se pulsa el icono Carrusel se detiene. Para volver a activarlo, pulsar el icono para ver un vídeo, el del Paginador. - Marquesina. La Marquesina no requiere más opciones de configuración. La ejecución es parecida a la de Carrusel. Los elementos se muestran uno tras otro en el Espacio de Publicación en constante movimiento, por lo que no hace falta Paginador. Cuando el puntero del ratón se sitúa sobre un elemento, la Marquesina se para y se pone automáticamente en movimiento cuando se retira el ratón. También se puede especificar el Número de Elementos que aparecerán en la Marquesina y si los elementos se desplazarán en Horizontal (hacia la izquierda) o Vertical (hacia arriba). - Acordeón. El Acordeón no requiere más opciones de configuración, aparte del Número de Elementos a mostrar. La ejecución es similar a la del Carrusel y la Marquesina, pero en este caso los elementos están quietos. El Espacio de Publicación muestra una sección de cada uno de los elementos, uno tras otro en horizontal. Cuando se sitúa el ratón sobre un elemento este se amplía, mostrando la imagen completa según lo configurado en la plantilla seleccionada y reduciendo la sección mostrada de los otros elementos para adaptarse al Espacio de publicación. En la imagen siguiente se puede ver un ejemplo de presentación de Lista de Elementos en Acordeón. Y cuando se señala uno de los elementos: - Miniaturas. En esta presentación, se muestran Miniaturas de los elementos dispuestas horizontalmente bajo el elemento principal, que es el que previamente se ha seleccionado pulsando sobre la miniatura. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 85 de 202

86 Las opciones de configuración son las siguientes: Plantilla para Miniaturas. En esta opción se selecciona una segunda plantilla, además de la principal. Para establecer cómo se mostrarán los elementos miniaturizados bajo el elemento principal, cuya presentación la determina la plantilla principal, seleccionada en la opción Plantilla que se vio más arriba. También se puede seleccionar el Número de Elementos que aparecerán en la barra de Miniaturas, si la Transición entre los Elementos será por Desplazamiento o por Fundido y los Segundos de intervalo que durará la Transición. En la imagen inferior se muestra una Página Web diseñada con CM en la que aparece una Lista de Elementos con Presentación con Miniaturas en uno de sus Espacios de Publicación. En este ejemplo, el elemento Principal, que se muestra según la Plantilla principal, está resaltado en rojo, y los elementos en Miniatura, que se muestran según la Plantilla para Miniaturas, están resaltado en azul. Todos los Elementos se alojan en el mismo Espacio de Publicación. Nota. Al diseñar el Espacio de Publicación, tener en cuenta que la altura debe ser suficiente para incluir el alto de ambas plantillas, la del elemento principal y la de las miniaturas, una sobre otra. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 86 de 202

87 El elemento miniatura seleccionado aparece cubierto por el velo, en este ejemplo COME TO THE CLOUD, y se muestra en la Plantilla principal. Los elementos cambian automáticamente cada 5 segundos fundiéndose uno en otro o cuando se selecciona una miniatura de la lista. Volviendo a las opciones genéricas de la configuración de la Lista de Elementos: Ordenación. En esta opción se escoge un campo de la Ficha de la Familia Propia Content Management en el que se basará el orden de los Elementos en la Lista. Los tipos de campo que se pueden seleccionar son: Los campos de Sistema ID, Fecha Creación, Fecha Modificación o _Name o cualquier campo de tipo Fecha, Fecha y Hora, Número Entero, Número Decimal o Texto una Línea. Nota. Una de las posibilidades es ordenar los Elementos por el número de Visitas que han recibido. Para ello, seleccionar el mismo campo Número Entro que se selección en el campo Contador de Visitas de la página principal de la configuración de la Gestión de Contenidos. Una vez se ha elegido el campo, en la imagen superior 3_Publication Date, también se puede indicar si se desea la Ordenación Ascendente o Descendente. Omitir Elementos. Esta opción permite excluir un número determinado de Elementos. Se utiliza cuando se quiere mostrar distintas Listas de Elementos en la misma página, con el mismo Perfil, pero distinta Plantilla. En el ejemplo de la siguiente imagen la Lista de Elementos configurada Omitir Elementos = Sí, excluido 1. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 87 de 202

88 está en el recuadro rojo (2): La mecánica de OMITIR ELEMENTOS ha permitido el siguiente escenario: Omitir Elementos En la imagen anterior se muestran 4 Listas de Elementos ((1), (2), (3) y (4)) que tienen las siguientes características: - Las 4 utilizan el mismo Perfil News, que como se recordará tiene como condición que el campo Clasificación de Contenido de la Ficha de los Elementos tenga el valor News. - Las plantillas son diferentes para todas excepto (3) y (4) que utilizan la misma. - La (1) sólo muestra 1 elemento, el último que se publique según fecha de creación. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 88 de 202

89 - La (2) muestra 5 y excluye 1 (el primero). - La (3) muestra 9 y excluye los 6 primeros. - La (4) muestra 8 excluye los 15 primeros y tiene paginación. El resultado es que la última noticia publicada se muestra en la Lista (1), y a medida que se van publicando nuevas, se irán moviendo sucesivamente a las Listas (2), (3) y (4). Nota. Conviene leer el Capítulo titulado PUBLICACIÓN DE ELEMENTOS para comprender bien la relación entre Perfiles, Listas de Elementos, Buscadores y Detalles de Elementos Relación con Detalles de Elementos Los Contenidos Lista de Elementos y Detalles de Elementos (que se explica en otro apartado de este documento) están relacionados de dos maneras: - Cuando un visitante de la web está viendo una Lista de Elementos, por ejemplo, noticias y pulsa sobre una de ellas (uno de los Elementos), se abrirá la Página con sus Detalles para ver la ampliación de la noticia. - Si los dos tipos de Contenido (Lista de Elementos y Detalles de Elemento) se encuentran en la misma Página, se pueden establecer condiciones en la opción Condiciones según Detalles del Elemento en la configuración del Espacio de Publicación que contiene la Lista de Elementos, (por ejemplo, Latest News 1) para relacionar los dos tipos de contenido. Esta opción se explica en detalle en el apartado Listas de Elementos filtradas según Detalles del Elemento, más adelante en este documento Páginas Web Externas Los Contenidos del tipo Página Web Externa permiten utilizar contenidos que están ubicados en páginas web externas, por ejemplo anuncios o banners, en CM. Este tipo de Contenido también permite utilizar páginas web del propio CM, es decir, que dentro de un ESPACIO DE PUBLICACIÓN de una Página se mostraría otra Página del mismo CM. Esta combinación permite combinaciones interesantes. Para configurar Contenidos del tipo Página Web Externa, pulsar sobre la opción correspondiente. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 89 de 202

90 Se abrirá una ventana con la lista de Contenidos del tipo Página Web Externa configurados: Al igual que las Páginas y el resto de los Contenidos, las Páginas Web Externas también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar sobre Crear para crear una Página Web Externa nueva, sobre Alta Similar para copiar una existente o sobre una existente para modificarla, en este ejemplo Weather Europe: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 90 de 202

91 Las opciones de configuración son las siguientes: Nombre. Nombre que identifica el Contenido. Descripción. Descripción si se desea. URL. URL de la página web que se desea mostrar en el CM. Hay dos posibilidades: Indicar. Permite indicar una URL manualmente. o MultiIdioma. Permite indicar una URL para cada Idioma. Seleccionar. Permite seleccionar una URL del CM. Esta opción no tiene selección independiente para cada Idioma porque las páginas del CM ya tienen su propio mecanismo de MultiIdioma (ver capítulo correspondiente más adelante en este documento). Enviar Credenciales. Permite enviar las credenciales del visitante a la página web externa a través de la URL, con la mecánica habitual de otras opciones similares de AuraPortal. Esta opción sólo tiene sentido si la Página del CM donde se mostrará este Contenido tiene autenticación, es decir, que el visitante previamente se ha identificado con su Login y Password. Entre Páginas del CM no es necesaria esta opción. Encriptar Credenciales. Permite indicar si las Credenciales se enviarán encriptadas Plugins Los Contenidos del tipo Plugins permiten código de cualquier tipo de Plugins HTML compatible, como, por ejemplo: - Gadgets de Google ( - Social Plugins de Facebook ( - Curate.Us (Contenido del tipo Tools del CM de AuraPortal), - Y cualquiera compatible. Para preparar Contenidos del tipo Plugins dirigirse a la opción correspondiente en el grid de Contenidos: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 91 de 202

92 Se abrirá una ventana con la lista de Contenidos del tipo Plugins configurados: Al igual que las Páginas y el resto de los Contenidos, los Plugins también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar sobre Crear para crear un Contenido del tipo Plugins, sobre Alta Similar para copiar uno existente o sobre uno ya creado para ver su configuración, en este caso Facebook Like Button: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 92 de 202

93 Las opciones de configuración son las siguientes: Nombre. Nombre que identifica el Contenido. Descripción. Descripción si se desea. Código. Copiar el código del Plugin. En este caso se ha obtenido de Facebook Social Plugins - Like Button ( MultiIdioma. Permite aplicar un Plugin a cada Idioma si se dispone del Módulo correspondiente. El resultado de utilizar este Plugin es que los visitantes podrán pulsar el siguiente botón para publicar el contenido de CM en Facebook marcado como Me gusta : Redes Sociales Los Contenidos del tipo Redes Sociales se utilizan para publicar contenidos del CM en las diferentes Redes Sociales. Hay cerca de 300 Redes Sociales disponibles. En la página de Contenidos pulsar sobre el tipo Redes Sociales. Se abrirá una ventana con la lista de Contenidos del tipo Redes Sociales configurados: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 93 de 202

94 Al igual que las Páginas y el resto de los Contenidos, las Redes Sociales también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar sobre Crear para crear un Contenido del tipo Redes Sociales, sobre Alta Similar para copiar uno existente o sobre uno ya creado para ver su configuración, en este caso Social Network in Header: Las opciones de configuración son las siguientes: Nombre. Nombre que identifica el Contenido. Descripción. Descripción si se desea. Tamaño Iconos. Tamaño de los Iconos de acceso a las Redes Sociales. Hay dos, Pequeño y Grande. REDES SOCIALES. En este grid se listan y añaden las Redes Sociales deseadas para este Contenido. - Agregar Redes Sociales. Pulsando este botón aparece el buscador de Redes Sociales: Pulsando sobre el icono buscador se listarán las Redes Sociales disponibles: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 94 de 202

95 Seleccionar la deseada para agregarla al Contenido que se está configurando. El resultado en las páginas publicadas del CM será el siguiente: Pulsando sobre cada Icono se publicará el contenido en la red social correspondiente. Los Contenidos Redes Sociales se pueden ubicar en: - ESPACIOS DE PUBLICACIÓN de Páginas. Se publicarán los Metadatos comunes para todas las Páginas del CM (ver configuración de Metadatos en el diseño de las Páginas). - CELDAS de Plantillas. Se publicarán los Metadatos particulares de cada Elemento (ver configuración de Metadatos en el diseño de Plantillas). Nota. El funcionamiento de los Contenidos del tipo Redes Sociales es independiente del CM de AuraPortal, que se limita a proporcionar conexión. En general será necesario disponer de un usuario o conexión particular para cada Red Social. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 95 de 202

96 Ubicación de RSS en la Web Para ubicar el acceso a los contenidos RSS en las páginas del CM hay que hacerlo a través de un Contenido del tipo Redes Sociales o del tipo Herramientas. En ambos casos, en la barra de acciones para agregar elementos está disponible el botón Agregar RSS: Nota. Los contenidos de tipo Redes Sociales y Herramientas se explican con detalle en otra parte de este documento. A su vez, los contenidos de tipo Redes Sociales y Herramientas pueden ubicarse directamente en los ESPACIOS DE PUBLICACIÓN de las Páginas, o bien en Celdas de las Plantillas. En cualquier caso, lo que el visitante verá es el siguiente Icono, característico de los contenidos RSS: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 96 de 202

97 Cuando el visitante pulse sobre el botón, se le abrirá una ventana con las noticias publicadas y la posibilidad de suscribirse, por ejemplo: Nota. Cuando el Visitante de la web se suscriba al contenido RSS, podrá utilizar cualquier cliente RSS estándar, por ejemplo, el que está incluido en la mayoría de navegadores web (Internet Explorer, Firefox, Chrome, ), en MS Outlook o cualquier otro. 2.4 Plantillas Las Plantillas son los elementos que se utilizan para diseñar la presentación de los datos de los contenidos que se publican en las páginas del CM. Los datos se obtienen de los elementos de la Familia Propia, pero cuáles se publicarán, en qué formato, forma y distribución, se determina en las Plantillas. De esta manera, por ejemplo, en la lista general se podrán mostrar los elementos en una vista en miniatura diferente a la que se muestre cuando se quieran ver sus detalles, o bien, según la clase de elementos se mostrarán con una Plantilla u otra. Otra ventaja de esta separación, es que, si se realiza un cambio en la Plantilla, se aplica automáticamente a todos los elementos publicados que utilizan dicha plantilla. En resumen, los datos se obtienen de las fichas de los elementos, y la forma de presentarlos a los visitantes depende de las Plantillas. A continuación, se muestran todos los detalles de la configuración de las Plantillas. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 97 de 202

98 Al entrar en Plantillas aparecerá la siguiente ventana con la lista de Plantillas creadas: Al igual que las Páginas y el resto de los Contenidos, las Plantillas también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. Pulsar sobre Crear para crear una nueva Plantilla, sobre Alta Similar para copiar una ya creada o sobre una existente para ver o modificar su configuración, en este caso Headline, aparecerá la siguiente ventana: Para crear una Plantilla nueva, darle un Nombre y una Descripción (opcional) y pulsar Guardar para activar todas las opciones de configuración. Las opciones están divididas en 2 pestañas, General y Vista Esquema. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 98 de 202

99 En la imagen siguiente puede verse el ejemplo de la plantilla Headline, cuya configuración se describe seguidamente. Las opciones de configuración son las siguientes: PESTAÑA GENERAL Semejante a esta: ESTILO GENERAL DE LA PLANTILLA. Incluye varios Paneles: CUERPO (1). Permite establecer un Color o una Imagen como Fondo Plantilla que se aplicará a todas las Celdas. Si se marca Imagen, se puede Indicar una imagen nueva y si se marca Campo Ficha permite seleccionar un campo de tipo Multimedia-Imagen de la Ficha de CM. Esta última opción es interesante ya que permite un Fondo de Plantilla dinámico, según lo que incluya el campo de Ficha seleccionado. Por eso, cada elemento que use esta Plantilla puede mostrar su Fondo específico. Se puede seleccionar un campo Multimedia diferente para cada idioma con la opción MultiIdioma, si es necesario. En este panel también se configura la Posición Horizontal-Vertical de la Imagen y si se Repite o no (en caso de que se utilice un pequeño gif, por ejemplo). GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 99 de 202

100 BORDE y SOMBREADO (2). Se puede definir un Borde para toda la Plantilla, indicando Ancho en píxeles y Color. Se puede marcar un sombreado para los bordes de la Plantilla. Las distintas posibilidades se ven en los iconos, con el sombreado marcado en rojo. ENLACE A DETALLES DEL ELEMENTO (3). Si se marca el Sí, el visitante podrá acceder a los Detalles del Elemento pulsando en cualquier parte de la plantilla. La ventana de configuración es como la de la imagen anterior: Detalles predeterminados de la Lista de Elementos o el Elemento Único. Si se marca esta opción, el enlace conducirá a la Página de Detalles que se configuró en la Lista de Elementos o en el Elemento Único, según donde se use la Plantilla. Indicar. Permite seleccionar una Página distinta de las creadas en CM. En este caso, se configurará el Destino Detalles, en la Página Completa, en Ventana Superpuesta o en el Mismo Navegador. La alternativa de Ventana Superpuesta permite configurar TAMAÑO, POSICIÓN y BORDE. Nota. Lo que se configura aquí prevalece sobre lo indicado en la configuración de la Lista de Elementos o el Elemento Único. PESTAÑA VISTA ESQUEMA Recién creada la plantilla, esta pestaña tiene el siguiente aspecto: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 100 de 202

101 Desde aquí se puede distribuir la Plantilla en Secciones que se pueden subdividir en Celdas. La primera Sección se crea automáticamente y no se puede borrar. Pulsando el icono de Edición se accede a la ventana de configuración, como la de la siguiente imagen, donde se puede Modificar Esta Sección y Crear Nueva Sección (Encima o Debajo de la actual). La posible configuración es la siguiente: ENLACE A DETALLES DEL ELEMENTO. Si se marca el Sí, el visitante podrá acceder a los Detalles del Elemento pulsando en cualquier parte de la sección. La ventana de configuración para la opción Sí es la misma que la ya explicada en la misma opción del ESTILO GENERAL DE LA PLANTILLA. Nota. Lo que se configura aquí prevalece sobre lo indicado en la configuración de la Lista de Elementos o el Elemento Único y también sobre lo configurado en el ESTILO GENERAL DE LA PLANTILLA. Borde Exterior de la Sección. Se configura Ancho, Color y Posición para cada uno de los 4 bordes de la Sección. Tener en cuenta que los píxeles indicados en la Posición reducen el espacio disponible para el contenido. Fondo Sección. Para elegir un Color o una Imagen para el fondo de la Sección. Si se elige una Imagen, como es habitual se podrá definir su Posición (Horizontal-Vertical) y si se repite o no (p.e. si se elige una imagen pequeña como un gif). Para configurar las Celdas de la Sección, pulsar sobre el rectángulo enmarcado en azul que la define, se verá una ventana como la de la siguiente imagen: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 101 de 202

102 Desde aquí se puede Modificar Esta Celda o Crear Nueva Celda. Modificar Esta Celda Es la opción predeterminada. La posible configuración aparece seguidamente: ALTO. Determina el Alto de la Celda dentro de la Sección. Según Contenido indica que el Alto variará dependiendo del contenido de la Celda. Indicar establece un Alto fijo en píxeles. ANCHO. Nota. Si todas las Celdas se han configurado con Alto fijo, la Vista Esquema mostrará una distribución proporcional según los tamaños indicados, pero si el Alto de alguna de las Celdas es Según Contenido todas aparecerán con el mismo tamaño en la Vista Esquema. Para indicar el Ancho en píxeles. ENLACE A DETALLES DEL ELEMENTO. Si se marca el Sí, el visitante podrá acceder a los Detalles del Elemento pulsando en cualquier parte de la celda. La ventana de configuración para la opción Sí es la misma que la ya explicada en la misma opción del ESTILO GENERAL DE LA PLANTILLA. Nota. Lo que se configura aquí prevalece sobre lo indicado en la configuración de la Lista de Elementos o el Elemento Único y también sobre lo configurado en el ESTILO GENERAL DE LA PLANTILLA o en Sección. Clave. Es un código que sirve para identificar cada Celda dentro de la configuración de la Plantilla. En la imagen del ejemplo es 1.1. Cada Celda tiene su clave, generada automáticamente y se ve dentro de la propia Celda en la Vista Esquema. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 102 de 202

103 Nombre. Permite asignar un Nombre a la Celda para facilitar su identificación. Este nombre aparecerá junto a la Clave en la Vista Esquema. Descripción. Opcional. Barras Desplazamiento. Permite indicar si en ejecución aparecerán Barras de Desplazamiento en caso de que el contenido exceda las dimensiones de la celda. Estilo. Pulsando sobre el icono buscador se accede a las opciones de configuración relacionadas con el estilo general de la Celda (después veremos cómo cada Campo tiene su particular personalización del Estilo): Las opciones son: Posición del Contenido. Permite determinar los márgenes del contenido de la Celda. FONDO. Permite seleccionar el Color o Imagen de fondo de la Celda. Si se selecciona Imagen, también se puede establecer la Posición, Horizontal / Vertical, y si se Repite en caso de ser más pequeña que la celda. TEXTO. En esta sección se configuran los detalles del estilo que afectan por igual a todos los campos de texto que estén en esta Celda, como: - Alineación. Alineación del texto en la Celda (Izquierda, Centro, Derecha) Nota 1. Si la celda incluye un campo de tipo Multimedia-Imagen y en Estilo del Campo (la columna S en el grid de campos de la celda) se configuró Alineación = Fondo, aparece un panel Estilo sobre Imagen de Fondo. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 103 de 202

104 - Estilo sobre Imagen de Fondo. La configuración de estos campos permite un efecto como el que se muestra en las siguientes imágenes, donde el texto se escribe encima de la imagen con un fondo transparente: Nótese que este efecto permite leer el texto independientemente de que el fondo sea oscuro o claro dependiendo del porcentaje indicado en Transparencia. Las opciones de configuración son: - Posición Vertical. Indica la distancia en píxeles entre el borde superior de la imagen y el texto. - Color fe Fondo. Fondo sobre el que se escribirá el texto. - Transparencia. Porcentaje de transparencia del color de fondo sobre la imagen. - POSICIÓN. Márgenes del texto sobre el color de fondo. Nota 2. Hay otros detalles del estilo del texto, como el tipo de letra, tamaño y color, que se especifican para cada campo de texto en particular, tal como se explica más adelante. BORDE. Para configurar Ancho, Color y Posición del borde de la celda. No olvidar que los píxeles que se indican aquí reducen el espacio disponible para el contenido. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 104 de 202

105 Una vez configurado el Estilo general de la celda, pulsar Guardar y Salir para volver a la ventana de configuración general de la celda y agregar los campos. Agregar Campos (1) Pulsando sobre este botón se agregan los campos de la Familia CM que se quieren mostrar en esta celda de la Plantilla. En la imagen inferior aparece un campo Multimedia (Fotos) configurado para obtener el efecto de Texto sobre Fondo antes explicado. Los campos se muestran en el grid. Una vez agregados los campos deseados, pulsar sobre el icono buscador de la columna E (Estilo) de cada campo (2) para determinar su Estilo de publicación, que según el tipo de campo elegido tendrá opciones distintas. Por ejemplo: Nota. Se podrán agregar la mayoría de campos de la Ficha de la Familia Content Management, excepto algunos tipos especiales como Grupos de Campos. También se podrán agregar Prefijos y Sufijos siempre y cuando sean de la Familia Content Management, no de otras Familias, aunque estén en la Ficha. Estilo de campos de Texto GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 105 de 202

106 Este es el caso de campos del tipo Texto Una Línea, Texto Multilínea, Prefijo, y otros similares. Pulsando el icono buscador del campo (2) aparecerá una ventana similar a esta: Sus opciones de configuración son: Orden. Se utiliza para indicar el orden en caso de que haya más de un campo de texto en esta Celda. Empieza en nueva línea. Indica si el texto que se mostrará en la publicación empezará en la misma línea que el anterior o en nueva línea. Si se marca Sí, se puede indicar la posición. Posición. Para indicar la posición vertical del texto si empieza en nueva línea (en píxeles). Nº Máximo de palabras visibles. Con esta opción se pueden limitar el número de palabras que se mostrarán. Si el contenido tiene más, aparecerán puntos suspensivos. Enlace a Detalles del Elemento. Esto solo aplica si la Plantilla se está usando en un contenido de tipo Lista de Elementos. Si se indica Sí, el visitante podrá pulsar sobre este campo para ver los Detalles del Elemento. El icono de configuración muestra la siguiente ventana, ligeramente diferente de la que se explicó anteriormente para el Estilo General de la Plantilla: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 106 de 202

107 La única diferencia está en el panel ESTILO TEXTO AL PULSAR, donde se determina el estilo que se aplicará al texto cuando se pulsa sobre él con el ratón. Nota 1. Lo que se configure aquí prevalece sobre la configuración de la Lista de Elementos o el Elemento Único, el Estilo General de la Página, la Sección o la Celda. Nota 2. Si el Enlace se aplica a un campo de tipo Prefijo, los detalles mostrados serán los de la ficha del prefijo, no los del elemento donde está contenido. El panel ESTILO TEXTO AL PULSAR, incluye los campos Subrayado (el texto se subrayará) y Color (el texto cambiará de color). Mostrar Título. Determina si se va a mostrar el Nombre del Campo: No. Opción por defecto, sólo se muestra el valor del campo, pero no su nombre. En este ejemplo, sólo se mostraría el texto indicado en el campo Title del contenido, pero delante no se mostraría la palabra Title. Sí. Además del valor se muestra el Título (nombre) del campo. Por defecto, el Estilo de ambos es el mismo, pero si se desea diferenciar utilizar la opción siguiente: Estilo Título. Pulsar sobre el icono buscador para diferenciar el estilo entre el Título y el texto de su contenido: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 107 de 202

108 Alineación. Para alinear el Título según el contenido del campo. Puede ser Izquierda, Derecha, Superior o Inferior. Separación. Indica la separación entre el Título y el principio del texto. Galería. Si se marca esta opción aparece un nuevo campo que permite elegir un Estilo de la Galería de Estilos CSS para Campos de Formularios que se haya configurado desde Estructura Galerías. Indicar. Permite indicar el Estilo del Título, con las opciones Fuente, Estilo, Tamaño y Color. Nota. Si un campo de la Celda de una Plantilla está configurado como Mostrar título = Sí pero el campo no tiene contenido, el Título del campo no aparecerá. Convertir a Link. Si se marca Sí aparecen unas opciones nuevas: URL. Convierte el campo en un link URL. . Convierte el campo a un link de correo. Destino. Esta opción aparece si se seleccionan URL o y permite determinar si el enlace se abrirá en la Misma Ventana o en Ventana Nueva. Ancla. Si se marca esta opción aparecen dos nuevas: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 108 de 202

109 Origen y Destino. El campo marcado como Ancla Origen dirigirá al visitante al campo marcado como Ancla Destino. Cuando se configura el campo Ancla Destino y se marca como tal, aparece un buscador en el que se selecciona uno de los campos previamente definidos como Ancla Origen. Esta característica es útil si el contenido de la página es extenso, ya que permite al visitante desplazarse fácilmente por la información sin tener que escrolear. Nombre para Mostrar. Es el nombre del link que aparecerá en ejecución, en lugar de mostrar la URL o la dirección de que se configuró en el campo. MultiIdioma. Aplicado al Nombre para Mostrar. En el panel inferior de la ventana de configuración de Estilo del campo, hay dos paneles: Nivel de Encabezado. Para indicar el nivel deseado, de H1 a H6. ESTILO. Con las opciones siguientes: Galería. Permite elegir un Estilo de la Galería de Estilos CSS para Campos de Formularios que se haya configurado desde Estructura Galerías. Indicar. Esta sección permite indicar el formato que tendrá el Texto, con las opciones Fuente, Estilo, Tamaño, Color, Posición y Sangría Izquierda. IMAGEN. Permite seleccionar una imagen que aparecerá con el texto y su Alineación respecto al mismo, Izquierda o Derecha. También se puede configurar la Posición de la imagen en píxeles; Derecha o Izquierda, esta última especialmente útil para ajustar el espacio deseado entre distintos campos de texto en la misma línea de una Celda, que a su vez pueden tener diferentes estilos. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 109 de 202

110 Estilo de campos de Selección Simple La mayoría de las opciones disponibles ya se han explicado para los campos de texto. Las únicas excepciones son la opción Presentación, que aparece en lugar de Convertir a Link, y el panel IMAGEN, que no aparece. La ventana de configuración es semejante a la siguiente: Presentación. Con 2 opciones: - Mostrar sólo la opción seleccionada. Es la opción predeterminada. En ejecución solo se mostrará la opción seleccionada en la Ficha del Elemento de CM. - Mostrar todas las opciones. En ejecución se mostrarán todas las opciones del campo de Selección Simple con radio-buttons y marcado automáticamente el correspondiente a la opción seleccionada en la Ficha del Elemento de CM. En caso de elegir esta opción, el campo Número opciones por línea permite configurar cómo aparecerán las opciones en ejecución. El valor predeterminado es 0 (sin límite), lo que indica que todas las opciones aparecen en la misma línea. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 110 de 202

111 Estilo de Campos Número Entero La mayoría de las opciones disponibles ya se han explicado para los campos de texto. La única diferencia es la opción Separador, que aparece en lugar de Presentación. Ver la imagen siguiente. Separador. Con 3 posibilidades: - Diccionario. La configuración se hereda de lo configurado en este campo previamente en el diccionario. - Con Separador. Se mostrará separador de millar, independientemente de lo configurado en el diccionario. - Sin Separador. No se mostrará separador de millar, independientemente de lo configurado en el diccionario. Si se selecciona este campo, aparece el desplegable Ancho, para seleccionar el número de cifras, de 1 a 10, o Libre. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 111 de 202

112 Estilo de Campos Número Decimal La mayoría de las opciones disponibles ya se han explicado para los campos de texto. Las únicas diferencias son las opciones Decimales y Redondeo, que aparecen en lugar de Separador. Ver la imagen siguiente. Decimales. Para seleccionar el número de decimales, que puede ser, el que se configuró en el Diccionario, o entre Redondeo. Para establecer si el número aquí introducido ha de redondearse por arriba, por abajo, automáticamente o no redondearse. Las opciones disponibles son: No, Automático, Superior e Inferior. Estilo de Campos Fecha La mayoría de las opciones disponibles ya se han explicado para los campos de Texto. La única diferencia es el panel Formato de Fechas, donde se elige el formato en el que se presentará la fecha en ejecución. Ver la siguiente ventana: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 112 de 202

113 Estilo de Campos de Texto Multilínea Rico Como hemos visto, en los campos de Texto NO Rico (Texto Una Línea, Texto Multilínea, Número, Sí/No, Selección Simple, ), su formato se determina en la Plantilla. Sin embargo, en los campos del tipo Multilínea Rico hay dos posibilidades dependiendo de la configuración del Término en la opción Barra de Edición del Diccionario: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 113 de 202

114 Barra de Edición = Reducida. Con esta opción, el editor de Texto Rico solo muestra unas opciones básicas, que permiten que el redactor del texto pueda elegir unos pocos detalles del formato, pero el resto estará determinado en la Plantilla. En ejecución, este campo se muestra como un editor en miniatura Las opciones que muestra el editor de Texto Rico en este caso son: Estas opciones, recuadradas en rojo en la imagen anterior, permiten al redactor formatear la fuente (como Bold, Itálica, Subrayado), alinear el texto (izquierda, centrado, derecha), numerar párrafos y viñetas e insertar hipervínculos y Tablas. Nota 1. Para evitar conflictos en la aplicación de Estilos a las Plantillas de CM, en esta modalidad del Editor se han ocultado los botones de Interlineado en la barra de acciones. Si se desea interlineado, hay que indicarlo en el Estilo de la Plantilla, ya sea configurándolo directamente en la Plantilla o bien heredándolo de la Galería de Estilos. Nota 2. Para acceder a la ventana de edición del campo pulsar el icono de edición o directamente sobre el nombre del campo, según se configuró en Estructura Empleados-Portal General Iconos Mostrar en Formularios. Para indicar un Hipervínculo, hay que seleccionar el texto deseado y pulsar en el icono correspondiente ( ). Tiene cuatro opciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 114 de 202

115 - Indicar. El redactor escribe manualmente el hipervínculo. - Documentos. Permite elegir un documento de cualquier campo de tipo Biblioteca En Diccionario que esté ubicado en las Fichas de la Familia Propia CM. - Página. A través de un buscador se puede elegir cualquier Página del CM. - Elemento. Mediante un buscador se puede elegir cualquier elemento publicado en el CM. En este caso aparece una nueva opción Página con Detalles, que es la que el visitante verá cuando pulse sobre este link. Una vez seleccionado el link deseado, pulsar el botón Asociar URL (1) de la barra de acciones. Para insertar una tabla pulsar sobre el icono correspondiente ( ), aparecerá una ventana como la siguiente: Donde se puede configurar el número de filas y columnas, etc Barra de Edición = Completa. Con esta opción del Término en el Diccionario, el editor de Texto Rico tendrá todas las opciones disponibles, lo cual implica que todo el formato del texto se define en el momento de escribir el contenido, no dependerá de la Plantilla. La siguiente imagen muestra el editor de texto con todas sus opciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 115 de 202

116 Nota. Para acceder a la ventana de edición del campo pulsar el icono de edición o directamente sobre el nombre del campo, según se configuró en Estructura Empleados-Portal General Iconos Mostrar en Formularios. Una opción que vale la pena resaltar es el Estilo (enmarcado en rojo en la anterior imagen). Esta opción solo está disponible cuando el campo se utiliza en CM y permite elegir un estilo de la Galería. De esta forma, las modificaciones en el estilo se aplican automáticamente a todos los elementos al mismo tiempo. Como las opciones de configuración de un campo de Texto Multilínea Rico completo se realizan directamente cuando se escribe sobre el campo, la Plantilla no incluye el formato, presentando solo las siguientes opciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 116 de 202

117 Nótese la opción Interlineado, que permite definir la separación entre líneas del texto. Estilo de Campos Multimedia En el caso de los campos Multimedia (Imagen o Vídeo), las opciones de configuración en la Plantilla son las siguientes: La Alineación tiene dos desplegables: Horizontal, para alinear la imagen a la Izquierda, Centro o Derecha y Vertical, para alinear Arriba, Centro o Abajo. Imagen de Fondo. Cuando esta opción tiene marcado el Sí, en la opción Estilo de la ventana principal de la Celda aparecerá la siguiente posibilidad: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 117 de 202

118 La opción más característica del Estilo de los campos de tipo Multimedia es que se puede indicar las Dimensiones con las que se mostrará la Imagen o Video. Este detalle es muy importante porque permite que el contenido tenga una sola imagen en su ficha y mostrarla con diferentes tamaños según la Plantilla que se utilice. De esta manera, la imagen de la Plantilla de Vista en Miniatura puede ser la misma que para la Plantilla de Detalles, pero se verá en distintos tamaños en una u otra. Otro detalle interesante es que los dos valores de las Dimensiones, Ancho y Alto, son los tamaños máximos para mostrar la imagen, pero sin que se deforme, es decir, mantendrá sus proporciones sin superar las dimensiones indicadas. En Dimensiones Máximas se muestran los valores máximos recomendados para que la imagen quepa en esta Celda sin que aparezca scroll. Es un cálculo automático que se realiza según las dimensiones de la Plantilla. Convertir a Link aparece únicamente en campos Multimedia Imagen. Esta opción permite redirigir al usuario cuando pulse sobre la imagen desde la Web. Si se marca Sí, aparecen dos campos más: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 118 de 202

119 Campo con URL. Se pueden elegir campos de Texto una Línea de la Ficha de la Familia _Content Management, en donde se habrá escrito la URL deseada para cada imagen. Destino. Se puede elegir Ventana Nueva o Misma Ventana. Estilo de Campos Biblioteca En el caso de campos del tipo Biblioteca, el icono buscador de Estilo da paso a una ventana similar a esta: El panel GENERAL incluye los campos siguientes: Orden. Establecer el orden de aparición del campo. Luego se verá en el grid de campos añadidos a la plantilla. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 119 de 202

120 Empieza en nueva línea. Posición. Se determina dónde empezará el campo y su posición en píxeles. Nº Máximo de palabras visibles. Permite definir el número de palabras que se quiere que aparezcan. Mostrar Título. Si quiere que aparezca o no el título. Si se marca Sí, se puede configurar el Estilo del Título: dónde se desea alinearlo y si se muestra una imagen de la Galería o se Indica Fuente, Estilo, Tamaño y Color. Requiere Autenticación. Si el acceso solicitará al visitante identificarse o no. El panel GRID incluye los datos referentes al Grid de documentos: Cabecera. Se puede poner o no una Cabecera en el Grid. Cabecera Color de Fondo. Se puede cambiar el color predeterminado de la Cabecera. Bordes Exteriores. Se pueden definir sus colores y grosor. Bordes Interiores. Se pueden definir sus colores y grosor. COLUMNAS. Permite seleccionar las etiquetas que se desea mostrar en el grid del visor. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 120 de 202

121 Agregar Contenidos (2) Volviendo a la configuración de la CELDA en la Plantilla, además de Campos también se pueden agregar otros tipos de contenidos pulsando sobre el botón Agregar Contenidos. Hay tres opciones: - Redes Sociales. De esta manera se puede agregar los accesos a Redes Sociales en cada elemento publicado. El contenido que se publicará en las Redes Sociales será el que se indique en la opción Metadatos en la pestaña General de la configuración de la Plantilla. - Plugin. Se puede insertar cualquier Plugin. - Editor HTML. Con esta opción se puede insertar cualquier contenido HTML fijo en las Celdas de la Plantilla. Crear Nueva Celda (3) Además de modificar una celda ya creada, se puede crear una nueva pulsando sobre el botón Crear Nueva Celda (3), ver la imagen siguiente. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 121 de 202

122 Primero marcar las dimensiones, ALTO y ANCHO de la celda y su POSICIÓN respecto a la celda actual. Pulsar Guardar y aparecerán el resto de las opciones. Ver la imagen inferior. El recuadro azul y el panel POSICIÓN desaparecen y en su lugar aparece el de ENLACE A DETALLES DEL ELE- MENTO y el grid para Agregar Campos y Agregar Contenidos. Las opciones de configuración se han explicado anteriormente en la ventana de edición de la celda. En el ejemplo de Headline tenemos una Sección dividida en dos Celdas. En la imagen siguiente se puede ver la pestaña Vista Esquema. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 122 de 202

123 3. MULTIIDIOMA Content Management de AuraPortal es MultiIdioma y cada visitante puede ver todas las opciones y elementos en el idioma que elija. La manera de aplicar el MultiIdioma en el CM es la que se describe a continuación. 3.1 Módulo MultiIdioma Para que todas las opciones de idiomas funcionen se requiere la activación del Módulo MultiIdioma. Si no está disponible, todas las opciones de idiomas se podrán configurar, pero para los usuarios en ejecución sólo se aplicará un idioma, el que esté indicado en Estructura Entidad Distintivos - IDIOMA Idioma por defecto. La opción MultiIdioma situada en Estructura WIP Gestión Contenidos & Comercio Online permite seleccionar los idiomas que se desea tener en cuenta cuando se genera el fichero Sitemap.xml, con lo que se optimiza la creación del mismo. La ventana de configuración es semejante a la de la siguiente imagen. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 123 de 202

124 El Grid muestra los Idiomas disponibles para marcar los que se desea incluir en el Sitemap.xml y la Codificación de los mismos, diferente si es completa o reducida. Por ejemplo, en la Codificación Reducida, el Español-España se codifica como es y en la Codificación Completa como es-es. En la imagen superior aparece la Codificación Reducida. Notas. - En la Codificación Reducida se omiten los idiomas Administraciones Públicas, Español-Colombia y Portugués-Portugal. - Dado que la Codificación Reducida mejora mucho el Sitemap.xml resultante, es recomendable generarlo de nuevo si se hace manualmente y se utilizaba esta opción antes de la salida de AuraPortal Helium. - La codificación elegida formará parte de las URL de la Gestión de Contenidos, lo que contribuye a hacerlas más amigables. 3.2 MultiIdioma en Páginas Cada página del CM tiene un idioma predeterminado que se elige en la opción Idioma, y será el que manifieste cuando se acceda a la Página, aplicándose a todos sus contenidos. No obstante, la página puede abrirse en otros idiomas dependiendo de ciertas circunstancias: - Dependiendo de la Naturaleza del visitante que accede a la página: Visitantes Anónimos. Si la página se configuró como Requiere Autenticación = No, se abrirá en el idioma predeterminado para la página, o bien en el idioma transmitido a la página vía un botón (se explica a continuación). Visitantes Autenticados. Si la página se configuró como Requiere Autenticación = Sí, el visitante tuvo que autenticarse para abrir la página. En este caso se hereda el idioma del visitante y predomina sobre el idioma predeterminado para la página. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 124 de 202

125 - Dependiendo de pulsar un botón configurado con Transmitir Idioma = Sí. Esta acción predomina sobre todas las otras posibilidades de MultiIdioma y se explica en detalle más adelante (MultiIdioma con Páginas comunes). 3.3 MULTIIDIOMA EN CONTENIDOS Cada tipo de Contenido tiene su opción para configurar los distintos Idiomas: MultiIdioma en Botoneras El Texto que se muestra de cada botón puede indicarse en distintos idiomas: MultiIdioma con Páginas Comunes Cada botón tiene la opción Transmitir Idioma, importantísima en el sistema MultiIdioma del CM de AuraPortal: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 125 de 202

126 Cuando se marca Transmitir Idioma = Sí, el idioma elegido en el desplegable será el que se transmitirá a todas las Páginas a partir del momento en el que se pulse el botón, independientemente del idioma que tenga configurada la Página. Este idioma se mantendrá hasta que se pulse un botón que esté configurado con otro idioma. Notas a tener en cuenta: 1. Puede configurarse un botón con Transmitir Idioma = Sí sin necesidad de indicar una URL. De esta manera, cuando el visitante pulse sobre el botón, la página no cambiará, pero sí el idioma. 2. Mientras no se haya pulsado ningún botón que esté configurado con Transmitir Idioma = Sí, el idioma que se manifestará será el configurado en la Página. 3. Gracias a este sistema de transmisión de Idioma, para mantener un sistema MultiIdioma en el CM de AuraPortal no es necesario duplicar ni Páginas, ni Contenidos, ni Plantillas, sólo configurar sus opciones MultiIdioma como se explica a lo largo de este Capítulo. En ejecución, cuando un visitante pulsa un botón configurado con Transmitir Idioma = Sí, el parámetro &lng=xx se transmite en la URL (bien la actual, bien la indicada en la opción URL) para identificar el idioma elegido. De esta forma, si se copia una URL y se envía a otro visitante, la página se abrirá en el idioma transmitido en la URL, no en el predeterminado de la página. La xx puede ser una de las siguientes: 0 = No definido 1 = Español 2 = Inglés USA 3 = Portugués 4 = Brasileño 5 = Español Administraciones Públicas 1 6 = Holandés 7 = Francés 8 = Catalán 9 = Español Colombia 10 = Griego 11 = Euskera 12 = Gallego 13 = Español Administraciones Públicas 2 14 = Árabe 15 = Chino MultiIdioma con Páginas Independientes Aunque la opción más cómoda es basar el sistema MultiIdioma en la opción Transmitir Idioma de los botones, en algunas circunstancias es posible que se prefiera separar los idiomas en Páginas independientes. En este caso, habrá que tener en cuenta lo siguiente: 1. Páginas. Se diseñarán tantas Páginas como idiomas se deseen. En cada una se indicará el idioma en la opción Idioma. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 126 de 202

127 Considerar el uso de la opción Alta Similar para crear nuevas Páginas una vez se tiene la primera diseñada. 2. Elementos. En las Fichas de los Elementos del CM, por cada campo que se vaya a publicar, hay que crear tantos campos como Idiomas se desee. Por ejemplo, si se van a utilizar 2 idiomas y los elementos tienen los campos Nombre y Descripción, hay que crear dos campos para el Nombre y dos para la Descripción, uno por cada Idioma. Hay campos que probablemente no necesiten estar repetidos, por ejemplo, la Imagen. Nota. Este punto también hay que realizarlo en la opción de MultiIdioma basado en la Trasmisión de Idioma de los botones. 3. Plantillas. Crear tantas Plantillas como Idiomas se desee, y en cada una utilizar los campos correspondientes comentados en el punto anterior. Considerar el uso de la opción Alta Similar para crear nuevas Plantillas una vez se tiene la primera diseñada. 4. Listas de Elementos. Crear tantas Listas de Elementos como Idiomas se desee, y en cada una utilizar la Plantilla correspondiente. Considerar el uso de la opción Alta Similar para crear nuevas Listas de Elementos una vez se ha diseñado la primera. 5. Detalles del Elemento. Crear tantos Detalles del Elemento como Idiomas se desee, y en cada uno utilizar la Plantilla correspondiente. Considerar el uso de la opción Alta Similar para crear nuevos Detalles del Elemento una vez se ha diseñado el primero MultiIdioma en Buscadores El Título de todos los tipos de buscadores tiene la opción MultiIdioma, donde se puede indicar un Título para cada Idioma: Adicionalmente, algunos tipos de buscador tienen más opciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 127 de 202

128 MultiIdioma con Buscador Libre El buscador Libre permite elegir los campos (de los Elementos de la Familia Propia Content Management) en donde se realizarán las busquedas en cada idioma. Esta configuración se realiza desde la opción I (Idioma) del grid CAMPOS DE BÚSQUEDA: Al pulsar sobre el icono buscador de la columna I (Idioma) saldrá la lista de Idiomas en donde se puede particularizar el campo en donde se realizará la búsqueda: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 128 de 202

129 En este ejemplo se puede ver que para el idioma Español-España se ha elegido un campo distinto que para el resto de idiomas. De esta manera, la búsqueda se realizará en los campos indicados según el idioma de la Página desde dónde se esté ejecutando el buscador MultiIdioma con Buscador en Árbol Dispone de MultiIdioma a nivel de Título, pero no a nivel de nombre de las Ramas y Clases, que se mostrarán tal como fueron escritos MultiIdioma con Buscador de Lista de Perfiles El nombre de cada Perfil elegido en el buscador se puede mostrar en distintos Idioma. Se configura desde la opción Lista de Perfiles: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 129 de 202

130 MultiIdioma con Buscador de Selección Simple Las opciones mostradas en los buscadores de los campos de Selección Simple utilizan el MultiIdioma del Diccionario de Términos de AuraPortal MultiIdioma con Buscador de Prefijos Disponen de MultiIdioma a nivel de Título, pero no a nivel de nombre de Prefijos, que se mostrarán tal como fueron escritos MultiIdioma con Buscador por Fecha Esta opción dispone de MultiIdioma a nivel del Título ya que el resto de datos es numérico y no lo necesita MultiIdioma en Carritos de Compra El MultiIdioma para este contenido, que solo está disponible si el Módulo Online Commerce está instalado, se explica en el capítulo correspondiente al Módulo de Comercio Online, en otra parte de este documento MultiIdioma en Detalles de Elementos El contenido tipo Detalles de Elementos tiene dos opciones de configuración del idioma: Por un lado, el Título que se puede mostrar en la cabecera de los detalles: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 130 de 202

131 Y por otro los idiomas configurados en la Plantilla seleccionada, que se aplicarán a los Elementos que se publiquen MultiIdioma en Editor HTML El contenido de tipo Editor HTML permite el diseño de un contenido para cada idioma: Lo que se escriba en la opción Contenido (1) será el Texto para mostrar. Pulsando en el icono (1) de cada Idioma se podrá personalizar el contenido MultiIdioma en Elemento Único GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 131 de 202

132 En el contenido de tipo Elemento Único se puede aplicar MultiIdioma al Título. También puede aplicarse a los campos de la Plantilla seleccionada que se aplicará al Elemento publicado MultiIdioma en Herramientas El contenido del tipo Herramientas utiliza el idioma de la herramienta utilizada, es independiente de las Páginas del CM de AuraPortal MultiIdioma en Listas de Elementos El contenido tipo Lista de Elementos tiene cuatro opciones de configuración del idioma. En primer lugar, desde la ventana de configuración de la Lista de Elementos, se puede configurar MultiIdioma: para el Título (que se puede mostrar en la cabecera de la lista). para el Mensaje para lista vacía (puede aparecer un mensaje u otro). Para el Perfil (se puede elegir un perfil u otro según el idioma). GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 132 de 202

133 Y por otro lado los idiomas configurados en la Plantilla seleccionada (ver más adelante en este documento), que se aplicarán a los Elementos que se publiquen MultiIdioma en Páginas Web Externas El contenido del tipo Página Web Externa permite indicar una Página para cada idioma: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 133 de 202

134 MultiIdioma en Plugins El contenido del tipo Plugin es código independiente que se ejecutará según esté diseñado, se puede configurar un Plugin determinado según el idioma. Se escribe el código deseado en el editor de cada idioma MultiIdioma en Redes Sociales El contenido del tipo Redes Sociales utiliza el idioma de la Red Social a la que se conecte, es independiente de las Páginas del CM de AuraPortal MultiIdioma en RSS El contenido del tipo RSS utilizará el MultiIdioma de la Plantilla de la Lista de Elementos seleccionada: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 134 de 202

135 3.4 MultiIdioma en Plantillas La forma de aplicar el MultiIdioma en la Plantilla es utilizando la opción I (Idioma) en cada campo: Al entrar en esta opción aparecerá una lista con todos los Idiomas y el campo asignado para cada uno, por defecto el único que se eligió en Agregar Campos: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 135 de 202

136 En este ejemplo se puede ver que para el idioma English-United States se ha elegido un campo distinto que para el resto de idiomas. El MultiIdioma configurado en esta opción se transmitirá a los campos que se han seleccionado como Metadata HTML en la pestaña General de la configuración de la Plantilla, haciendo posible que el sistema genere automáticamente la URL de una página según el idioma del visitante. Si el visitante es un Usuario Anónimo, se aplicará el idioma indicado en la Página donde se ha aplicado la Plantilla en cuestión, o bien el transmitido por el último botón pulsado si fue configurado con Transmitir Idioma = Sí. 4. CREACIÓN Y PUBLICACIÓN DE ELEMENTOS Se trata de la operativa diaria. Una vez definidas las Páginas, Contenidos y Plantillas del CM, la operativa diaria de creación y publicación de elementos es muy sencilla. 4.1 Creación de Elementos Hay cuatro maneras de crear Elementos: - Manual - Procesos BPM - Servicios Web - Importación Manual La opción más básica es crear manualmente un elemento de la Familia Propia, y automáticamente quedará publicado en aquellas Listas de Elementos del CM en las que cumpla Condiciones (ver más adelante el Capítulo PUBLICACIÓN DE ELEMENTOS). Desde la ventana General de la Familia Content Management, pulsar el botón Crear. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 136 de 202

137 Se abrirá la ventana para seleccionar la Clase del nuevo elemento y al pulsar sobre una de las Clases configuradas, se abrirá el formulario diseñado para la creación de elementos de esa Clase, como por ejemplo el de la siguiente imagen. El botón Recinto Seguro se explica en la opción siguiente. El botón Vaciar caché limpia la caché del Elemento con lo cual, los cambios que se hayan realizado en el se verán en cualquier punto donde el Elemento esté publicado. Nota. El apartado dedicado al diseño de Páginas incluye información sobre el funcionamiento de la Caché en general. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 137 de 202

138 Recintos Seguros Las Familias Propias están protegidas con Recintos Seguros a nivel de Familia completa, Clase y Elemento. La aplicación de estos niveles es la siguiente. - Nivel Familia. Determina qué usuarios pueden realizar las siguientes acciones con elementos de la Familia: o LECTURA. Ver elementos en el grid y entrar en su Ficha en modo de Lectura. o ADICIÓN. Permite crear Elementos nuevos o EDICIÓN. Permite modificar Elementos existentes. o CANCELACIÓN. Permite eliminar Elementos. Para que un usuario pueda acceder a nivel de Clase o Elemento, antes tiene que tener ciertos Permisos a nivel de Familia, por lo menos Lectura. Si no se define otro Recinto Seguro a un Nivel más bajo (Clase o Elemento), éste será el que controle los permisos. - Nivel Clase. Determina los permisos por Clases de Elementos. Si está definido este Nivel, prevalece sobre el Nivel de Familia. - Nivel Elemento. Cada elemento se puede proteger con un Recinto Seguro, que prevalece sobre los superiores, si bien para acceder hasta él necesita por lo menos Permiso de Lectura en los Niveles superiores. Nota. Cuando un usuario intenta acceder a un elemento, el sistema de seguridad de Recintos Seguros comprueba, en orden, si tiene permisos definidos en la Familia, en la Clase y en el Elemento. Si en uno de estos niveles no tiene acceso de Lectura, se interrumpe la comprobación y se deniega el acceso. Una vez la comprobación haya llegado al elemento, el usuario tendrá el Permiso que haya sido definido en el elemento o, si no están definidos, en el nivel superior que sí los tenga Procesos BPMS Para la publicación de elementos en CM de AuraPortal se puede utilizar cualquier mecánica de los procesos del módulo BPMS. Un ejemplo de Clase de Proceso podría ser el siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 138 de 202

139 En particular cabe hacer mención a los siguientes objetos: - Tarea de Sistema CREADOR (Crea Elementos de Familia Propia), - Tarea de Sistema LIMPIADOR (Elimina Elementos de Familia Propia), - Tareas de Sistema INGRESADOR (Ingresa valor o elemento calculado en Panel), - Botón Vista Previa Plantilla en Formularios de Mensaje o Tarea Personal. A continuación, se muestran más detalles de cada uno: TS- CREADOR (Crea Elementos de Familia Propia) Es posible crear elementos de Familia Propia a través de la Tarea de Sistema - CREADOR (Crea Elementos de Familia Propia), lo cual quiere decir que la creación de elementos puede formar parte de un Proceso BPM en dónde haya un workflow definido, por ejemplo, con revisión y aprobación. El diseño de la Tarea de Sistema - CREADOR (Crea Elementos de Familia Propia) permite elegir los campos del Panel de la Clase de Proceso en donde estarán los datos Origen y relacionarlos con los campos de la Ficha del Elemento. Cuando la TS se ejecute creará el elemento con los datos correspondientes del Panel, y de la misma GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 139 de 202

140 manera que en la creación manual, automáticamente quedará publicado en aquellas Listas de Elementos del CM en las que cumpla Condiciones (ver más adelante el Capítulo PUBLICACIÓN DE ELEMENTOS). Si se desea que los datos del Elemento creado queden en el Panel como Sufijos para su posterior tratamiento, hay que realizar lo siguiente: 1. En el diseño de la Tarea de Sistema hay que utilizar la opción GUARDAR RESULTADOS EN ELEMENTO para guardar, en el Panel, el Prefijo recién creado. 2. Para guardar sus Sufijos en el Panel, utilizar la TS. INGRESADOR (Actualiza Sufijos y Pies de Grupo de Campos) con la configuración Sentido: de Ficha >> a Panel TS-INGRESADOR (Ingresa valor o elemento calculado en Panel) Puede ser deseable que los elementos que se publican en el CM, automáticamente cambien sus condiciones llegada una fecha, bien para cambiar de Espacio de Publicación o bien para dejar de ser Publicados. Para esto se utiliza la Tarea de Sistema INGRESADOR. La idea es que después de la creación de un elemento a través de un proceso BPM, se quede la corriente detenida en un Evento de Tiempo hasta que llegue la Fecha en la que se desea modificar sus condiciones de publicación. Cuando venza el tiempo indicado, una Tarea de Sistema INGRESADOR podrá modificar datos de la Ficha que para ello estarán como Sufijos en el Panel tal como se ha comentado en el apartado anterior. Para que los cambios realizados en Sufijos en el Panel actualicen los campos correspondientes en la Ficha de los Elementos de Familia, es necesario utilizar la TS. INGRESADOR (Actualiza Sufijos y Pies de Grupo de Campos) con la configuración Sentido: de Panel >> a Ficha TS-LIMPIADOR (Elimina Elementos de Familia Propia) En cualquier punto del workflow de una Clase de Proceso se puede ubicar una Tarea de Sistema LIMPIADOR para eliminar elementos de Familia Propia cuando cumplan ciertas condiciones cronológicas (Fecha de Creación, Modificación, Publicación, ). En general, esta Tarea de Sistema se suele ejecutar desde una Clase de Proceso independiente de la de creación de elementos para ser publicados, y así hacer limpiezas periódicas de múltiples elementos a la vez Botón Vista Previa Plantilla en Tarea Personal Como parte del módulo Content Management hay una funcionalidad en los botones de acción de los formularios de TP y Mensajes (IM y EM), llamada VISTA PREVIA PLANTILLA, que permite visualizar cómo quedará publicado el elemento antes de que se haya creado. Este detalle es importante porque dentro de un flujo de aprobación de contenidos permite que no sea necesario crear elementos de Familia Propia para ver cómo quedarán, y así hacer los ajustes necesarios antes de publicarlos. Este botón se configura seleccionando la TS-CREADOR que más tarde en el workflow creará el elemento, y la Plantilla deseada. Por lo tanto, si se desea ver el resultado de la publicación en diferentes plantillas hay que configurar diferentes botones. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 140 de 202

141 4.1.3 Servicios WEB En ocasiones, las listas de elementos que se desean publicar están originalmente en bases de datos externas a AuraPortal y se desea importarlas automáticamente. Para este tipo de integraciones está disponible el Servicios Web AuraPortalFamilias con los siguientes métodos: - GetUserFamily. No tiene parámetros. Devuelve la lista de Familias Propias existentes con los valores UserFamily_ID y UserFamily_Name. - GetUserFamilyClass. Introduciendo el parámetro UserFamily_ID devuelve la lista de Clases de esa familia con los valores Class_ID y Class_Name. Código de devolución: -1 = Parámetros incorrectos (el parámetro está en blanco o no es un valor numérico). - GetUserFamilyElementList. Introduciendo los parámetros UserFamily_ID y Class_ID (opcional), devuelve la lista de Elementos de esa familia, con los valores Element_ID, Element_Name y Class_ID de cada uno. Código de devolución: -1 = Parámetros incorrectos (el parámetro está en blanco o no es un valor numérico). - GetUserFamily_Terms. Introduciendo el parámetro UserFamily_ID, devuelve la lista de Nombres Internos de los Términos de Diccionario de esa familia que se pueden utilizar para crear nuevos elementos. - CreateUserFamilyElement. Introduciendo los parámetros UserFamily_ID, Class_ID y Data se crean nuevos elementos dentro de la Familia indicada. El parámetro Data utiliza la estructura habitual en otros métodos, con nombres internos de términos con separadores especiales. Códigos de devolución: ID = Sí se crea correctamente devuelve el ID del nuevo elemento. -1 = Parámetros incorrectos (alguno de los parámetros está en blanco o es incorrecto). -2 = No existe la Familia indicada. -3 = No existe la Clase indicada. -4 = La Clase indicada existe, pero no pertenece a esta Familia. - DeleteUserFamilyElement. Introduciendo los parámetros UserFamily_ID y Element_ID se elimina el elemento. Códigos de devolución: ID = Sí se elimina correctamente devuelve su ID. -1 = Parámetros incorrectos (alguno de los parámetros está en blanco o no es un valor numérico). -2 = No existe la Familia indicada. -3 = No existe el elemento indicado. - UpdateUserFamilyElement. Introduciendo los parámetros UserFamily_ID, Element_ID y Data se actualizan los datos del elemento indicado. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 141 de 202

142 Códigos de devolución: ID = Si se actualiza correctamente devuelve su ID. -1 = Parámetros incorrectos (algún parámetro está vacío o no es un valor numérico) -2 = No existe la Familia indicada. -3 = No existe el Elemento indicado. - GetUserFamilyElement. Introduciendo los parámetros UserFamily_ID y Element_ID se obtienen los datos de la ficha de ese elemento. Códigos de devolución: -1 = Parámetros incorrectos (algún parámetro está vacío o no es un valor numérico) Importación En la primera página de Estructura - Familias Propias se dispone de la opción para Importar Elementos de forma masiva desde Bases de Datos externas: Aparecerá la lista de importaciones configuradas y la posibilidad de crear nuevas: Pulsar sobre Crear Importación para configurar una importación nueva o sobre una de la lista. Las opciones de configuración de la Importación son las siguientes: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 142 de 202

143 Nombre. Nombre para esta importación que se va a configurar. Familia. Familia sobre la que se desea realizar la importación. DSN (Conexión ODBC). Conexión ODBC a la base de datos origen de los datos que se van a importar. Usuario. Usuario para conectar con la base de datos. Password. Password del usuario anterior. Tabla Origen. Tabla donde están los datos para ser importados. CAMPOS OBLIGATORIOS Campo Nombre. El icono buscador muestra los campos de la Tabla Origen para elegir el campo que dará nombre al elemento destino de la Familia Propia. Clase de Familia. En esta opción se elige dónde estará la Clase de los elementos que se importarán. Hay dos opciones: A indicar. Se selecciona la Clase con la que se crearán todos los elementos. Según campo. Se selecciona el campo de la Tabla Origen en donde está el ID de la Clase de cada elemento. Cuando se señala esta opción, aparece una nueva opción llamada Por Defecto, donde se puede indicar la Clase que se utilizará en caso de que el campo indicado no tenga valor válido en algún elemento. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 143 de 202

144 El campo Clave Primaria tiene dos opciones: Nota. El campo obligatorio Nombre se trata internamente como Clave Primaria. Así, el programa Importador mira si el Nombre existe, y en ese caso sobrescribe los datos del registro sin crear uno nuevo. Sí. El campo elegido como destino se trata como Clave Primaria para indicar al Importador si, considerando dicha clave, debe o no sobrescribir el registro. Si el valor de la Clave destino es el mismo que el del campo origen, simplemente sobrescribe el registro. Si el valor de la Clave destino no es el mismo, se crea un registro nuevo. No. El campo no se tiene en cuenta para esta mecánica, solo para la correspondencia. Se pueden establecer todas las Claves Primarias que se deseen. Nota. No incluir en la Importación los campos que no se desee actualizar. Agregar Campos. En esta opción se relacionan campos de la Tabla Origen con campos de la Ficha del Elemento destino. Al pulsar sobre el botón Agregar Campos aparece la ventana siguiente para hacerlo: La opción Por defecto es para rellenar el valor deseado en caso de que la Tabla Origen no tenga el valor en algún elemento. 4.2 Publicación de Elementos En este capítulo se detallan ciertos aspectos que hay que tener en cuenta para determinar las condiciones que tienen que cumplir los elementos para estar publicados en el CM y su relación con los Buscadores. Es importante analizar los siguientes aspectos: Condición de Publicación. En la página principal del diseño del módulo Content Management se elige el campo de tipo Sí/No de la ficha de la Familia Propia que servirá para determinar si un elemento será publicado o no. Adicionalmente, los elementos que aparecerán en las Listas de Elementos, dependerán de su Perfil, pero siempre tendrán que cumplir la Condición de Publicación. Listas de Elementos. Cada Lista de Elementos tiene definido un Perfil, que es el que determina las Condiciones que han de cumplir los elementos para mostrarse en ella. Las condiciones del Perfil se sumarán a la Condición de Publicación comentada antes, por lo que en los Perfiles hay que omitir esa condición, no es necesaria. El resultado es que, cuando el visitante se dirige a una Página que tiene Listas de Elementos, por defecto verá todos los elementos que cumplan las dos condiciones, la Condición de Publicación y la del Perfil de esa Lista. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 144 de 202

145 Resultado de la Búsqueda. Los resultados de los Buscadores siempre se muestran en Listas de Elementos. Al diseñar una Página que contiene Listas de Elementos, se puede determinar si va ha ser resultado de Buscadores (opción Resultado de Búsqueda = Sí), y en su caso seleccionar los buscadores. También es posible elegir la Página destino en el diseño de los Buscadores. El resultado es que, cuando el visitante realice una búsqueda, el resultado se mostrará en todas las Listas de Elementos incluidas en la Página indicada. Esto implica que a las condiciones que ya tenía la Lista de Elementos (Condición de Publicación + Condición del Perfil), ahora se le añaden los límites que el visitante aplique en la búsqueda. Se suman los tres filtros. Esto es así con todos los tipos de buscadores, aunque según sea el tipo se aplicará de distinta manera: o o o o o o Buscador Libre. El filtro lo determina el visitante al escribir un Texto, que se aplicará en el campo del elemento que se ha indicado al diseñar el buscador. Buscador de Árbol. En la búsqueda por Árbol el visitante elige una Clase, de manera que el resultado de la búsqueda sólo mostrará sus elementos. Buscador de Lista de Perfiles. Cuando un visitante pulsa sobre un Perfil determinado, en el resultado se mostrarán los elementos que cumplan los dos Perfiles, el de la Lista de Elementos más el del Perfil que ha elegido en el buscador. Para ello es importante asegurarse de que no son condiciones contradictorias. Un ejemplo puede ser realizar las condiciones de la Lista de Elementos con el campo News = Yes, y las condiciones de los Perfiles del buscador con otro campo como National = Yes Buscador de Selección Simple. Cuando un visitante pulsa sobre una opción determinado, en el resultado se mostrarán todos los elementos que tengan esa opción seleccionada en su Ficha. Buscador de Prefijos. Cuando un visitante pulsa sobre un Prefijo determinado, en el resultado se mostrarán todos los elementos que tengan ese Prefijo seleccionado en su Ficha. Buscador por Fechas. El visitante determina el intervalo seleccionando la/las Fechas. Se aplicará en el campo del elemento indicado cuando se diseñó el buscador. Como resultado de este análisis se deduce que, si se utiliza la misma Página como entrada principal al CM y como resultado de las Búsquedas, cada vez que un visitante se dirija a la Página principal, en sus Listas se mostrarán, por defecto, todos los elementos, y cuando apliquen la búsqueda se reducirá su número con los elementos que la cumplan. En algunos casos este escenario puede no ser el deseable por la lentitud que puede representar mostrar la Página principal con todos los elementos para que después sean filtrados con el buscador. Si este es el caso se recomienda la siguiente distribución: 1. Diseñar la Página principal con Listas de Elementos con Perfiles restrictivos que muestren sólo los elementos por defecto de la entrada. Esta Página tendrá las dos características siguientes: Tendrá Contenidos del tipo Buscador, para que los visitantes puedan utilizarlos. Pero tendrá la opción Contiene Resultado de Búsqueda = No. 2. Diseñar otra Página para el resultado de los Buscadores, copia o no de la principal. Sea o no copia, las características diferenciadoras con la Página principal son: La opción Contiene Resultado de Búsqueda = Sí, y en el icono buscador indicar los Buscadores ubicados en la Página principal. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 145 de 202

146 En las Listas de Elementos que contenga esta Página, utilizar Perfiles que cumplan condiciones de publicación más generales, por ejemplo, solo la opción principal de Publicación (Published = Sí). El resultado de esta combinación es que, cuando el visitante entre en la Página principal del CM verá sólo los elementos más relevantes, y cuando realice una búsqueda el resultado se mostrará en la segunda Página diseñada a propósito con un Perfil menos restrictivo. Si la segunda Página es copia de la principal, el visitante no se percatará de que ha cambiado de Página, sólo los elementos de la Lista. Otra posibilidad muy utilizada es que la Página de resultados de la búsqueda tenga otro diseño orientado a ese cometido, totalmente distinto a la página principal, por ejemplo: Al pulsar sobre uno de los elementos se abrirán sus detalles. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 146 de 202

147 4.2.1 Listas de Elementos filtradas según Detalles del Elemento AuraPortal Content Management incluye una funcionalidad que permite mostrar Listas de Elementos filtradas según los Detalles del Elemento que se está visualizando. Como hemos visto hasta ahora, cuando se pulsa sobre un elemento de una Lista de Elementos se abre la Página con sus Detalles (en el Contenido Detalles de Elemento). Si en esa misma Página se ha puesto un Contenido del tipo Lista de Elementos, los elementos que se mostrarán en esa lista dependerán de su propia configuración (Perfil, ), lo cual quiere decir que, en principio, serán los mismos sea cual sea el elemento en el que estamos visualizando sus Detalles. Pues bien, hay una configuración que permite que la lista sea diferente según cada elemento. Veamos un ejemplo: En la imagen siguiente se muestra una Lista de Elementos con las Secciones de noticias del periódico digital de ejemplo The Modern Herald: Cuando se pulsa sobre una Sección (Elemento de la Lista), por ejemplo, Scientific, se desea que se muestren sus Detalles y la lista de noticias relacionadas con esa Sección, pero no otras: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 147 de 202

148 Efectivamente, en la imagen anterior vemos la parte superior con los detalles del elemento Scientific y debajo una lista con dos noticias relacionadas, una sobre Microsoft y otra sobre Robots. Sin embargo, si en lugar de Scientific pulsamos sobre la Sección Health, veremos sus detalles, y debajo sus noticias relacionadas, que serán diferentes para cada Sección. Ahora las noticias que se muestran son una sobre una tormenta en Chicago y otra sobre un descubrimiento médico: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 148 de 202

149 Para realizar este escenario, en la configuración del Espacio de Publicación que incluye el contenido Lista de Elementos, se hace uso de una opción llamada Condiciones según Detalles del Elemento, en la que se puede hacer la asociación entre ambos tipos de Contenido. Veamos todos los detalles de la configuración: Nota. Este escenario también se puede establecer si una Página que contiene Detalles del Elemento también tiene un Espacio de Publicación que contiene otra Página Web Aura- Portal que incluya en ella misma una Lista de Elementos. Aunque la Lista de Elementos no está técnicamente dentro de la misma página que los Detalles del Elemento, es posible establecer Condiciones en la Lista de Elementos basadas en estos Detalles del Elemento de forma que solo aparezcan los elementos relacionados. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 149 de 202

150 Página En la Página preparada para mostrar los Detalles de los Elementos de las Secciones, está el Contenido Detalles de Elementos y también uno de Lista de Elementos: Detalles del Elemento En la configuración del Espacio de Publicación con el Contenido Detalles del Elemento se mostrarán los detalles que se deseen cuando se pulse sobre un elemento de una Lista, por ejemplo, la ampliación de una noticia. En el ejemplo que nos ocupa, este Contenido no tiene ninguna configuración especial. Lista de Elementos En la configuración del Espacio de Publicación con el Contenido Lista de Elementos, se puede configurar la opción: Condiciones según Detalles del Elemento: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 150 de 202

151 En esta opción es donde se podrá establecer la relación entre ambos Contenidos para filtrar la Lista. Nota. Si esta opción no se configura, la Lista de Elementos que se mostrará será la misma sea cual sea el Elemento inicial desde dónde se haya abierto esta página de Detalles. Al pulsar el icono buscador se abrirá la ventana de configuración de las Condiciones: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 151 de 202

152 Se trata de determinar las Condiciones que tienen que cumplir los elementos para ser mostrados en la Lista, en relación con los Detalles del Elemento que se muestra en cada caso. En este ejemplo, en las fichas de las noticias hay un campo de tipo Prefijo con un Prefiltro en donde solo se muestran las Secciones, que son elementos de la Familia Content Management creados en la Clase Sección. La Condición es que se muestren en una lista debajo de los Detalles, los elementos donde el Prefijo seleccionado en este campo sea igual al _Nombre del elemento mostrado en Detalles del Elemento. Para ello, pulsar Crear Condiciones y se abrirá la ventana de configuración: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 152 de 202

153 DATO REAL En DATO REAL se elige el campo de los elementos de la lista que queremos comparar, en este caso el campo Prefijo llamado CM-Section donde se ha elegido la Sección en cada Noticia. COMPARACIÓN Hay dos posibles Operadores, Igual o Distinto. En este caso Igual. PATRÓN COMPARACIÓN En PATRÓN COMPARACIÓN, tal como dice el texto aclaratorio (Campo del elemento mostrado en el Contenido Detalles del Elemento ) se elige el campo del Elemento del cual se están mostrando sus Detalles, que tiene que coincidir con el DATO REAL. Como allí se eligió el Prefijo, aquí hay que elegir el _Nombre. De esta manera, cuando se están viendo los detalles del elemento Scientific, la Lista mostrará las noticias que tengan Scientific en su campo Prefijo CM-Section. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 153 de 202

154 4.2.2 Gestión de la Caché en la Publicación de Elementos Una vez publicada la Web, el mantenimiento de la misma requiere de mecanismos que permitan la actualización del contenido sin interferir, mientras se realizan los cambios, con el contenido ya publicado. A este respecto, AuraPortal dispone de los siguientes mecanismos Workflow de Procesos BPM. Para incluir los nuevos elementos en un proceso de aprobación al final del cual el contenido será publicado. Publicado Sí/No. En la página principal del diseño del módulo Content Management se elige el campo de tipo Sí/No de la ficha de la Familia Propia que servirá para determinar si un elemento será publicado o no. Alta Similar. Todos los elementos de configuración tienen la opción de Alta Similar (Páginas, Espacios de Publicación, Contenidos, Plantillas, ). Esto permite hacer modificaciones con gran rapidez, clonando el contenido existente y modificándolo en lo necesario. Importar Configuración. Opción disponible a nivel del diseño de las Páginas, que permite importar toda la configuración de otra página que ya ha sido diseñada y revisada. Caché de Elementos, Páginas. Ver el siguiente apartado. Caché de Elementos Caché de Páginas La utilización de la Caché tiene como finalidad la modificación de contenido ya publicado sin que los visitantes se vean afectados por la etapa intermedia de modificaciones hechas en diseño. Hasta que no se Vacía la Caché, los visitantes no ven los cambios realizados. A continuación, se detalla el funcionamiento. 1. La Caché se maneja (se activa, se desactiva y se vacía) a tres niveles: Nivel general desde el botón Caché de Páginas CM en la barra de acciones de Estructura. Nivel de Página desde el botón Caché en barra de acciones del diseño de las páginas. Nivel de Elemento desde el botón Vaciar caché en la barra de acciones de cada elemento de la familia Content Management. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 154 de 202

155 2. Al activar la caché, toda la resolución de datos y estructura de la página se obtiene de la base de datos una vez (cuando el primer usuario abre la página) y se almacena, para que no se tenga que repetir con los nuevos visitantes, lo cual aumenta mucho la velocidad de navegación de la web. Nota. El almacenamiento en caché se realiza independientemente para cada versión de navegador, es decir, cuando un usuario abra una página con Internet Explorer v10 se guardará y los próximos visitantes con ese mismo navegador se beneficiarán. Hará lo mismo para cada otro navegador distinto (Chrome, Firefox, Opera,...). 3. La caché solo se aplica a las páginas publicadas, es decir cuando en la URL está la ruta.../ap/... No se aplica para los empleados cuando están en diseño (.../Home/...). Esto quiere decir que los empleados estarán viendo los cambios que efectúen en diseño, pero no se publicarán hasta que se vacíe la caché. 4. Dado que un Elemento puede estar incluido en muchas Páginas y a su vez una Página puede contener muchos Elementos, es importante conocer el funcionamiento de la Caché en ambos niveles para utilizarlo de la forma que más convenga según los casos. Cuando se vacía la caché de una Página, se aplica a su estructura y también a los elementos de la familia Content Management que contenga, es decir: - Cuando se vacía la Caché de un Elemento, este se actualiza en todas las Páginas que lo contienen. - Cuando se vacía la Caché de una Página se actualizan todos los elementos de esa Página que se hayan modificado. Si un Elemento de esta Página está también en otras cuyo caché no se ha vaciado, en esas otras no se verán los cambios del Elemento. 5. ACCESO AUTENTICADO. LOGIN FORM Si se desea, se pueden proteger Páginas y Documentos para que sólo puedan acceder visitantes que se hayan registrado, concretamente Usuarios Invitados. 5.1 Autenticación de Páginas Es posible configurar las Páginas del CM para que requiera autenticación o no. Es la opción llamada Requiere Autenticación No Sí que está en la pestaña General del diseño de cada Página del CM: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 155 de 202

156 Si se marca el Sí, aparece un icono buscador que conduce a otra ventana como la siguiente: Desde esta ventana marcar las opciones deseadas para que los usuarios correspondientes tengan que autenticarse para acceder a la página. La opción predeterminada es Usuarios Invitados, pero se pueden seleccionar indistintamente una o más. Esto permite publicar contenido en CM que solo sea accesible para ciertos usuarios según su naturaleza. 5.2 Autenticación de Documentos Es posible configurar los documentos para que su acceso requiera autenticación o no. Es la opción llamada Requiere Autenticación No Sí que está en el Estilo del campo Biblioteca en las Plantillas: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 156 de 202

157 Cuando se configura un campo Biblioteca para requerir autenticación, la lista de documentos se muestra a todos los visitantes, pero cuando se pulsa sobre uno para verlo es cuando aparece la ventana de autenticación solicitando Login y Password. Sólo si se introduce se abrirá el contenido del documento. 5.3 Registro Automático. Creación de Usuarios Invitados En cualquiera de los dos casos anteriores es deseable que, si el visitante no dispone de un Login para ver el contenido autenticado, pueda obtenerlo fácilmente y entrar en ese momento sin tener que esperar. A continuación, se describen los mecanismos que lo permiten Formulario de Inicio de Sesión Desde la ventana inicial de configuración de CM donde se establece la estructura general, se puede elegir un Formulario de Inicio de Sesión. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 157 de 202

158 El icono buscador permite seleccionar uno de los formularios previamente creados desde la opción Estructura Sesiones de Usuarios Formulario de Inicio de Sesión. Los conceptos básicos y la forma de crear, diseñar y manejar estos formularios se explican en detalle en la documentación sobre Formularios Dinámicos, pero en este documento prestaremos atención a la configuración específica del botón Registrarse, que permite a los visitantes crear un Login instantáneamente, proporcionándoles acceso inmediato. En la siguiente imagen se puede ver un ejemplo de Formulario de Inicio de Sesión con un botón Registrarse. El botón Registrarse es en realidad un link a un Mensaje de Inicio del Proceso de Registro de Visitantes. Este proceso puede ser todo lo simple o complejo que se requiera, utilizando Tareas de Sistema para comprobar si el Login está disponible o enviar confirmaciones automáticas, etc En este ejemplo se va a explicar un proceso simple en el que la creación del Usuario Invitado se realiza desde el mismo Mensaje de Inicio. Nota. Consultar la documentación sobre el Portal de Invitados para ver todas las posibilidades relacionadas con la creación de Usuarios Invitados Mensaje de Inicio de Proceso Un visitante anónimo se puede registrar y obtener automáticamente su Login y Password de Usuario Invitado a través de un Proceso BPM. Como ya se ha comentado, en este ejemplo todo el mecanismo de creación del Usuario Invitado está en el Formulario del Mensaje de Inicio del Proceso: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 158 de 202

159 Este IM (Mensaje de Inicio) tiene las siguientes características: Acceso Anónimo. En la imagen superior puede verse, dentro del panel IDENTIDAD, la opción Usuario del diseño del Formulario, configurada como Anónimo. De esta manera el visitante, que hasta ese momento es anónimo, podrá acceder a él para registrarse y obtener su Login. Campos obligatorios. Para poder crear un Usuario Invitado son necesarios su Nombre y (este último será el Login), por lo tanto, estos campos estarán disponibles en el formulario y serán obligatorios. En la imagen de arriba están enmarcados en rojo. Con respecto al Password, la opción más cómoda es que el usuario lo introduzca directamente en el formulario. Otra manera es que el Password se asigne automáticamente con la Tarea de Sistema del botón Registrase explicada a continuación, pero ello obliga al envío posterior de un para que el Usuario Invitado lo conozca para posteriores accesos. Normalmente es recomendable que en los casos de y Password se configuren los campos del formulario como Limitados y así evitar errores. Por ejemplo, podrían configurarse así: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 159 de 202

160 Password: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 160 de 202

161 En el botón Avisos de la barra de acciones se pueden personalizar los mensajes que verá el usuario si no se cumplen las condiciones, por ejemplo: Botón Registrarse. Se trata de un botón de acción configurado para ejecutar una Tarea de Sistema CREADOR (Crea Cuenta y Rol Personal), con la siguiente configuración: Descripción de opciones: Terminar Formulario si se crea el Rol Personal. Marcar esta opción, si el Usuario se ha creado correctamente, el Formulario de Registro se cerrará y automáticamente se volverá a la página desde donde se hizo la solicitud. Nota. En los casos en los que una determinada Página o Documento necesite un acceso auten- GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 161 de 202

162 ticado, el sistema mostrará el formulario de Inicio de Sesión, donde proporcionar las credenciales, y un botón Registrarse, que inicia el proceso para el registro. En estos casos, al cerrarse el formulario de registro, se volverá a la Página o el Documento al que se quería acceder. Actualizar Formulario después de Ejecutar Tarea de Sistema. Si se marca esta opción, el formulario desde el que se pulsó el botón se actualizará con los nuevos datos. Nota. Para más información sobre la Tarea de Sistema CREADOR puede consultarse el Tomo 2 de la documentación sobre Tareas de Sistema. Aquí solo se comentan las opciones necesarias para la creación básica de Usuarios Invitados. Crear Rol Personal = Sí. Con las opciones siguientes: Nombre Rol Personal. Se obtiene del campo Nombre que el visitante rellenará en el formulario. Login. Pulsando sobre el icono buscador de configuración se verán sus opciones, que en este ejemplo son las siguientes: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 162 de 202

163 Los datos de Login y Password se obtienen de los campos del formulario Login y Password que rellenará el visitante Operativa Siguiendo con el ejemplo descrito, cuando el visitante de la web intente acceder a una Página o Documento que requiere autenticación, o desee comprar productos a través del Comercio Online (cuya explicación se encuentra más adelante en este documento) el sistema mostrará el formulario de Inicio de Sesión para que introduzca su Login y Password. Si no tiene, pulsará el botón Registrarse y se abrirá el formulario del Mensaje de Inicio del proceso de registro para que introduzca su Nombre, y Password deseado. Nota. Este ejemplo se ha preparado para que el Login del Usuario Invitado sea un , pero no es obligatorio, y vale cualquier combinación alfanumérica. Una vez introducidos los datos el visitante pulsará el botón Registrarse y la Tarea de Sistema CREADOR creará automáticamente el correspondiente Usuario Invitado. Si se crea con éxito se mostrará un mensaje indicándolo. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 163 de 202

164 Tras pulsar Aceptar, el sistema automáticamente redirigirá a la Página, Documento o Carrito de Compra que requería autenticación y el Proceso BPM se iniciará. A partir de este momento, este Usuario Invitado ya dispondrá de Login y Password para posteriores accesos. Lo que haga el Proceso BPM que se ha iniciado dependerá de cada situación. Quizás ya no tiene nada que hacer porque el Usuario Invitado ya se ha creado, como en el caso de nuestro ejemplo, pero una buena práctica es configurar el proceso para enviarle un a la dirección que ha proporcionado para recordarle su Login y Password para futuros accesos. 6. SITEMAP. POSICIONAMIENTO EN BUSCADORES El módulo Content Management de AuraPortal incluye un sistema automático de posicionamiento en buscadores de Internet (Google, ), basado en los siguientes puntos: - SiteMap. Creación automática del SiteMap. - W3C. Compatibilidad con el estándar W3C. - Páginas HTML. Creación automática de una página HTML por cada elemento publicado. 6.1 Sitemap Uno de los métodos que utilizan los spiders de los motores de buscadores de Internet como Google para rastrear webs, es investigar si existe el fichero SiteMap.XML con el contenido de la Web, en este caso el Content Management de AuraPortal. Si lo encuentra, indexa su contenido directamente facilitando y mejorando su posicionamiento. Para ello, AuraPortal Content Management incluye un sistema automático de creación del SiteMap.XML que se configura desde Estructura: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 164 de 202

165 Al entrar en ella se abrirá la siguiente ventana: Las opciones de configuración son las siguientes: No. No genera el fichero SiteMap.XML. A las Horas. Se genera cada día a la hora indicada. Cada Horas. Se genera cada xx horas según se indique GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 165 de 202

166 URL Default Site. El Sitemap se genera en el Site Principal, que incluye el directorio /AP. URL - /Web Site. El Sitemap se genera en el Site /Web, sin /AP. Si se marca esta opción aparece una casilla para introducir el dominio en el formato Nota. Una vez guardado el dominio, se aplicará siempre que se genere, ya sea puntualmente o de forma automática. Generar ahora. Genera el documento, en el Site elegido, en el momento de pulsar este botón. Esta opción modificará el fichero sitemap.xml, con o sin /AP, lo cual requiere dos condiciones: o o Que el usuario que pulse el botón tenga suficientes Permisos de Windows para modificar el fichero en la ubicación \sitemap.xml de la instalación de AuraPortal, Que el fichero no tenga el atributo de Sólo Lectura. El fichero SiteMap.XML contendrá una línea por cada elemento publicado en el CM. Para optimizar la creación del fichero, se omiten aquellas páginas configuradas como Publicar = No y aquellas cuyo contenido es de tipo Página Web de AuraPortal. Si hay URL personalizadas, se incluyen estas en lugar de sus correspondientes predeterminadas. 6.2 URL Personalizadas Esta funcionalidad permite la personalización de las URL de las páginas de la Gestión de Contenidos con el objetivo de que sean amigables y mejorar el ranking en motores de búsqueda como Google. Se configura desde Estructura WIP Gestión Contenidos & Comercio Online URL Personalizadas. La página de configuración es semejante a esta: En la Barra de Acciones, además de los botones para Guardar, se encuentran los dos siguientes: Calcular URL disponibles. Revisa todas las combinaciones para obtener todas las URL posibles y las muestra en un grid. Sólo obtendrá las Páginas en los idiomas marcados en la opción MultiIdioma explicada anteriormente y situada bajo la de SiteMap en Estructura. No obtendrá las Páginas con Publicar=No. Eliminar Historial Redirecciones. Elimina el histórico de cambios de redirecciones 301. En el Panel intermedio, los Filtros permiten buscar por ID o por URL (Predeterminada o Personalizada). GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 166 de 202

167 En el Grid hay varias columnas: ID. URL Predeterminada. Son las URL basadas en parámetros. La URL es un link para que el usuario pueda ver el contenido de la página. Icono Buscador (1). Un icono buscador abre la configuración de la página correspondiente a la URL. URL Personalizada. Muestra las URL personalizadas. Una parte es de solo lectura (el dominio + el directorio del Idioma, por ejemplo y a continuación una parte que es editable, en donde el usuario añadirá lo que quiera, incluida la barra de directorio (/). La URL personalizada es la que aparecerá en ejecución. Un Aviso informará al usuario en caso de introducir caracteres no permitidos. (e). Edición (2). Icono para editar la columna de URL Personalizada. Icono Visor (3). Muestra el historial de cambios de la URL desde donde se pulsa. En la cabecera de la ventana que se abre, un botón Eliminar permite eliminar el historial. Eliminar (4) permite eliminar la URL. Cuando el servidor reciba una petición de una URL sin parámetros, consultará esta lista para saber cuál es la URL Predeterminada y abrir esa página. 6.3 W3C En la publicación de elementos en el CM de AuraPortal se han seguido las recomendaciones del estándar W3C (World Wide Web Consortium) para la navegación, sin llegar a comprometer funcionalidades importantes. Por ejemplo, el ancho de los Espacios de Publicación y Plantillas ha de predeterminarse según cada caso, y no estar basado en la resolución de pantalla del visitante. 6.4 HTML El Content Management de AuraPortal, genera automática y virtualmente una página HTML con cada elemento publicado, y asigna el valor de los campos que se eligió en la opción Metadata HTML del diseño de las Plantillas, en las etiquetas HTML principales para el posicionamiento en motores de búsqueda de Internet. 7. COMERCIO ONLINE El Módulo de Comercio Online es una extensión del Módulo de Gestión de Contenidos que permite a las empresas ofertar sus productos y servicios online desde la Web corporativa. Esta Web, diseñada con la Gestión de Contenidos permite a los visitantes localizar fácilmente los productos o servicios que desea adquirir y hacer la compra online en cualquier momento. Si se necesita prepago, el sistema solicitará que se introduzcan los datos bancarios antes de proceder con la orden de compra y, cuando se complete este proceso, se iniciará automáticamente un proceso BPM según se haya diseñado (recepción de la orden en almacén, entrega de producto, envío de factura, etc.). Nota. El Módulo de Comercio Online necesita como base el de Gestión de Contenidos. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 167 de 202

168 La siguiente imagen muestra un escenario básico de Comercio Online y un ejemplo de proceso BPM: Los ejemplos utilizados en el documento para describir un posible escenario de Comercio Online se basan en una tienda online imaginaria que vende productos de alta gama llamada FINEST FOODS. La siguiente imagen muestra la página principal de la Web. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 168 de 202

169 Como ya se ha comentado, la Web está diseñada enteramente con el Módulo Gestión de Contenidos, y se basa 100% en la Familia Propia Gestión de Contenidos. Por tanto, la única operativa que se explica en este capítulo es la relativa específicamente a la compra online. Cuando el Módulo de Comercio Online está instalado, aparece un nuevo tipo de contenido en la lista de Contenidos, Carritos de Compra, y una nueva opción, Mostrar Carrito de Compra, que aparece en la configuración de otros contenidos, concretamente Listas de Elementos, Detalles de Elementos y Elemento Único. Para acceder a estas opciones, entrar en Estructura y pulsar sobre Gestión Contenidos & Comercio Online Configuración. Aparecerá la siguiente ventana de configuración general: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 169 de 202

170 Pulsar sobre Contenidos. Pulsar sobre Carritos de Compra Carritos de Compra La siguiente imagen muestra la ventana de configuración de este tipo de contenido: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 170 de 202

171 Al igual que las Páginas y el resto de los Contenidos, los Carritos de Compra también pueden ubicarse en Capítulos organizados en un Árbol. Se puede encontrar más información acerca de la configuración del Árbol de Capítulos en el capítulo correspondiente a la configuración de las Páginas. La ventana muestra 6 pestañas, que incluyen la configuración general que es común para todos los Carritos de Compra que se creen. Estas pestañas son: Lista. Esta pestaña incluye la lista de los Carritos de Compra creados y el botón Crear Carrito de Compra para crear Carritos nuevos. Monedas. Para definir las monedas que soportarán los Carritos de Compra, usando el código estándar de moneda de 3 caracteres ISO Campos Calculados. Para definir los campos calculados que se incluirán en los Carritos de Compra. Cálculos de Totales. Para configurar los cálculos que han de realizarse para completar la compra del Carrito, por ejemplo, impuestos, descuentos, cargos adicionales de envío, etc. Formas de Pago. Para definir los métodos de pago que podrá utilizar el visitante para realizar su compara. Traspaso a Proceso. Para indicar el proceso BPM que se iniciará automáticamente cuando se complete la compra. A continuación, se explican en detalle cada una de ellas Monedas En esta pestaña se definen las monedas que soportarán los Carritos de Compra, usando el código estándar de moneda de 3 caracteres ISO Pulsar sobre una de las monedas preconfiguradas que aparecen en la lista para ver su configuración o sobre el botón Crear Moneda para incorporar una nueva. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 171 de 202

172 Si se pulsa, por ejemplo, sobre Australian Dollar, se abrirá una ventana como la siguiente: Las opciones de configuración son las siguientes: Nombre. Identifica la Moneda. En esta imagen, Australian Dollar. Descripción. Opcional. Tipo Moneda. Esta opción presenta 2 posibilidades: Seleccionar. Permite seleccionar uno de los códigos ISO-4217 predefinidos. Pulsar sobre el icono buscador y saldrá una ventana como la de la siguiente imagen. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 172 de 202

173 En nuestro ejemplo se seleccionó Australian dollar. Personalizar. Permite crear un nuevo código si la moneda que se desea usar aún no tiene asignado un código Estándar ISO Una vez seleccionado, pulsar Guardar y Salir. En este ejemplo no se ha creado una moneda nueva, en caso de haberlo hecho, esta aparecería en el grid de Monedas Campos Calculados En esta pestaña se pueden determinar los campos calculados que se incluirán en los Carritos de Compra. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 173 de 202

174 Pulsar el botón Crear Campo Calculado de la barra de acciones para añadir un nuevo campo calculado o sobre uno existente para ver su configuración, en este ejemplo Total Line, que calcula el total de cada línea en el Carrito de Compra. El campo Resultado especifica si el cálculo será un Número Decimal o un Entero. Pulsando sobre el icono buscador se abrirá el editor de fórmulas para configurar el cálculo. Esta fórmula en concreto multiplica el campo de sistema _Quantity (_Cantidad), proporcionado automáticamente cuando se instala el Módulo de Comercio Online, por el campo Price-USDolar, de la ficha de la Familia Propia CM, pero se puede configurar cualquier fórmula matemática que se requiera. Nota. El campo _Quantity es en el que el visitante introduce la cantidad del elemento que desea adquirir. Después se pulsa sobre añadir al carrito para añadirlo al Carrito de Compra. Este campo aparece debajo de los Elementos Únicos, los elementos de las Listas de Elementos o Detalles de Elemento si se marcó la opción Mostrar Carrito de Compra cuando se configuraron estos contenidos. Más adelante se verá la configuración de esta opción. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 174 de 202

175 Para más información sobre el Editor de Fórmulas, consultar la documentación sobre Formularios Dinámicos. Nota. Si hay más de un Campo Calculado se puede utilizar la ordenación del grid para establecer el orden en el que se realizarán los cálculos si los campos están relacionados. Si los cálculos son totalmente independientes, el orden no se aplica. Para cambiar el orden pulsar sobre el icono de la columna izquierda para activar la columna Orden Cálculos de Totales En esta opción se configuran los cálculos que se realizarán por columna (con el total de las líneas), por ejemplo, impuestos, descuentos, cargos adicionales por transporte, etc. La configuración para esta opción es idéntica a la explicada en Campos Calculados. Se puede crear cualquier tipo de cálculo que haga falta pulsando el botón Crear Cálculos de Totales de la barra de acciones, por ejemplo: SubTotal, IVA y Total. Nota. Si hay más de un Cálculo de Totales, se puede utilizar la ordenación del grid para establecer el orden en el que se realizarán los cálculos si los campos están relacionados. Si los cálculos son totalmente independientes, el orden no se aplica. Para cambiar el orden pulsar sobre el icono de la columna izquierda para activar la columna Orden Formas de Pago Esta opción permite crear distintas Formas de Pago para ofrecer a los visitantes que van a realizar la compra. El sistema proporciona varias Formas de Pago predeterminadas: _Sin Pasarela de Pago, _Demostración y _Sistema 4B, pero pueden crearse otras. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 175 de 202

176 Para crear una nueva, pulsar sobre Crear Forma de Pago, para editar una existente, por ejemplo, PayPal, pulsar sobre su nombre, aparecerá su ventana de configuración, semejante a la siguiente: Las opciones de configuración son las siguientes: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 176 de 202

177 Título (1). El nombre que aparece en la Lista de Formas de Pago bajo el Carrito de Compra en ejecución, en este ejemplo PayPal. MultiIdioma. Para el título. Tipo de Pago (2). Se puede elegir entre: Sin Pago. Esta es la opción para los tipos de pago que no requieren Pasarela de Pago de Banco, como PayPal, COD (Cash on Delivery), POC (Pay on Collection), Transferencia Bancaria, etc. Demostración. En este caso se simula una Pasarela de Pago para pruebas y demostraciones, no requiere tarjetas de Crédito o Débito. Sistema 4B. Si se marca este tipo aparece una nueva opción, Configuración Sistema 4B, que abre una ventana como la siguiente, para su configuración, según los siguientes campos: - Modo Ejecución. Para elegir si la Pasarela se ejecutará en modos Pruebas o Producción. - DATOS PROPORCIONADOS POR SISTEMA 4B. - Clave del Comercio. Esta clave debe proporcionarla el banco cuando se establece la Pasarela de Pago. - DATOS DE CONFIGURACIÓN PARA SISTEMA 4B. Estos datos también los proporciona el banco cuando se establece la Pasarela de Pago Sistema 4B. Se generan automáticamente y no se pueden modificar. Nota. En este momento la única Pasarela de Pago compatible es el Sistema 4B, pero hay otras en preparación que estarán disponibles más adelante. En el caso de PayPal, el Tipo de Pago correcto es Sin Pago. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 177 de 202

178 PÁGINA DE INFORMACIÓN DE LA FORMA DE PAGO (3). Se puede elegir una Página que mostrará instrucciones o información sobre la Forma de Pago. - Mostrar. Para definir cómo se abrirá la página, Al seleccionar la forma de pago del desplegable o pulsando el Icono que se seleccione aquí. - Página. La página se selecciona entre las creadas en CM. Se abrirá en ventana superpuesta según lo configurado en TAMAÑO INICIAL, POSICIÓN y BORDE. PÁGINAS AL FINALIZAR COMPRA (4). Se pueden elegir Páginas que se mostrarán al Finalizar con éxito o Finalizar sin éxito la compra. Las páginas se eligen de entre las creadas en CM y pueden incluir cualquier información útil para mostrar al visitante que ha realizado la compra, por ejemplo, el estado de sus pedidos, el tiempo estimado de entrega, cómo rastrear el envío, y mucha más. Nota 1. En la configuración del Sistema 4B el panel PÁGINAS AL FINALIZAR LA COMPRA no aparece, ya que las suministra la propia Plataforma de Pago del Banco. Nota 2. Si el Carrito de Compra incluye elementos, pero el Precio Total es 0, las Formas de Pago no aparecen. Para este escenario hay una cuarta Forma de Pago llamada _Importe 0 disponible, que se aplicará automáticamente. Esta Forma de Pago solo permite la configuración de las PÁGINAS AL FINALIZAR LA COMPRA, para que se pueda informar si la compra Finalizó con éxito o no Traspaso a Proceso A través de esta opción se enlaza el Carrito de Compra a un Proceso BPM que se iniciará automáticamente cuando el visitante realice la compra. Las opciones de configuración son las siguientes: Clase de Proceso. Aquí se selecciona la Clase de Proceso que se iniciará automáticamente al finalizar la compra. Para que se pueda seleccionar desde esta opción, el Mensaje de Inicio debe tener marcada la opción Comercio Online. Ver la imagen siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 178 de 202

179 El Panel ha de contener un Grupo de Campos para traspaso del Carrito de Compra. El Grupo de Campos debe basarse en la Familia CM y contener un Prefijo del tipo Familia-Elemento. Nota Importante. NO SE RECOMIENDA publicar el Mensaje de Inicio de esta Clase de Proceso como Servicio Web, ya que podría usarse para simular compras sin pago previo. Grupo de Campos. Aquí se selecciona el Grupo de Campos comentado en la opción anterior, donde se almacenarán los datos del Carrito de Compra. El Grupo de Campos debe basarse en la Familia CM y contener un Prefijo del tipo Familia-Elemento. Sufijos. Esta opción muestra los Sufijos del Prefijo y contenido en el Grupo de Campos antes mencionados. Pulsar el icono buscador para abrir una ventana similar a esta: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 179 de 202

180 En la que el Prefijo (Product en este ejemplo) aparece el primero de la lista y ya seleccionado. A continuación se pueden marcar las casillas de los Sufijos que se desee traspasar al Proceso. Campos Calculados. El icono buscador abre una ventana como la siguiente. La columna Origen en Carrito de Compra muestra los Campos Calculados incluidos en el Carrito de Compra. Para transferir los cálculos desde el Carrito de Compra al Grupo de Campos hay que seleccionar un campo Destino en Panel de Proceso. En este ejemplo, al pulsar en el campo Origen Total Line aparece esta ventana, Donde se puede establecer la relación con un campo de tipo Número Decimal presente en el Grupo de Campos, por ejemplo, SubTotal. Seleccionarlo y pulsar Guardar y Salir. El grid aparecerá completado con el campo Destino. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 180 de 202

181 Nota. Solo se traspasarán los datos de los campos para los que se haya configurado un campo Destino. Cálculos de totales. La configuración de este campo es muy semejante a la anterior. La única diferencia estriba en que los campos Destino se eligen de entre los campos Generales independientes del Panel del Proceso, NO de los incluidos en el Grupo de Campos. Formas de Pago. En esta opción se enlaza un campo de Selección Simple, por ejemplo, Payment Method (1) previamente creado en el Panel de la Clase de Proceso correspondiente con tantas opciones como Formas de Pago se quieran utilizar. Al seleccionar el campo, las opciones aparecen en el grid (2) bajo la columna Opción en Campo destino del Panel del Proceso. Luego se puede enlazar cada una de las opciones con la forma de Pago deseada pulsando sobre la línea de cada una de las opciones en una ventana como la siguiente. Finalmente, todas las Formas de Pago quedan enlazadas con su correspondiente opción. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 181 de 202

182 Lista Aparte de esta configuración general para un Carrito de Compra que se ha explicado, se pueden configurar diferentes Carritos de Compra para utilizarse donde sea necesario. Por ejemplo, es práctica común diseñar un Carrito de Compra resumen para mostrarlo en la página principal del sitio web del CM y otro Carrito de Compra Completo, que muestre todos los detalles, y situarlo en otra página. También se pueden crear Carritos diferentes para los distintos tipos de moneda. Los Carritos se crean en la pestaña Lista, pulsando el botón Crear Carrito de Compra. También, pulsando sobre un Carrito, por ejemplo, Complete Shopping Cart, se puede ver su configuración, en una ventana similar a esta: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 182 de 202

183 cuyas opciones de configuración son las siguientes: Nombre. Por el que se identificará el Carrito. Descripción. Opcional. Título. El nombre con el que aparecerá en las páginas de Comercio Online (CO). En este ejemplo, CARRITO DE LA COMPRA. MultiIdioma. Para el Título. Moneda. Para seleccionar la moneda que utilizará este carrito entre las que se encuentran en la pestaña Monedas. Modo Edición. Si se marca Sí, se permitirá editar el Carrito después de añadir elementos para, por ejemplo, cambiar la cantidad, la talla, borrar elementos, etc. Si se marca No, el Carrito será de solo-lectura. Botón Comprar. Se marca No si se trata de un Carrito resumen por ejemplo. Si se marca Sí aparece un nuevo campo para seleccionar un Carrito de Confirmación de la Compra de entre los que tienen configurado Cálculos de Totales. Puede ser el mismo que se está configurando u otro, depende de la información incluida en cada uno. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 183 de 202

184 Nota. El Carrito de Confirmación es el que recoge los datos actualizados en el momento de ir a realizar la compra (precio, descuento, disponibilidad, etc ) y los pasa a la Pasarela de Pago y al Proceso BPM. Formas de Pago. Aquí se seleccionan las posibles Formas de Pago que ofrecerá el Carrito. Ver la siguiente imagen. - Título. Que aparecerá en ejecución como encabezado de las Formas de Pago. - MultiIdioma. Para el Título. - Posición. Del Título, Superior o a su Izquierda. - Lista Opciones / Marcadores. Determina la presentación de las opciones de las Formas de Pago del campo de Selección Simple en el que se ofrecerán al visitante, en un desplegable o con casillas de verificación. Si se usan Marcadores, se puede configurar el Número de opciones por línea que se desea. El grid permite marcar las Formas de Pago que estarán visibles en el Carrito (Columna V) (1) y establecer el Orden (2) en el que se muestren. COLUMNAS. Aquí se añaden los campos que aparecerán como Columnas en el Carrito. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 184 de 202

185 En este ejemplo se han incluido: _Cantidad. Un Campo de Sistema donde el visitante indicará la cantidad de elementos que desea adquirir. Este es el campo que aparece debajo de los Elementos Únicos, los elementos de las Listas de Elementos y los Detalles del Elemento si la opción Mostrar Carrito de Compra se configuró como Sí en estos contenidos. _Name. Es un campo de la Ficha del elemento que contiene el nombre del elemento. 3_Price_USDolar. Un campo de la Ficha del elemento que contiene el precio del elemento. Total Line. Un campo de Sistema que ejecutará el cálculo indicado en la pestaña Campos Calculados. El grid es configurable, pulsando el icono en cada línea, se puede establecer para el campo el Orden, el Ancho y los Decimales que se usarán. También se puede aplicar MultiIdioma al Nombre Interno del campo, que será el que se muestre en ejecución. TOTALES. Aquí se agregan los Cálculos de Totales que requiere el Carrito de entre los configurados en la pestaña correspondiente. En ejecución, estos aparecerán debajo del Carrito. En este caso se han seleccionado: SubTotal. La suma de la columna Total Line. IVA. El SubTotal multiplicado por el IVA correspondiente, en este ejemplo, 18%. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 185 de 202

186 Total. La suma de SubTotal más IVA. El grid es también configurable, de la misma forma que el de COLUMNAS, pulsando el icono en cada línea, se puede establecer para el campo el Orden, los Decimales y el Título Mostrado con MultiIdioma. La columna Pago es diferente y sirve para marcar el Cálculo de Totales que se enviará a la Pasarela de Pago tras la compara, en este ejemplo, Total. En ejecución, el Carrito de Compra de este ejemplo se vería como el de esta imagen: Tal como se configuró, al elegir PayPal como Forma de Pago, aparece el icono corporativo y al pulsarlo, se muestra la página de información, como por ejemplo la siguiente. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 186 de 202

187 El Carrito resumen aparece como en la siguiente imagen: Al pulsar Comprar, se requerirá al visitante sus credenciales antes de que se inicie el proceso. Si se trata de un visitante no registrado, deberá conseguir un login antes de continuar con el proceso. El apartado REGISTRO AUTOMÁTICO. CREACIÓN DE USUARIOS INVITADOS de este documento contiene todos los detalles del mecanismo de registro de usuarios Opción Mostrar Carrito de Compra Según se ha comentado anteriormente, si el Módulo de Comercio Online está instalado, algunos tipos de contenido muestran la opción Mostrar Carrito de Compra en su página de configuración, concretamente los Detalles del Elemento, las Listas de Elementos y los Elementos Únicos. Detalles del Elemento: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 187 de 202

188 Lista de Elementos: Elemento Único: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 188 de 202

189 En ejecución, la opción del Carrito de Compra tiene la apariencia que se ve en la siguiente imagen, bajo el elemento: Se utilizó el Campo de Sistema _Cantidad para que el visitante introduzca el número de elementos que desea adquirir y el botón añadir al carrito, que los añade al Carrito de Compra. Así, si la opción Mostrar Carrito de Compra se marcó en la Lista de Elementos de los Productos, por ejemplo, los Espacios de Publicación que muestran este contenido incluirán el Carrito debajo de cada elemento de la Lista. 8. SITIO WEB INDEPENDIENTE DE SHAREPOINT La instalación de AuraPortal está basada en un Sitio Web de SharePoint creado en Internet Information Services (IIS) que, hasta la aparición de AuraPortal Helium contenía los siguientes directorios: - Home. Contiene los ficheros orientados al funcionamiento de los portales de Empleados y de Usuarios Externos. - AP. Contiene los ficheros del Portal de Invitados (para Usuarios Invitados), Gestión de Contenidos y Comercio Online. - WS. Contiene los Servicios Web de Mensajes de Inicio e Intermedios. - TMP. Directorio donde se graban ficheros temporales. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 189 de 202

190 Esto hacía ineludible el control de SharePoint, que obligaba a configurar como Aplicación los directorios de programas, Home, AP y WS. Sin embargo, desde el Modelo Helium, se incluye un nuevo directorio, \Web, que contiene todo lo necesario para poder crear un Sitio Web independiente para la Gestión de Contenidos. 8.1 Ventajas de utilizar un Sitio Web independiente de SharePoint - Al no depender de SharePoint no es necesaria ninguna configuración complementaria (Rutas Incluidas, Excluidas, etc.). - En las URL de todas las páginas se omiten los directorios /AP/CM/ con las consiguientes ventajas operativas y estéticas. - Permite utilizar una Base de Datos independiente de la de AuraPortal. Como se verá más adelante, esta opción tiene la ventaja de garantizar la integridad de los datos, pero se pierde flexibilidad. 8.2 Configuración de un Sitio Web independiente de SharePoint Como hemos dicho, el directorio \Web contiene todo lo necesario para poder crear un Sitio Web para la Gestión de Contenidos, Comercio Online y, si se desea, el Portal de Invitados. De hecho, en cuanto a contenido es muy similar al directorio \AP. \Web es un directorio que se instala automáticamente con AuraPortal Helium pero no se configura como Aplicación en el IIS, por lo tanto está disponible para utilizarlo en un Sitio Web nuevo e independiente. Como resultado, habrá dos URL: la Principal, que es la que utilizarán los Empleados y Usuarios Externos y la Secundaria, que es la que se crea sobre el directorio \Web y que alojará la Web de CM y el Portal de Invitados, si así se desea. Ver más adelante el apartado Consideraciones sobre el uso de 2 URL, con más información relevante. A continuación, se detallan los pasos a seguir Crear un Sitio Web en IIS Para crear un nuevo Sitio Web, acceder a IIS, por ejemplo, desde Herramientas Administrativas. Pulsar sobre Sitios y luego sobre Agregar sitio web GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 190 de 202

191 Aparecerá una ventana como la siguiente: En Nombre del sitio: (1) escribir el nombre que se desea, por ejemplo, Por defecto se crea un Grupo de Aplicaciones con el mismo nombre (2). Es preferible utilizar un Grupo de Aplicaciones exclusivo para este Sitio Web. En Ruta de acceso física: (3) seleccionar el directorio \Web de la instalación de AuraPortal. En Nombre de host: (4) poner el que se desea, por ejemplo, Utilizar el mismo nombre para el sitio y para el host facilita su identificación y manejo. El Sitio Web recién creado aparecerá en la ventana de Sitios. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 191 de 202

192 Nota. Se necesitará una licencia con 2 URL, la de la intranet, ya en uso y la nueva. Esta URL nueva deberá darse de alta en los DNS necesarios para su corrrecto funcionamiento Identidad del Grupo de Aplicaciones Es importante que la identidad del Grupo de aplicaciones tenga los mismos permisos que la del Grupo de Aplicaciones de AuraPortal, es decir: - Lectura en la Base de Datos de Configuración de SharePoint - Propietario en Base de Datos de Contenido de SharePoint Nota. Es aconsejable utilizar el mismo usuario para la Identidad que el del Grupo de Aplicaciones del sitio web principal de AuraPortal. Para cambiar el usuario de la identidad del Grupo de Aplicaciones, pulsar sobre Grupos de aplicaciones en el Panel izquierdo. Luego pulsar con el botón alternativo del ratón sobre el Grupo que se desea cambiar y luego con el botón principal sobre Configuración avanzada. Aparecerá una ventana como la siguiente: GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 192 de 202

193 Pulsar el cuadradito señalado en la imagen superior para cambiar la Identidad Autenticación Para configurar la Autenticación para el nuevo Sitio web, pulsar sobre el sitio web. En el panel de la derecha aparece la Página de configuración. Pulsar sobre Autenticación. Debe quedar como aparece en la siguiente imagen. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 193 de 202

194 8.2.4 Documento Predeterminado El Documento predeterminado aparece en el explorador cuando la URL no incluye nada más que el encabezado host. Para cambiar el documento predeterminado pulsar sobre el sitio web. En el panel de la derecha aparece la Página de configuración. Pulsar sobre Documento predeterminado. Aparecerá una ventana como la siguiente, GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 194 de 202

195 que muestra las páginas utilizadas normalmente: Default.htm, etc. Pulsar Agregar para agregar la página de entrada a la Gestión de Contenidos, cm.aspx. Para quitar los otros documentos predeterminados pulsar sobre el nombre. En el panel Acciones pulsar Quitar Páginas de Errores También se puede configurar que aparezca una Página de Error personalizada cuando la URL del visitante incluya una página que no existe. El IIS diferencia entre los errores de Páginas ASP.NET y los Generales. Nota. Si se desea hacer pruebas desde el Servidor, es preciso cambiar la etiqueta <CustomErrors> del fichero web.config de \Web. En concreto hay que cambiar mode="remoteonly" por mode="on. Si no se hace este cambio, las páginas de errores solo se verán si se accede remotamente. Ver el ejemplo siguiente. <customerrors defaultredirect="error.aspx?err=0" mode="on"/> Página de Error de ASP.NET Pulsar sobre el sitio web. En el panel de la derecha aparece la Página de configuración. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 195 de 202

196 Pulsar sobre Páginas de errores de.net y seguidamente, en el panel de Acciones, sobre Agregar. Aparecerá la siguiente ventana, en la que se escribirá 404 como Código de estado, el reservado para páginas no encontradas y la Dirección URL absoluta que se desee. En el ejemplo, se trata de una página de AuraPortal: Página de Error de IIS Pulsar sobre el sitio web. En el panel de la derecha aparece la Página de configuración. Pulsar sobre Páginas de errores, aparecerá el siguiente panel. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 196 de 202

197 En el panel de acciones, pulsar sobre Modificar configuración de característica (1). Aparecerá la ventana de configuración de páginas de errores: Marcar Páginas de errores personalizados, como se muestra en la imagen superior. Para cambiar la página de error para el código 404, hacer doble-clic sobre la línea 404 (2), se abrirá la página de configuración, similar a la siguiente, en la que debe quedar marcada la opción: Ejecutar una dirección URL en este sitio y registrada la URL relativa para las páginas no encontradas que no sean de.net, por ejemplo /cm.aspx?=627. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 197 de 202

198 8.2.6 Fichero web.config de \Web En el fichero web.config del directorio Web se debe revisar lo siguiente: - La clave url, dentro de la sección appsettings, debe apuntar al sitio web principal de AuraPortal, en este ejemplo, intranet.auraportal.com. - La Cadena de Conexión a la base de datos indicará la Base de Datos BPMS de AuraPortal, en este ejemplo, Lo más sencillo es copiar la etiqueta <connectionstrings> del motor, que puede encontrarse en el fichero Aura- Portal \Home\MotorBPMS \ AuraPortal BPMS Motor.exe.config. Nota. Como se ha indicado, lo habitual es que la Base de Datos que se utilice sea la misma que la del sitio web principal de AuraPortal, sin embargo, existe la posibilidad de utilizar una BASE DE DATOS INDEPENDIENTE (ver más información en el apartado correspondiente). En caso de utilizar otra Base de Datos, esa será la de la Cadena de conexión del fichero web.config. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 198 de 202

199 8.2.7 Consideraciones sobre el uso de 2 URL El objetivo de este capítulo es explicar cómo se puede diseñar una Web con Gestión de Contenidos de forma que no sea necesario incluir los directorios /ap/cm en la URL de las páginas. Las ventajas de este diseño se han explicado anteriormente, relacionadas mayormente con la presencia de la Web en Internet. No obstante, se puede utilizar también la URL principal, teniendo en cuenta que esta ha de incluir entonces ambos directorios: /ap/cm Base de Datos independiente Como ya se ha tratado en este documento, AuraPortal dispone de mecanismos que permiten la actualización del contenido sin interferir, mientras se realizan los cambios, con el contenido ya publicado. Concretamente nos referimos a: Workflow de Procesos BPM. Para incluir los nuevos elementos en un proceso de aprobación al final del cual el contenido será publicado. Publicado Sí/No. En la página principal del diseño del módulo Content Management se elige el campo de tipo Sí/No de la ficha de la Familia Propia que servirá para determinar si un elemento será publicado o no. Alta Similar. Todos los elementos de configuración tienen la opción de Alta Similar (Páginas, Espacios de Publicación, Contenidos, Plantillas, ). Esto permite hacer modificaciones con gran rapidez, clonando el contenido existente y modificándolo en lo necesario. Importar Configuración. Opción disponible a nivel del diseño de las Páginas, que permite importar toda la configuración de otra página que ya ha sido diseñada y revisada. Caché de Elementos, Páginas. Para actualizar contenidos parcial o totalmente. Los cambios no se muestran hasta que no se limpia la caché, de la página o del elemento. Sin embargo, en algunos escenarios es posible que se desee que de ninguna manera se publique ningún elemento ni cambio en la configuración independientemente. Si este es el caso, se puede utilizar una copia de la base de datos BPM principal de AuraPortal y conectar el nuevo Sitio Web independiente a ella mediante la cadena de conexión en el fichero web.config del directorio Web, tal como se ha comentado anteriormente. De esta manera, todos los cambios que se realicen desde el portal de Empleados, tanto en diseño como en contenido, solo se publicarán cuando se realice una nueva copia de la base de datos BPM principal de AuraPortal y se restaure en la base de datos del Sitio Web independiente. Nota. En este escenario es importante tener en cuenta que cualquier acción que pueda añadir o modificar datos, por ejemplo, el acceso al Portal de Invitados o a Mensajes de Inicio de Procesos, deberá hacerse a la base de datos principal de AuraPortal, no a la copia. De lo contrario quedarán independientes y el Motor BPM no los tratará. Así las URL que apunten en páginas de CM a Mensajes de Inicio de clases de proceso han de incluir el encabezado del sitio web principal de AuraPortal. 9. MÓDULO REDIRECT El Módulo Redirect de AuraPortal Control Panel permite redireccionar las peticiones de los visitantes a otras URL. GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 199 de 202

200 Es especialmente importante en el caso de que se utilice el Sitio Web predeterminado de AuraPortal, porque sin él, la URL de acceso a la página principal tendría una URL poco amigable al requerir el directorio /AP/ y la página CM.aspx, por ejemplo Para evitar esta situación y que los visitantes de la web únicamente tengan que escribir el dominio, por ejemplo dominio.com o se trata de hacer una redirección en los siguientes términos: URL solicitada Redireccionar a De esta manera los usuarios escribirían la URL y el módulo redirect lo desviaría a la URL Nota. Esta redirección no es necesaria en el caso de utilizar un Sitio Web independiente basado en el directorio /Web tal como se ha explicado antes en otro capítulo. El módulo Redirect también se puede utilizar en otros casos, como por ejemplo cuando se hace una migración desde un sistema web anterior a AuraPortal y se desea que la indexación de páginas del Sitio Web antiguo se conserve redirigiendo a la nueva URL que tendrán las páginas. La configuración del módulo Redirect se realiza desde AuraPortal Control Panel, tal como se ve en la siguiente imagen: Nota. Si se dispone de más de un servidor de AuraPortal en Balanceo de Carga, la configuración del módulo Redirect hay que repetirla desde el AuraPortal Control Panel de cada uno de ellos. Al pulsar el botón Redirect (1) se abre la ventana AuraPortal Redirect Module (2), con dos pestañas: Default Site. Es el Sitio Web principal de AuraPortal, basado en SharePoint y al que se conectan los usuarios normamente (Empleados, Usuarios Externos, Usuarios Invitados). Por defecto, también será el Sitio Web donde se publicará la Gestión de Contenidos, si bien, como se ha explicado en este docu- GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 200 de 202

201 mento, también será posible publicarla en un Sitio Web independiente, cuyo módulo Redirect se configura en la siguiente opción. /Web Site. Se refiere al Sitio Web que se puede configurar independiente del Sitio Web principal de AuraPortal y así no depender de SharePoint con todas las ventajas que ello supone. Para más información consultar el capítulo correspondiente en este mismo documento. Cada pestaña incluye los botones: Instructions (3), con instrucciones para la instalación e Install (4), para instalar el Módulo. Una vez instalado, aparece un grid que alojará las redirecciones, como el de la imagen siguiente. La primera línea constituye un ejemplo y se puede sustituir por una redirección real. En la primera columna, Requested URL están la URL solicitadas por los visitantes de la web y en la segunda, Redirected To, la URL a dónde se desea redirigir cada petición. Para incluir una redirección nueva, pulsar dos veces con el botón principal del ratón sobre la línea de la columna Requested URL, y escribir la URL que solicitará el visitante. Luego, sobre la línea en la columna Redirected To, escribir la URL a la que se desea redirigir la petición del visitante. A efectos de la indexación de los buscadores de Internet, la redirección por defecto es temporal (código HTML 302), pero se puede hacer permanente (código HTML 301) marcando la casilla de la columna Permanent Redirection. Nota. En otra parte de este documento se explica cómo se configura un Sitio Web independiente de SharePoint basado en el directorio /Web. Para las instalaciones en las que no se utilice este segundo sitio web, la posibilidad de utilizar el módulo Redirect está especialmente indicada, ya que permite a los usuarios acceder a la Gestión de Contenidos con una URL simple como sin tener que utilizar la ruta completa GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 201 de 202

202 GESTIÓN DE CONTENIDOS COMERCIO ONLINE Página 202 de 202