MANUAL DE USUARIO. Versión 4.1

Transcripción

1 MANUAL DE USUARIO Versión 4.1

2 CONTENIDO CONTENIDO INTRODUCCIÓN IV 1 BIENVENIDA 1 2 ARTÍCULOS Creación de una familia Creación de una subfamilia Inserción de un artículo Búsqueda de un artículo en el Backoffice Modificaciones en un artículo Borrar y despublicar artículos, familias y subfamilias 17 3 CLIENTES Y PEDIDOS Compra de un artículo Gestión de un pedido Alta de un cliente Alta desde el Backoffice Alta desde el comercio Zonas de envío Impuestos Formas de pago Formas de pago en el comercio Configuración de las formas de pago 49 4 SEGUNDA CLASIFICACIÓN 56 5 BÚSQUEDA DE ARTÍCULOS Búsqueda sencilla Sintaxis de búsqueda Búsqueda avanzada 60 6 IDIOMAS Activación de un idioma en el Backoffice Introducción de datos en el nuevo idioma Selección del nuevo idioma en el comercio 65 I

3 CONTENIDO 7 CONFIGURACIÓN DEL COMERCIO Información del comercio Clientes y pedidos s Divisas Banners Franquicias 79 8 DISEÑO DEL COMERCIO Diseño de los artículos Fotografías en la Edición de un artículo Opciones de Diseño de artículos Escaparates Tipos de escaparates Introducción de un artículo en un escaparate Opciones de Diseño de escaparates Gráficos Colores de texto Colores de fondo Estructura de frames y posición de los iconos de idiomas MAILING ESTADÍSTICAS Listados Listado de Actividad Listado de Artículos Listado de Familias Listado de Fabricantes Listado de Búsquedas Listado de Usuarios Listado de Referencias externas Gráficas AYUDA Realizar una consulta 115 II

4 CONTENIDO 11.2 Leer una consulta Añadir un nuevo diálogo HERRAMIENTAS DEL BACKOFFICE Configuración de una tabla Tabla de Familias y subfamilias Tabla de artículos Tabla de clientes Importación de datos Resúmenes Puesta a cero 130 ÍNDICE 133 III

5 INTRODUCCIÓN INTRODUCCIÓN YLOS es una solución estándar de comercio electrónico. Como verá en el manual, este producto le proporcionará potentes opciones de configuración y personalización, propias de aplicaciones hechas a medida. Una solución estándar ofrece grandes ventajas. Se ha pensado como una aplicación muy flexible para adaptarse a los diversos modelos de comercio existentes. Dicha flexibilidad debe abarcar aspectos tanto visuales como funcionales. Por lo tanto, se han introducido opciones que quizás ahora no considere necesarias, pero que le pueden resultar muy útiles en un futuro. Un producto hecho a medida tiene un serio inconveniente: el comerciante no tiene prácticamente ningún tipo de control. En cambio, nuestra aplicación dispone de una herramienta muy potente para el diseño y configuración del comercio: el Backoffice (la trastienda). Este manual pretende enseñar la funcionalidad que ofrece el Backoffice. Se ha invertido un gran esfuerzo para que este documento resulte sencillo, incluso para aquellos a los que les supone un reto el mundo de la informática. Los conceptos se van introduciendo de forma progresiva, con ejemplos que puede probar en su comercio. Para una mayor eficacia en el aprendizaje de configuración y diseño de su comercio, se ha estructurado el manual en dos partes. Desde el capítulo 1 hasta el 4 se han introducido conceptos y ejemplos prácticos referentes a la Funcionalidad del Backoffice. Aprenderá a organizar su comercio, a introducir artículos, a gestionar pedidos, clientes... Si usted es un usuario avanzado, seguramente con una lectura rápida de los primeros capítulos ya se hará una idea del funcionamiento general del Backoffice. Aunque recomendamos que tenga conocimiento consolidado de los primeros capítulos ya que en éstos se le detalla el funcionamiento del Backoffice y en posteriores capítulos se requiere un buen manejo de los conocimientos principales. Del capítulo 5 hasta el 12 se explican las Herramientas y las posibilidades de Diseño del aplicativo YLOS. Desde modificar el Idioma del comercio, enviar s a todos sus clientes, tener estadísticas de la gestión de su tienda y poder personalizar el diseño de su comercio. Esperamos que este documento le resulte útil y le responda sus dudas acerca del manejo y configuración de su comercio. IV

6 BIENVENIDA 1 BIENVENIDA Para poder acceder al Backoffice de un comercio es necesario que el comerciante se identifique como gestor de dicho comercio. Para ello deberá introducir su login y su password en la pantalla de Identificación en el Backoffice (Figura 1-1). Figura 1-1. Pantalla de Identificación en el Backoffice. La primera pantalla que aparecerá al entrar en el Backoffice es la de Bienvenida, en la cual se detallarán los hechos más relevantes que hayan sucedido en el comercio. Si la identificación es correcta, aparece la ventana de Bienvenida que muestra dos apartados: Consultas y Estadísticas. Siendo la primera vez que accede al comercio, evidentemente esta pantalla no le aportará ninguna información, pero este es el aspecto que tendrá cuando su comercio esté totalmente operativo y en funcionamiento (Figura 1-2). Figura 1-2. Pantalla de Bienvenida En Consultas tiene la opción de realizar cualquier pregunta a nuestro equipo de soporte técnico, así como también podrá visualizar la respuesta que le han proporcionado y finalizar el caso. El link Pulse aquí enlaza con el menú AYUDA que, en el capítulo 11 le explicaremos el funcionamiento. En Estadísticas podrá ver todas las gestiones que se han realizado en su comercio. El artículo mas visitado, el número de visitas que ha tenido su tienda, la búsqueda más frecuente..., en las últimas 24 horas. También le indica los pedidos pendientes de tramitar y 1

7 BIENVENIDA los nuevos usuarios. El link Mas información enlaza con el menú ESTADÍSTICAS (en el capítulo 10 se lo detallamos) o Ventas (capítulo Gestión de un pedido) dependiendo de la información que desee ver. Como comprobará, el menú Bienvenida es como un inbox que le recuerda e informa de lo sucedido en su comercio en un breve período de tiempo y los últimos trámites realizados. 2

8 ARTÍCULOS 2 ARTÍCULOS En un comercio tradicional los productos se encuentran agrupados en función de sus características. De esta forma se facilita la búsqueda al cliente de un artículo determinado. Así, por ejemplo, si en un supermercado queremos comprar un tipo de mocasines, nos dirigiremos al área de ropa y, una vez allí, buscaremos la sección de calzados. Después de localizar la sección, podremos encontrar rápidamente los mocasines deseados. Un comercio YLOS permite tener una organización semejante a la de un comercio tradicional. Así, los artículos también se encuentran clasificados en áreas, de forma que cada área se compone de varias secciones. Para un comercio YLOS, un área se denomina Familia y sus secciones Subfamilias. Cada artículo pertenece a una única subfamilia (no tendría sentido que los mocasines estuvieran en la sección de calzados y, a su vez, en la de camisas). De la misma forma, cada subfamilia pertenece a una única familia (es lógico pensar que la sección de calzados sólo se encuentre en el área de ropa). Se ha escogido esta forma de clasificación porque es la que permite encontrar más rápidamente un determinado artículo. Si sólo tuviésemos una organización en áreas (familias), tendríamos productos de distintas características en una misma área. De la misma forma, si tuviéramos más niveles de organización dentro de las secciones (subfamilias), al cliente le supondría un esfuerzo adicional llegar hasta el artículo. Para añadir un artículo en un comercio YLOS es necesario que existan la familia y la subfamilia a las cuales pertenece el artículo. Por lo tanto, para introducir nuestro primer artículo, empezaremos creando una familia y una subfamilia. Para ello el comerciante deberá acceder al Backoffice (trastienda) del comercio. De momento, sólo nos preocuparemos de introducir aquellos datos que sean imprescindibles, dejando para un estudio posterior el resto de opciones. 2.1 Creación de una familia La creación de familias se realiza dentro del menú Mantenimientos en el submenú Familias en el Backoffice (ver Figura 2-1). Para ello, primero haremos clic en el menú Mantenimientos que se encuentra en la parte superior de la pantalla, y después seleccionaremos el submenú Familias en la zona izquierda. En la pantalla que se muestra a continuación aparece la Lista de familias, que inicialmente está vacía. Para añadir una nueva familia debe hacer clic en la opción Nueva (Figura 2-1 (a)). 3

9 ARTÍCULOS (a) Creación de una nueva familia Figura 2-1. Pantalla de Lista de familias. Después de pulsar sobre Nueva, le aparecerá una nueva pantalla, que le permitirá introducir los datos relativos a la nueva familia (ver Figura 2-2). Deberá rellenar obligatoriamente los siguientes campos: Código. Es un identificador único para cada familia formado por un máximo de 5 caracteres (números y letras). En este ejemplo utilizaremos como código el número También habríamos podido usar cualquier palabra (ROP) o combinación de números y letras (ROP01). Es recomendable usar un código numérico (como en el ejemplo) e incrementarlo para cada nueva familia introducida (00002 para la segunda familia, para la tercera, etc.). De esta forma es más difícil que, por equivocación, repitamos un mismo código para dos familias. En cualquier caso, si pusiésemos un código que ya existe en otra familia, obtendríamos un mensaje de error al hacer la confirmación de los datos (al apretar el botón OK). Descripción. Es el nombre de la familia tal como aparecerá en el comercio. Deberá introducirse un nombre para los idiomas propios del comercio. Como en nuestro ejemplo sólo trabajamos con un idioma (español), deberá especificar el nombre de la familia para dicho idioma. 4

10 ARTÍCULOS En el capítulo 8.2 Opciones de Diseño de escaparates explicaremos el campo URL. Figura 2-2. Pantalla de Nueva familia. La confirmación de los datos en esta pantalla (mediante el botón OK) generará una nueva línea en la lista de familias. De todas formas en el comercio no aparecerá la familia creada hasta que no creemos como mínimo una subfamilia. (a) Acceso a la pantalla de Lista de subfamilias de la familia Figura 2-3. Pantalla de Lista de familias con una familia. 5

11 ARTÍCULOS Mediante la lista de familias, podemos ver de forma resumida los datos de todas las familias que contiene nuestro comercio, haciendo más fácil su mantenimiento y posibles modificaciones futuras (ver Figura 2-3). 2.2 Creación de una subfamilia Desde la pantalla de la Figura 2-3 se puede acceder a la pantalla de Lista de subfamilias haciendo clic en la opción Subfamilias que se encuentra a la derecha de la familia seleccionada (Figura 2-3 (a)). Esta lista estará inicialmente vacía. Para añadir una nueva subfamilia debe hacer clic en la opción Nueva (Figura 2-4 (a)). (b) Familia donde vamos a crear una nueva subfamilia (a) Creación de una nueva subfamilia Figura 2-4. Pantalla de Lista de subfamilias. En esta pantalla aparecen todas las subfamilias de una determinada familia. La familia a la que hacemos referencia se encuentra en la parte superior izquierda, debajo de Lista de subfamilias (Figura 2-4 (b)). En nuestro ejemplo es Ropa. En este momento, le aparecerá una nueva pantalla, que le permitirá introducir los datos relativos a la nueva subfamilia (ver Figura 2-5). Deberá rellenar obligatoriamente los siguientes campos: Código. Es un identificador único para cada subfamilia de una misma familia, formado por un máximo de 5 caracteres (números y letras). En nuestro ejemplo, utilizaremos el código numérico

12 ARTÍCULOS En este caso, hemos utilizado el mismo código que habíamos dado a la familia Ropa. Por lo tanto, una familia y una subfamilia pueden tener el mismo código. De la misma forma, dos subfamilias que pertenecen a familias distintas, pueden tener códigos iguales. Igual que con las familias, es recomendable poner códigos numéricos. Descripción. Es el nombre de la subfamilia tal como aparecerá en el comercio. Es necesario introducir un nombre (en nuestro ejemplo, Calzado). Figura 2-5. Pantalla de Nueva subfamilia. La confirmación de esta pantalla (mediante el botón OK) generará una nueva línea en la lista de subfamilias de la familia seleccionada (ver Figura 2-6 (a)). 7

13 ARTÍCULOS (a) Acceso a la pantalla de Lista de artículos desde la subfamilia Calzado Figura 2-6. Pantalla de Lista de subfamilias con una subfamilia. Ya hemos creado una subfamilia, con nombre (descripción) Calzado, por lo que nos aparece la primera línea en la lista de subfamilias referente a la familia Ropa del comercio. Ahora ya podemos comprobar en nuestro comercio, cómo aparecen por primera vez la familia y la subfamilia que hemos creado Si ya tiene el comercio visible en una ventana, será necesario que haga una actualización de dicha ventana mediante el botón de refresco del navegador. Si todavía no había accedido al comercio YLOS, simplemente tendrá que abrirlo para ver los datos actualizados. (a) Botón de refresco del navegador (Internet Explorer) (b) Familia y subfamilia creadas Figura 2-7. Resultado en el comercio. 8

14 ARTÍCULOS 2.3 Inserción de un artículo Desde la pantalla de la Figura 2-6 se puede acceder a la pantalla de Lista de artículos haciendo clic en la opción Artículos que se encuentra a la derecha de la subfamilia seleccionada (ver Figura 2-6 (a)). Esta lista estará inicialmente vacía. Para añadir un nuevo artículo debe hacer clic en la opción Nuevo (Figura 2-8(a)). (b) Familia y subfamilia donde vamos a crear un nuevo artículo (a) Creación de un nuevo artículo Figura 2-8. Pantalla de Lista de artículos. En esta pantalla aparecen todos los artículos de una determinada subfamilia. La familia y subfamilia a las que pertenecen los artículos se encuentra en la parte superior izquierda, debajo de Lista de artículos (Figura 2-8 (b)). En nuestro ejemplo la familia es Ropa y la subfamilia Calzado. En este momento, le aparecerá una nueva pantalla, que le permitirá introducir los datos relativos al nuevo artículo. Esta nueva ventana, la de Nuevo artículo, la dividiremos en 4 secciones, para una mejor explicación de cada una de ellas. (ver Figura 2-9 y Figura 2-10 a). Figura 2-9. Pantalla de Nuevo artículo (General). 9

15 ARTÍCULOS - La primera sección es General (ver Figura 2-9) es donde deberá rellenar obligatoriamente los siguientes campos: Código. Es un identificador único para cada artículo, formado por un máximo de 20 caracteres (números y letras). En nuestro ejemplo, utilizaremos el código numérico Los códigos de artículos serán diferentes aunque pertenezcan a subfamilias distintas. Otros ejemplos posibles son: , 1000, ZAPSEV001, etc. Descripción. Es el nombre del artículo tal y como aparece en el comercio. Se necesita introducir un nombre. Llamaremos Mocasines Sepaco a nuestro artículo. Familia / Subfamilia. Aparecerá el nombre de la familia y subfamilia a las cuales pertenece nuestro artículo. Así, se mostrará Ropa / Calzado. - La segunda sección es Datos económicos. Según el plan de precios acordado con YLOS, usted dispondrá de un solo precio o de varios precios. Vamos a ver los dos ejemplos: Si en su comercio se contemplan varios precios, la sección Datos económicos será como se muestra en la Figura 2-10 a. Figura 2-10 a. Pantalla de Nuevo artículo (datos económicos). Podrá rellenar opcionalmente los siguientes campos: Precio. Cada artículo puede tener hasta un máximo de 10 precios. Por ahora sólo pondremos precio en la casilla de Precio A. En nuestro ejemplo, introduciremos un valor de Ptas. para este artículo. Cuando introduzca la cantidad, no use ningún separador de miles (ni la coma, ni el punto) ya que el programa lo interpretará como un separador decimal. 10

16 ARTÍCULOS Publicar en Tarifa: Un comerciante puede querer ofrecer sus artículos a un precio inferior a determinados clientes. Para facilitar esta gestión, un comercio YLOS permite establecer distintos precios para un mismo artículo y además, es capaz de mostrar el precio correcto según el cliente que lo esté consultando. El comerciante puede fijar hasta diez precios diferentes por artículo. Si el comercio dispone de un solo precio en la sección Datos económicos se contemplará solamente una casilla para introducir el precio estipulado para cada artículo (Figura 2-10 b). Figura 2-10 b. Pantalla de Nuevo artículo (datos económicos). Tipo de IVA: El comerciante puede cambiar el tipo de IVA de un artículo podrá escoger entre: Súper Reducido, Reducido, Normal o Lujo. Gastos de Envío: Existe también la posibilidad que el artículo que el cliente esté comprando sea un servicio y no un bien físico, y como tal, no sea necesario cobrar gastos de envío. El comerciante puede controlar estos casos especificando la naturaleza de cada artículo. Si el comerciante desactiva la opción Tiene Gastos de Envío, el artículo va ha ser considerado como un servicio y no va a tener gastos de envío. Por defecto aparece activada esta opción al introducir un nuevo artículo en el comercio - En la sección Comentarios puede rellenar opcionalmente los siguientes campos: Figura Pantalla de Nuevo artículo (comentarios). Descripción adicional. El comerciante también podrá añadir una descripción al artículo que esté dando de alta. Podrá introducir un texto no superior a 100 caracteres 11

17 ARTÍCULOS que aparecerá en la ficha y en la minificha del artículo. Por ejemplo, para los Mocasines Sepaco añadiremos el siguiente texto: Zapatos de gran calidad. Comentario. Es un texto ilimitado que puede ser escrito en HTML, activando la opción Este comentario contiene HTML. Utilizando HTML, se puede conseguir ofrecer un aspecto más elaborado en los textos: negritas, subrayados, tipos de fuente, etc. No es necesario que se escriba directamente en este espacio, es decir, puede generar el HTML en cualquier editor y copiarlo aquí posteriormente. Este texto aparecerá en la ficha del artículo, dándole al cliente información más detallada sobre el artículo. Consideraremos el siguiente texto que no está escrito en HTML: Características Estos zapatos están hechos en piel de bovino. La suela es de goma de gran resistencia. Los cordones están realizados en algodón. - La última sección Imágenes permite introducir imágenes para completar el diseño del comercio. Esta opción se detallará en el capítulo Fotografías en la Edición de un artículo de este manual. La confirmación de la pantalla de Nuevo artículo (mediante el botón OK, en la parte inferior) generará una nueva línea en la lista de artículos para la familia y la subfamilia seleccionadas. 12 Figura Pantalla de Lista de artículos con un artículo.

18 ARTÍCULOS Una forma alternativa de insertar un nuevo artículo es accediendo des del menú Mantenimientos el submenú Artículos en el Backoffice. La diferencia está en que ahora no se selecciona una familia y una subfamilia determinadas, y por esta razón la lista que se mostrará será de todos los artículos del comercio. Una vez en la pantalla de Nuevo artículo, se deberá seleccionar la familia y la subfamilia a las cuales pertenezca el nuevo artículo que se desea introducir. De la otra forma la familia y la subfamilia quedaban seleccionadas automáticamente. Ahora podemos ver cómo se muestra el nuevo artículo en el comercio. Así, al hacer clic sobre una subfamilia (Figura 2-12 (a)) aparece una lista con todos los artículos propios de esa subfamilia. Para cada uno de los artículos de la lista se muestran sus datos básicos. El conjunto de estos datos del artículo recibe el nombre de Minificha del artículo (Figura 2-12 (c)). (b) Número de artículos de la subfamilia Calzado (c) Minificha del artículo Mocasines Sepaco (a) Acceso a la lista de artículos de la subfamilia Calzado (d) Acceso a la ficha del artículo Mocasines Sepaco Figura Pantalla de Minifichas de los artículos de la subfamilia Calzado. Esta pantalla muestra una lista de los artículos mediante minifichas, pertenecientes a la familia Ropa y subfamilia Calzado. Ahora la lista se compone de un único artículo (Mocasines Sepaco). Haciendo clic encima del nombre (descripción) del artículo (Figura 2-12 (d)) accederemos a los datos ampliados de dicho artículo. El conjunto de estos datos recibe el nombre de Ficha del artículo, que nos muestra toda la información del artículo seleccionado 13

19 ARTÍCULOS (b) Referencia (código) del artículo (a) Ficha del artículo Mocasines Sepaco Figura Pantalla de Ficha del artículo. Una vez hemos visto cómo introducir nuestro primer artículo en el comercio, ubicándolo en una familia y subfamilia concretas, debe añadir nuevos artículos para tener un ejemplo más real de un comercio YLOS, y así poder entender de forma más clara el resto de capítulos ( Figura 2-14). (a) Búsqueda de un artículo (b) Acceso a la Búsqueda avanzada de un artículo Figura Pantalla de Lista de artículos con seis artículos. 14

20 ARTÍCULOS 2.4 Búsqueda de un artículo en el Backoffice El primer paso para modificar un artículo consiste en encontrarlo en el Backoffice. En el ejemplo que estamos siguiendo sólo hemos introducido 6 artículos, con lo cual no hay ningún problema para encontrar el que queremos cambiar. Supongamos que el número de artículos sea superior a En este caso, podemos aplicar 2 procesos sucesivos de selección que nos pueden simplificar la búsqueda. Si conocemos la familia y la subfamilia a las que pertenece el artículo, podemos ir a la pantalla de Lista de familias (Mantenimiento / Familias), y seleccionar la familia del artículo (Figura 2-3). En este momento aparecerá la Lista de subfamilias de dicha familia, de las cuales seleccionaremos nuevamente la que pertenezca al producto buscado (Figura 2-6(a)). De esta forma, hemos conseguido reducir la lista de artículos a aquellos que sean de la misma familia y subfamilia que el artículo a editar. En caso de no estar seguros de la familia y la subfamilia del artículo, podemos ir directamente a la pantalla de Lista de artículos desde el submenú Artículos del menú Mantenimientos. En este caso, la lista contendrá todos los artículos del comercio (ver Figura 2-14). Una vez en la pantalla de Lista de artículos, podemos utilizar la herramienta de búsqueda que se encuentra en la parte superior izquierda de la pantalla (Figura 2-14 (a)). Disponemos de un campo en el que podemos introducir el texto a buscar. El resultado de la búsqueda lo compondrán todos los artículos que contengan el texto en su Código, Descripción, Descripción adicional o Comentario. También tenemos la posibilidad de ser más específicos, indicando qué buscamos para cada campo (un determinado texto para Código, otro para Descripción, etc.).para ello, podemos apretar la opción Búsqueda avanzada (Figura 2-14 (b)), de forma que nos saldrá la siguiente pantalla: 15

21 ARTÍCULOS (a) Familia y subfamilia seleccionadas (b) Búsqueda por código y por descripción (c) Acceso a Búsqueda (d) Edición de un artículo (e) Borrado de un artículo Figura Pantalla de Búsqueda avanzada en el Backoffice. Esta pantalla nos muestra los dos artículos que ha encontrado que cumplen las siguientes condiciones: son de la familia Ropa y de la subfamilia Calzado (Figura 2-15), contienen los números 000 en el campo Código y la palabra Mocasines en el campo Descripción (Figura 2-15 (b)). En esta pantalla se ve que hemos hecho un primer proceso de selección accediendo por Familia y Subfamilia (por esto aparece esta selección en la (Figura 2-15(a)). En los campos de Búsqueda avanzada hemos rellenado el campo Código y el campo Descripción para encontrar aquellos artículos cuyo código contenga los números 000 y, a la vez, la descripción contenga la palabra Mocasines. 2.5 Modificaciones en un artículo Cuando haya añadido varios artículos en su comercio, seguramente se encontrará con la necesidad de modificar algún dato de los que ha introducido. Puede ser que necesite variar el precio o descripción de algunos artículos, cambiarlo de familia, quitar alguno que quiere dejar de vender, o dejarlo de mostrar por unos días mientras no disponga de él en stock. En los capítulos siguientes veremos cómo realizar cambios en un artículo. El funcionamiento general de modificación de datos en el Backoffice es siempre el mismo, por lo que los conocimientos que se aprendan para la edición de artículos, también servirán para modificar los restantes datos introducidos: familias, subfamilias, etc. Una vez hemos encontrado el artículo que queremos modificar, podemos acceder a la información que contiene, haciendo clic en la opción Editar (Figura 2-15 (e)). Por ejemplo, si editamos Mocasines Sepaco, obtendremos la pantalla de Edición del artículo (ver Figura 2-16). 16

22 ARTÍCULOS En esta pantalla podemos modificar todos los datos introducidos excepto el Código (si nos viésemos obligados a cambiar el código, la única posibilidad sería borrar el artículo y crearlo de nuevo). Una vez hechos los cambios correspondientes en la pantalla, los podemos confirmar apretando el botón OK. (a) Campo Publicar Figura Pantalla de Edición del artículo. En esta pantalla podemos modificar prácticamente todos los datos del artículo Mocasines Sepaco. El único campo que no podemos modificar es el Código del artículo Como ejercicio podemos modificar el precio de los Mocasines Lopuce y hacer que pasen a valer Ptas. 2.6 Borrar y despublicar artículos, familias y subfamilias Cuando queremos dejar de mostrar un artículo en el comercio tenemos dos posibilidades: borrarlo o despublicarlo. Borrar un artículo implica eliminarlo completamente, de forma que quedan eliminados todos los datos asociados. Una opción alternativa consiste en no eliminar el artículo del Backoffice, pero impedir que aparezca en el comercio, de forma que resulte sencillo volver a mostrarlo en un futuro. Esta acción recibe el nombre de despublicar el artículo. A continuación se explican las dos posibilidades. - Para despublicar un artículo, debemos Editar el artículo (Mantenimiento / Artículos), y desactivar su opción Publicar (Figura 2-16(a)). A partir de este momento, el artículo no se verá en el comercio pero en el Backoffice continuará apareciendo. De esta forma, el día que queramos que se vuelva a mostrar, sólo hará falta volver a activar la opción Publicar. 17

23 ARTÍCULOS El funcionamiento es igual para familias y subfamilias, con la ventaja de que podemos despublicarlas sin tener que despublicar o borrar los artículos que dependan de ellas. - Para borrar un artículo en lugar de editarlo, debemos apretar la opción Borrar del artículo correspondiente (Figura 2-15 (e)). Debemos tener en cuenta que no se puede borrar un artículo si está en algún pedido o si tiene una ficha de escaparate. Si queremos borrar una familia o una subfamilia, el comportamiento es igual, con la restricción (por motivos de seguridad) de que no podemos eliminar una familia mientras tengamos subfamilias que dependan de ella; tampoco podemos borrar una subfamilia si ésta tiene artículos. 18

24 CLIENTES Y PEDIDOS 3 CLIENTES Y PEDIDOS 3.1 Compra de un artículo Un cliente puede comprar artículos desde distintos puntos del comercio. A continuación detallamos cuáles son: Minificha del artículo. En la pantalla de Lista de artículos de una subfamilia (ver Figura 3-1) aparece una lista con todos los artículos de la familia Ropa y de la subfamilia Calzado. Cada minificha presenta una descripción básica del artículo y permite comprar dicho artículo pulsando el botón Comprar (Figura 3-1 (a)). Ficha del artículo. Esta pantalla (ver Figura 3-2) muestra una descripción completa del artículo seleccionado en la pantalla de Lista de artículos de una subfamilia (Figura 3-1). Al igual que en las minifichas, cada ficha también permite comprar el artículo haciendo clic en el botón Comprar (Figura 3-2 (a)). Ficha del escaparate. En el capítulo 8.2 Escaparates veremos el concepto de escaparate. También podremos comprar los artículos desde las fichas que allí se presentan. (a) Compra de un artículo Figura 3-1. Pantalla de Lista de artículos de una subfamilia. 19

25 CLIENTES Y PEDIDOS (a) Compra de un artículo Figura 3-2. Pantalla de Ficha del artículo. Después de pulsar cualquier botón Comprar, le aparecerá una nueva pantalla llamada Carro de la compra (ver Figura 3-3). En esta pantalla introducirá todos aquellos artículos que desee adquirir (de forma análoga a como se haría con un carro de la compra). A continuación vamos a comentar con detalle cuáles son las funcionalidades de esta pantalla. (a) Pagar los artículos del Carro de la compra (d) Eliminar el artículo (e) Vaciar el Carro de la compra (c) Número de unidades por artículo (b) Recalcular los importes del Carro de la compra Figura 3-3. Pantalla del Carro de la compra. En este ejemplo, el carro únicamente contiene un artículo (Botas Lopuce). En esta pantalla, el cliente podrá pasar por caja para ejecutar la compra, recalcular los importes si ha realizado alguna modificación en el número de unidades por artículo, eliminar los artículos que desee o vaciar el carro de la compra si éste estuviera lleno de productos que anteriormente hayamos adquirido pero que en este pedido no queremos adquirir. 20

26 CLIENTES Y PEDIDOS La pantalla del Carro de la compra muestra la lista de artículos que han sido escogidos por el cliente en su recorrido por el comercio. Cada línea de esta lista muestra la siguiente información: Artículo. Contiene el nombre del artículo que se desea comprar. En nuestro ejemplo hemos escogido Botas Lopuce. Cantidad. Indica las unidades a comprar del artículo seleccionado (Figura 3-3(c)). El valor que aparece por defecto es 1, es decir, si hacemos clic el botón Comprar en un artículo determinado, se incorpora una unidad de dicho artículo. Para este ejemplo no la modificaremos. Precio unitario. Es el precio de una unidad del artículo escogido. Para las Botas Lopuce es Ptas. Subtotal base. Es el precio unitario por las unidades del artículo que se quiere adquirir. Aquí, el valor se obtiene multiplicando Ptas./unidad x 1 unidad = Ptas. % IVA. Impuesto en forma de porcentaje que se aplica sobre el subtotal base. Depende del tipo de cliente y del artículo que se está adquiriendo. Para nuestro caso es 16%. En la sección de Impuestos lo explicaremos (capítulo 3.5). Subtotal IVA. Importe del impuesto que se está aplicando. Aquí, el subtotal IVA se obtiene multiplicando el subtotal base ( Ptas.) por el %IVA (16%). El valor resultante es Ptas. Subtotal carro. Es la suma del subtotal base ( Ptas.) y del subtotal IVA (2.000 Ptas.). El valor que se obtiene es Ptas. Borrar. Activando esta opción (Figura 3-3 (d)) se puede eliminar un artículo del carro. Para ello, se debe hacer clic posteriormente en el botón Recalcular (Figura 3-3 (b)). En la parte superior de esta pantalla existen dos botones que le permitirán hacer modificaciones en el Carro de la compra: Vaciar (Figura 3-3(e)). Permite vaciar completamente el Carro de la compra. Esta opción será muy útil cuando el cliente quiera hacer un pedido totalmente distintos a los que acostumbra a realizar. El comercio YLOS va añadiendo al Carro de la Compra, artículos que anteriormente haya adquirido el cliente (esta función está pensada para agilizar los pedidos de los clientes, ya que en la mayoría de ocasiones los artículos adquiridos y la cantidad de éstos, es siempre la misma). 21

27 CLIENTES Y PEDIDOS Recalcular (Figura 3-3(b)). Recalcula los importes existentes en el carro. Esta opción la utilizará cuando haya decidido cambiar la Cantidad (Figura 3-3(c)) que se asigna por defecto o los productos que quiera comprar. Por ejemplo, supongamos que quisiera comprar dos pares de Botas Lopuce. Simplemente tendría que poner un 2 en la cantidad de este artículo y apretar el botón de recalcular. Recomendamos que pulse sobre el botón recalcular siempre que haya hecho algún cambio en el Carro de la compra. Pasar por caja (Figura 3-3 (a)). Permite confirmar el pedido. Al seleccionar esta opción pueden ocurrir 2 cosas: El cliente no está identificado. - Si el usuario es nuevo, se iniciará el proceso para que se dé de alta en el comercio (ver capítulo Alta desde el comercio). Al finalizar con el proceso de registro, volverá a la pantalla de Confirmación del pedido y podrá seguir tramitando el pedido. - Si el usuario ya está registrado, aparecerá la pantalla que le permitirá identificarse introduciendo su y su password (ver Figura 3-4). Después de identificarse le llevará a la pantalla de Confirmación del pedido. Figura 3-4. Pantalla de Identificación. El cliente ya está identificado. En este caso se accederá directamente a la pantalla de Confirmación de pedido. En la pantalla de Confirmación del pedido (ver Figura 3-5), usted podrá verificar si los datos de su pedido son correctos. Los datos que podrá revisar son los siguientes: Artículos pedidos. Presenta una lista con los artículos introducidos en el Carro de la compra. 22

28 CLIENTES Y PEDIDOS Datos personales. Muestra los datos personales del cliente. Estos datos se introducen en el proceso de alta de un usuario. Datos de envío. Calcula los gastos de envío del pedido. Más adelante veremos cómo configurar las zonas de envío y determinar sus costes desde el Backoffice (capítulo 3.4 Zonas de envío). Forma de pago. Muestra la forma de pago seleccionada por el cliente. Ésta también se especifica en el proceso de alta. Más adelante veremos las distintas formas de pago que puede escoger un cliente (capítulo Formas de pago en el comercio). Observaciones. Usted podrá añadir comentarios en el pedido, tales como horarios de entrega, etc. Coste total. Calcula la suma total a pagar por el cliente. Concretamente suma el total en el carro y los gastos de envío. Si todos los datos son correctos, deberá hacer en clic la opción Confirmar pedido para poder enviar su pedido al comerciante. Este botón se encuentra al final de la pantalla de Confirmación del pedido. 23

29 CLIENTES Y PEDIDOS (b) Modificación de los datos del cliente (a) Hacer el pedido como un usuario distinto (c) Modificación del Carro de la compra Figura 3-5. Pantalla de Confirmación del pedido. Desde esta pantalla, el cliente puede decidir realizar el pedido como un usuario distinto (Figura 3-5)(a)). Esta selección le llevará a la pantalla de Identificación (Figura 3-4). En ella tendrá que introducir el nuevo y el password correspondiente. Esta acción le llevará nuevamente a la pantalla de Confirmación del pedido (Figura 3-5) pero como un usuario distinto. Otra acción permitida desde esta pantalla es la modificación de los datos del cliente (Figura 3-5(b)). Supongamos que solicitó pagar contra reembolso en este comercio. Mediante esta opción, puede modificar su forma de pago y escoger una nueva. Este tipo de información se recoge en el formulario de alta de un cliente. Por último, esta pantalla también le permitirá hacer modificaciones en el Carro de la compra. Haciendo clic en la opción Editar (Figura 3-5(c)) accederá nuevamente a la pantalla del Carro de la compra (Figura 3-3). 24

30 CLIENTES Y PEDIDOS Una vez explicadas las funcionalidades de la pantalla de Confirmación del pedido (Figura 3-5), enviaremos nuestro pedido al comerciante haciendo clic en el botón Confirmar pedido. El resultado en el comercio será el siguiente: Figura 3-6. Pantalla de Pedido enviado. Al apretar el botón Confirmación del pedido, el pedido se gestiona en el comercio, generándose dos mensajes de correo electrónico de confirmación: uno para el comerciante y otro para el cliente. A continuación los mostramos: Figura que recibe el comerciante. 25

31 CLIENTES Y PEDIDOS Figura que recibe el cliente. 3.2 Gestión de un pedido Una vez generado el pedido, la ventana de Bienvenida (ver Figura 1-2) nos informa que existe un pedido pendiente. Pulsando sobre el link Más Información accedemos al menú Ventas que nos permite gestionar el pedido. Dentro del menú Ventas existen dos submenús: Pedidos pendientes y Pedidos tramitados. El primer submenú permite acceder a la pantalla de Lista de pedidos pendientes (ver Figura 3-9) donde aparece una lista con los pedidos que todavía no se han tramitado. Los pedidos se pueden incorporar a esta lista de dos formas distintas: 26 Desde el comercio. Cuando un cliente confirma un pedido (Figura 3-5), dicho pedido se añade a la Lista de pedidos pendientes del comerciante. Desde el Backoffice. El comerciante puede dar de alta un pedido haciendo clic en la opción Nuevo (Figura 3-9 (b)).

32 CLIENTES Y PEDIDOS En nuestro ejemplo tenemos un pedido solicitado por María Pérez García desde el comercio. (b) Creación un nuevo pedido (a) Edición de un pedido pendiente Figura 3-9. Pantalla de Lista de pedidos pendientes con un pedido. A continuación vamos a editar el pedido que está pendiente (Figura 3-9 (a)). La pantalla de Edición de un pedido (ver Figura 3-10) nos permitirá ver qué información le llega al comerciante cuando un cliente confirma un pedido desde el comercio. 27

33 CLIENTES Y PEDIDOS (a) Modificación del estado del pedido (b) Selección de otro cliente (c) Añadir una nueva línea de pedido Figura Pantalla de Edición de un pedido. En esta pantalla el comerciante dispone de toda la información necesaria para poder tramitar el pedido. Está distribuida de la siguiente manera: General. Muestra los datos generales del pedido tales como el número de pedido, el estado en que se encuentra, la fecha de solicitud, la fecha de entrega y la forma de pago. También aparecen los datos personales del cliente. Lista de líneas de pedido. Muestra una lista con todos los artículos que forman el pedido. En este apartado el comerciante puede cambiar la tarifa del cliente. En el ejemplo, el cliente tiene asignada la tarifa A, que es la que el comercio aplica a los nuevos usuarios por defecto. También aparece la divisa del comercio y los datos económicos del pedido. Así, se detalla el coste del pedido después de haberle añadido los impuestos correspondientes. En el ejemplo: Base imponible (21500 Ptas.) + Impuestos (3440 Ptas.) = Total (24940 Ptas.). El porcentaje de IVA aplicado es 16%. Forma de pago: El comerciante podrá ver y modificar, si así lo desea, la forma de pago para este pedido. Esto no implica que modifique la forma de pago para todos los pedidos que solicite el cliente. 28

34 CLIENTES Y PEDIDOS Datos de envío. Aquí se pueden modificar los gastos de envío del pedido. Para este ejemplo, los gastos de envío valen 0. Observaciones. Aquí se pueden añadir las observaciones que sean necesarias. Existen dos tipos de observaciones: las realizadas por el comerciante y las realizadas por el cliente. No todos los campos mostrados se pueden modificar. Para que cualquier modificación sobre los datos se actualice, es necesario que el comerciante haga clic en el botón OK que se encuentra al final de la pantalla de Edición de un pedido. Así, si alguna opción nos llevase a otra pantalla, las posibles modificaciones realizadas en ésta desaparecerían. Vamos a explicar las modificaciones permitidas en el apartado General. El comerciante puede modificar el estado de un pedido (ver Figura 3-10(a)). Los valores posibles que puede tomar dicho estado son: Pendiente o Tramitado. Si el comerciante pone un pedido en el estado de Tramitado, éste desaparecerá de la pantalla de Lista de pedidos pendientes (Figura 3-9) y aparecerá en la pantalla de Lista de pedidos tramitados (ver Figura 3-15). El comerciante también puede cambiar el cliente que hizo el pedido. Supongamos que un cliente hizo un pedido de su empresa a título personal y ahora desea que se haga a nombre de dicha empresa. El comerciante puede realizar este cambio mediante la opción Seleccionar (ver Figura 3-10 (b)). Si hace clic en esta opción, le aparecerá la pantalla de Lista de clientes (ver Figura 3-11). (a) Selección de un nuevo cliente para el pedido Figura Pantalla de Lista de clientes. En esta pantalla aparece una lista con todos los clientes del comercio. 29

35 CLIENTES Y PEDIDOS En esta pantalla el comerciante puede seleccionar cualquier cliente que se encuentre en la lista haciendo clic en la opción Seleccionar (Figura 3-11 (a)). En estos momentos, como sólo existe un cliente en el comercio deberá escoger el mismo. Después de hacer clic, volverá nuevamente a la pantalla de Edición de un pedido (ver Figura 3-10). Si anteriormente hubiera hecho alguna modificación en la pantalla de Edición de un pedido, ahora al regresar la habría perdido. El comerciante también puede añadir una nueva línea de pedido haciendo clic sobre Nuevo (ver Figura 3-10 (c)). Escogiendo esta opción, le aparecerá la pantalla de Lista de artículos (ver Figura 3-12 ) que le mostrará todos los artículos disponibles en el comercio. (a) Selección de un nuevo artículo Figura Pantalla de Lista de artículos. En esta pantalla el comerciante puede escoger cualquier artículo que se encuentre en la lista haciendo clic sobre la opción Seleccionar (Figura 3-12 (a)). Después de seleccionar los Mocasines Sepaco, le aparecerá la pantalla de Nueva línea de pedido (ver Figura 3-13). 30

36 CLIENTES Y PEDIDOS Figura Pantalla de Nueva línea de pedido. En esta pantalla el comerciante puede modificar el número de línea, la descripción del artículo, el precio de venta y la cantidad pedida. Estos campos son los que se ven en cada línea de pedido. El número de línea es asignado de forma automática y es múltiplo de cinco, aún así, el comerciante puede decidir cambiarlo y asignar uno que no esté en uso. Después de apretar el botón OK, volverá nuevamente a la pantalla de Edición de un pedido (ver Figura 3-10) pero con una línea de pedido más (la de los mocasines). El comerciante también puede cambiar la fecha de solicitud y la fecha de entrega del pedido, al igual que la forma de pago. Acabamos de ver cómo un comerciante puede modificar un pedido desde el Backoffice. A continuación vamos a ver cómo puede crear uno nuevo. Para solicitar un pedido desde el Backoffice, deberá hacer clic en la opción Nuevo (Figura 3-9 (b)) de la Lista de pedidos pendientes. Al escoger esta opción, le aparecerá la pantalla de Lista de clientes (Figura 3-11), donde deberá escoger uno de los clientes del comercio. La selección de un cliente mediante la opción Seleccionar le llevará a la pantalla de Crear un pedido (ver Figura 3-14). 31

37 CLIENTES Y PEDIDOS Figura Pantalla de Crear un pedido. En esta pantalla el comerciante deberá rellenar todos aquellos campos necesarios para poder dar de alta el pedido. Como previamente hemos asignado un cliente a este pedido, los datos personales, la forma de pago y el tipo de tarifa aparecen especificados. Las fechas de solicitud y de entrega coinciden con el día de hoy. La divisa que se muestra por defecto es la del comercio y el número de pedido es asignado de forma automática. Inicialmente, el estado del pedido es Pendiente. En estos momentos no existe ninguna línea de pedido. El comerciante mediante la opción Nueva puede añadirlas, tal y como se ha explicado anteriormente. Cuando una línea se añade a la lista, los diferentes importes son recalculados. El comerciante puede realizar las mismas modificaciones que en la Edición de un pedido. En el menú Ventas existe el submenú Pedidos Tramitados (ver Figura 3-15), esta ventana nos muestra los pedidos que han sido gestionados, con lo cual han desaparecido de la pantalla de Pedidos Pendientes (Figura 3-9). 32

38 CLIENTES Y PEDIDOS (a) Edición de un pedido tramitado Figura Pantalla de Lista de pedidos tramitados. Esta pantalla muestra una lista con todos los pedidos que el comerciante ha tramitado. El hecho de cambiar el estado de un pedido de Pendiente a Tramitado no desencadena ningún proceso. Simplemente le sirve de ayuda al comerciante en su gestión interna. Esta pantalla no dispone de la opción Nuevo, ya que no se pueden generar pedidos tramitados nuevos. Éstos se crean desde la pantalla de Lista de pedidos pendientes (Figura 3-9), cambiando posteriormente su estado. Si hace clic en la opción Editar (Figura 3-15 (a)), le aparecerá la pantalla de Edición de un pedido (ver Figura 3-10). Ésta coincide exactamente con la que obtuvo en el submenú de Pedidos pendientes. 3.3 Alta de un cliente En un comercio YLOS podemos dar de alta a los usuarios desde el Backoffice o se pueden registrar ellos mismos desde el comercio Alta desde el Backoffice Desde el Backoffice el comerciante puede dar de alta a un nuevo cliente desde el menú Mantenimientos en el submenú Clientes (ver Figura 3-16). En la pantalla que se muestra a continuación aparece una lista de todos los clientes, tanto los que ha dado de alta el comerciante como los registrados desde el comercio. Esta lista inicialmente está vacía. Para añadir un nuevo cliente desde el Backoffice debe hacer clic en la opción Nuevo (Figura 3-16 (a)). 33

39 CLIENTES Y PEDIDOS (a) Alta de un nuevo cliente Figura Pantalla de Lista de clientes. En este momento, le aparecerá una nueva pantalla, que le permitirá introducir los datos relativos al nuevo cliente. 34 Figura Pantalla de Nuevo usuario en el Backoffice.

40 CLIENTES Y PEDIDOS Deberá rellenar obligatoriamente los siguientes campos: Código. Es un identificador único para cada cliente, que es imprescindible para la gestión interna del comercio. Si este campo se deja en blanco, es la propia aplicación YLOS la que genera un código numérico distinto a todos los existentes hasta el momento (código auto-incremental). Por lo tanto, se recomienda que no se introduzca ningún código. Si se introdujese un código manualmente, éste debería ser numérico. . Es un identificador único para cada cliente formado por una dirección de correo electrónico. El cliente utilizará esta dirección para identificarse en el comercio. Más tarde veremos cómo funciona la identificación de un usuario en un comercio YLOS. En este ejemplo utilizaremos maria@su-dominio.com. Password. Es un código personal que permite al cliente validar su identificación en el comercio. Está formado por un conjunto de números y letras, entre 5 y 8 caracteres. En nuestro ejemplo hemos escogido Mar26. Por motivos de seguridad, el password será encriptado cuando lo introduzca, con lo cual deberá introducirlo dos veces para asegurar una correcta escritura de éste. El password debe ser un código suficientemente fácil de memorizar por el cliente y bastante complejo para que sea difícil de imaginar por un extraño. Algunos métodos buenos para crear un password son: poner ciertas letras en mayúsculas o mezclar letras y números. Un mal ejemplo, sería utilizar como password el mismo nombre que el usado en el (en nuestro ejemplo maria). Nombre. Debe contener el nombre y los apellidos del cliente. En nuestro ejemplo usaremos Maria Pérez García. Dirección. Es el destino en el que el cliente quiere recibir sus pedidos. Por ejemplo: C/ Las Moradas núm. 12 2º1ª. Código postal. Es el código de la zona donde se encuentra la dirección dada por el cliente. Para nuestra dirección será el Población. Es el lugar asociado a la dirección del cliente. Aquí introduciremos Barcelona. País. Es el país donde se encuentra la población del cliente. En nuestro caso será España. Tel #1. Principal teléfono de contacto. Aquí pondremos el número de teléfono del cliente. 35

41 CLIENTES Y PEDIDOS Idioma. Contiene los idiomas configurados en el comercio. Debemos escoger aquella lengua en la que el cliente quiera ver el comercio. Seleccionaremos Español. Tarifa. El comerciante también puede determinar qué tarifa aplicar a cada cliente (ver Figura 3-17). podrá escoger entre las 10 tarifas posibles y Precio Oculto. Si escoge la última opción, el cliente no verá el precio de los artículos. La tarifa seleccionada por defecto es la A. Tipo IVA: Podrá escoger entre: Mayorista o Exento Datos de envío: En la casilla Zona, el comerciante podrá escoger una de las Zonas de envío que tenga configuradas en el Backoffice. En el espacio Zonas de envío (ver capítulo 3.4 Zonas de envío) el comerciante podrá modificar o incluir gastos de envío dependiendo de la zona (país, ciudad, comunidad autónoma...) a la que se envíe el pedido Forma de pago: El comerciante puede escoger o modificar la forma de pago de sus clientes. Si el comerciante escoge Recibo domiciliado deberá especificar el nombre del banco y el número de cuenta del cliente. Si selecciona Tarjeta de crédito y tiene activada la pasarela de pago de CyberCash, o bien selecciona Tarjeta de crédito manual, tendrá que especificar el número de tarjeta y su fecha de caducidad. En cualquier otra forma de pago no será necesario que rellene ninguno de estos campos. Dichas formas de pago deben estar correctamente configuradas y soportadas por el comercio (en el capítulo 3.6 se detallan todas las Formas de pago) El comerciante es el encargado de dar de alta al cliente y mediante este formulario puede recoger la siguiente información: datos de identificación, datos personales, datos económicos, datos de envío y forma de pago. La confirmación de esta pantalla (mediante el botón OK) generará una nueva línea en la lista de clientes, en nuestro caso la primera. 36

42 CLIENTES Y PEDIDOS (a) Envío de un (b) Edición de los datos de un cliente Figura Pantalla de Lista de clientes con un cliente. En este momento, el usuario que el comerciante acaba de registrar podrá identificarse en el comercio YLOS y disponer de un trato personalizado sobre los precios de los artículos. Desde esta pantalla, el comerciante podrá modificar los datos de cualquier cliente haciendo clic sobre la opción Editar (Figura 3-18 (b)), la cual le llevará a la pantalla de Edición del cliente (idéntica a la de Figura 3-17, pero con el código no modificable). El comerciante también podrá acceder al gestor de correo haciendo clic sobre la dirección de correo electrónico para enviar un a un cliente (Figura 3-18 (a)) Alta desde el comercio Desde un comercio YLOS, una persona que todavía no es cliente de dicho comercio puede decidir darse de alta. Para acceder a la pantalla de Identificación (Figura 3-19) deberá hacer clic en la opción Login (Figura 3-19 (a)) (esta opción está visible en todas las pantallas del comercio) o bien gestionar un pedido (si usted no estuviera dado de alta en el comercio, antes de Confirmar el pedido, le aparecería la pantalla de Identificación para que se diera de alta en el comercio y después podría seguir cursando el pedido). Esta pantalla permite que los usuarios ya registrados se identifiquen o bien que uno nuevo se dé de alta. Una vez en esta pantalla, el nuevo usuario hará clic la opción Es usted un nuevo usuario? (Figura 3-19 (b)) de la pantalla de Identificación. 37

43 CLIENTES Y PEDIDOS (a) Acceso a la pantalla de Identificación (b) Acceso a la pantalla de Nuevo usuario Figura Pantalla de Identificación. Esta opción le llevará a la pantalla de Nuevo usuario (ver Figura 3-20), donde deberá rellenar un formulario. Básicamente, éste se compone de los mismos campos que el formulario del Backoffice, por lo que sólo comentaremos las diferencias: El cliente no tiene la posibilidad de introducir el código de usuario (usado para la gestión interna del comercio). Dado que el cliente puede introducir sus datos en un lugar público, el password aparecerá escrito por pantalla en forma de asteriscos. Para evitar errores, se le pide al cliente que rescriba su password en el campo Confirme su password. Los campos que el nuevo usuario debe rellenar obligatoriamente, tienen el nombre resaltado en negrita. 38

44 CLIENTES Y PEDIDOS Figura Pantalla de Nuevo usuario en el comercio. Al apretar el botón OK, el nuevo cliente se dará de alta en el comercio. La pantalla de Bienvenida al Comercio (Figura 3-21) se le mostrará al cliente cuando se registre por primera vez en el comercio o cada vez que se identifique en él, sin estar pasando por caja, es decir, cuando el cliente no esté realizando un pedido. (a) Modificación de los datos del cliente Figura Pantalla de Bienvenida en el Comercio. 39

45 CLIENTES Y PEDIDOS También se habrían generado dos mensajes de correo electrónico de confirmación: uno para el comerciante y otro para el cliente. Figura que recibe el comerciante. Figura que recibe el cliente. 3.4 Zonas de envío Tal y como se ha explicado anteriormente, en el apartado Zonas de envío el comerciante podrá modificar o incluir gastos de envío dependiendo de la zona (país, ciudad, comunidad autónoma...) a la que se envíe el pedido. La configuración de las zonas de envío de los pedidos se realiza desde el menú Configuración en el submenú Envío (ver Figura 3-24) (a) Añadir una nueva zona de envío Figura Pantalla de Lista de zonas de envío. 40

46 CLIENTES Y PEDIDOS Esta pantalla muestra una lista con las zonas de envío del comercio. Siempre existe una zona por defecto, y ésta coincide con el país donde el comercio se ha dado de alta. Cabe la posibilidad de que el comerciante desee añadir nuevas zonas. Para ello debe hacer clic sobre Nueva (Figura 3-24 (a)). Seleccionando esta opción, accederá a la pantalla de Nueva zona de envío donde podrá introducir los datos relativos a la nueva zona. Figura Pantalla de Nueva zona de envío. Deberá rellenar obligatoriamente estos dos campos: Código. Es un identificador único para cada zona de envío. Está formado por un conjunto de números y letras no superior a 5 caracteres. Para este ejemplo utilizaremos FRA. Descripción. Es el nombre de la zona de envío que queremos dar de alta en el comercio. Escribiremos Francia. Mediante el campo Publicar podrá decidir mostrar o no una determinada zona de envío. Nosotros vamos a dejar activada esta opción para poder escoger posteriormente dicha zona. En el campo Gastos de envío podrá introducir el importe que desee cobrar a sus clientes por enviar el pedido a dicha zona. En este ejemplo vamos a introducir Ptas. Existen dos campos que están relacionados con la posibilidad de no cobrar los gastos de envío. Si el campo Activar importe mínimo con portes pagados está activado, antes de cobrar los gastos de envío al cliente, se comprobará que el importe del pedido sea inferior a la cantidad del campo Importe mínimo con portes pagados. Activaremos está opción e 41

47 CLIENTES Y PEDIDOS introduciremos Ptas. Así cuando un cliente realice un pedido superior a Ptas. (en este caso) no se le cobrarán gastos de envío. El comerciante es el responsable de crear nuevas zonas de envío y mediante este formulario establecer las tarifas que desea cobrar a sus clientes. La confirmación de esta pantalla (ver Figura 3-25), (mediante el botón OK) generará una nueva línea en la lista de zonas de envío, en este ejemplo la segunda. Figura Pantalla de Lista de zonas de envío con dos zonas. En este momento nuestro comercio permite enviar pedidos a España y a Francia. El comerciante no podrá borrar una zona de envío si existe algún cliente con dicha zona asignada. A continuación vamos a explicar cómo se puede cambiar la zona de envío de un cliente. Desde el comercio, el cliente puede cambiar la zona de envío editando sus datos desde dos pantallas diferentes: Pantalla de Confirmación del pedido ((Figura 3-5 (b)). Pantalla de Bienvenida en el Comercio (Figura 3-21). 42

48 CLIENTES Y PEDIDOS Desde el Backoffice, el comerciante puede cambiar la zona de envío de un cliente editando sus datos desde el submenú Clientes del menú Mantenimientos (Figura 3-18). Pongamos, por ejemplo que hemos realizado un nuevo pedido de 2 artículos. En la pantalla de Confirmación del pedido podemos modificar la zona de envío del cliente ahora será Francia-, el aspecto de Datos de envío de la pantalla de Confirmación del pedido será el siguiente: Figura Pantalla de Confirmación del pedido. En este ejemplo, el coste por enviar el pedido a Francia es de Ptas. Como el importe total es inferior a Ptas. (24940 Ptas.) los portes no son gratuitos. 3.5 Impuestos En España existe un impuesto llamado IVA que se aplica sobre el precio de los artículos. Este impuesto está en función del tipo de cliente y del tipo de artículo. Desde el menú Configuración en el submenú Impuestos podemos acceder a la pantalla de Impuestos (ver Figura 3-28). 43

49 CLIENTES Y PEDIDOS Figura Pantalla de Impuestos. En esta pantalla el comerciante puede determinar los porcentajes de IVA que debe aplicar a los artículos. Según el tipo de artículo tenemos cuatro porcentajes diferentes: 4% (super reducido), 7% (reducido), 16% (normal) y 28% (lujo). Éstos se aplicarán a clientes que sean mayoristas o detallistas, pero nunca a los exentos de pagar IVA. El comerciante puede decidir cómo introducir y mostrar los precios de los artículos en el comercio. Existen tres posibilidades: Introducir y mostrar los precios sin IVA. Introducir los precios sin IVA pero mostrarlos con IVA. Introducir y mostrar los precios con IVA. El comerciante también puede controlar la posibilidad de cobrar IVA en los pedidos no nacionales. La confirmación de esta pantalla (pulsando el botón OK) le dejará en la misma pantalla, pero con las modificaciones realizadas.. 44

50 CLIENTES Y PEDIDOS 3.6 Formas de pago Existen diferentes formas de pago soportadas por un comercio YLOS, para que sus clientes utilicen la que crean más cómoda y segura.. A continuación vamos a comentar cada una de ellas: Contra reembolso. Si un cliente selecciona esta forma de pago, decide pagar al comerciante cuando el artículo llega a sus manos. Generalmente, este artículo se envía por correo certificado o por mensajería, y sólo se entrega si el cliente lo paga. Recibo domiciliado. Esta forma de pago se utiliza normalmente entre empresas. La empresa que compra los artículos facilita a la empresa que los vende un número de cuenta para que le cobre los pedidos a través de una entidad bancaria. Transferencia. El comerciante facilita unos números de cuenta -a menudo en más de una entidad bancaria- para que el cliente ingrese el importe del pedido. Después de hacer la transferencia, el cliente debe comunicar al comercio que ha realizado el pago (mediante fax, , teléfono, etc.). Cheque bancario. El cliente hace un cheque al comercio que le sirve el pedido. Normalmente lo envía por correo. Tarjeta de crédito. El cliente que usa esta forma de pago, facilita el número de su tarjeta de crédito a un TPV virtual pasarela de pago de una entidad bancaria- para que se le cargue el importe del pedido. Por lo tanto, el comercio desconoce en todo momento el número de esta tarjeta. El comerciante puede comprobar que un determinado pedido se ha pagado cuando consulte su cuenta. Tarjeta de crédito manual. En este caso, el cliente facilita el número de su tarjeta de crédito al comercio, el cual de forma manual se encarga de cobrar el importe del pedido. Previamente pactada. La persona que compra y el comercio que vende tienen una forma propia de pagar los pedidos. Transferencia Western Union: Forma de pago utilizada en EUA en la que el cliente realiza una transferencia a este banco Formas de pago en el comercio Cuando un cliente se da de alta en un comercio YLOS, debe especificar la forma de pago que desea utilizar (ver Figura 3-29). 45

51 CLIENTES Y PEDIDOS Figura Pantalla de Formas de pago en el comercio. Si el cliente escoge Recibo Domiciliado debe especificar el nombre del banco y el número de cuenta. Si selecciona Tarjeta de Crédito Manual debe especificar el número de tarjeta y su caducidad. Esta forma de pago se mantendrá en todos los pedidos mientras no se modifique. La modificación de una forma de pago se puede realizar desde la pantalla de Confirmación del pedido (Figura 3-5(b)) en el comercio o desde el propio Backoffice como veremos en el siguiente capítulo. De todas las opciones mostradas, Tarjeta de Crédito es la única que presenta un comportamiento distinto en el momento de confirmar un pedido. Cuando esta forma de pago es seleccionada y se hace clic en el botón Confirmar pedido (Figura 3-5), aparece la pantalla de Información de servidor seguro, que será diferente según la entidad bancaria que la proporcione. A continuación vamos a ver dos ejemplos diferentes: uno de La Caixa y otro de Banesto. 46

52 CLIENTES Y PEDIDOS Ylos default Figura Pantalla de Información de servidor seguro de la Caixa. Figura Pantalla de Información de servidor seguro de Banesto. Después de hacer clic sobre el botón Aceptar en cualquiera de las dos pantallas anteriores, aparecerá la pantalla del TPV virtual, que también dependerá de la entidad bancaria. Para los ejemplos anteriores tenemos: 47

53 CLIENTES Y PEDIDOS Figura Pantalla del TPV virtual de la Caixa. En esta pantalla el cliente puede ver el importe que debe pagar por el pedido. Para poder realizar el pago deberá especificar el número de la tarjeta de crédito y su fecha de caducidad. Además, tiene la posibilidad de recibir un de confirmación del pago. Por defecto está opción está activada y la dirección de correo electrónico coincide con la que el cliente utiliza en el comercio para identificarse. 48

54 CLIENTES Y PEDIDOS Figura Pantalla del TPV virtual de Banesto. Aquí el cliente también deberá especificar el número de la tarjeta de crédito y su fecha de caducidad para poder realizar el pago. La posibilidad de recibir un de confirmación es opcional y por defecto no está activada. Banesto permite hacer el pago mediante una cybertarjeta. Acabamos de ver dos ejemplos de TPV virtuales. Es importante destacar que el cliente no puede escoger el TPV con el cual quiere trabajar, si no que es el propio comerciante quien decide cual utilizar. A continuación vamos a ver cómo el comerciante puede cambiar las formas de pago de los clientes desde el Backoffice y cómo puede asignar un TPV en el comercio Configuración de las formas de pago Las formas de pago que soporta el comercio son determinadas por el comerciante en el menú Configuración, submenú Formas de pago. En esta pantalla del Backoffice (ver Figura 3-34) aparece una lista con todas las formas de pago que ofrece un comercio YLOS. 49

55 CLIENTES Y PEDIDOS (a) Esta columna indica si la forma de pago se permite en el comercio Figura Pantalla de Lista de formas de pago en el Backoffice. En la columna Publicar (Figura 3-34 (a)) se indica si esa forma de pago se va a permitir en el comercio. Para poder activar su publicación debe hacer clic en la opción Editar y acceder a la pantalla de Edición de una forma de pago (ver Figura 3-35). (a) Activando esta opción, se permitirá esta forma de pago en el comercio Figura Pantalla de Edición de una forma de pago. En esta pantalla tenemos los datos referentes a la forma de pago Contra reembolso. El comerciante puede activar esta forma de pago en su comercio mediante la opción Publicar 50

56 CLIENTES Y PEDIDOS (Figura 3-35 (a)) e indicar la descripción y las observaciones que el cliente va a ver cuando seleccione esta forma de pago. La información de la Figura 3-35 se muestra en todas las formas de pago. A continuación vamos a comentar la información adicional que presentan las opciones de Transferencia y Tarjeta de crédito. En la pantalla de Edición de la forma de pago por transferencia (ver Figura 3-36), aparece una lista con los números de cuenta que el comerciante facilita a sus clientes para que hagan el ingreso de los importes de sus pedidos. (a) Añadir una cuenta (b) Borrado de una cuenta (c) Edición una cuenta Figura Pantalla de Edición de la forma de pago por transferencia. Para dar de alta una nueva cuenta deberá hacer clic sobre Nueva (Figura 3-36 (a)). Seleccionando esta opción, aparecerá la pantalla de Nueva cuenta bancaria (ver Figura 3-37). 51

57 CLIENTES Y PEDIDOS Figura Pantalla de Nueva cuenta bancaria. En esta pantalla el comerciante tiene que facilitar el nombre del banco y el número de cuenta. Si el comerciante quiere dejar de publicar algún número, deberá hacer clic sobre la opción Borrar (Figura 3-36 (b)) correspondiente y la cuenta se eliminará. El comerciante también podrá modificar cualquier campo mediante la opción Editar (Figura 3-36 (c)). En la pantalla de Edición de la forma de pago por tarjeta de crédito (ver Figura 3-38), aparece una lista con las pasarelas de pago (TPV virtuales) de las que el comerciante dispone en un comercio YLOS. De todas ellas debe seleccionar una (Figura 3-38 (a)). (a) Pasarela de pago escogida por el comerciante Figura Pantalla de Edición de la forma de pago por tarjeta de crédito. Actualmente un comercio YLOS trabaja con cinco pasarelas distintas: Banesto, 4B, La Caixa, BBV y CyberCash. A continuación vamos a comentar los datos necesarios para configurar cada una de ellas. Para introducir estos datos debe seleccionar la opción Editar. 52

58 CLIENTES Y PEDIDOS Figura Pantalla de Configuración del TPV de Banesto. En esta pantalla el comerciante debe rellenar: Código del comercio. Identificador único conocido por el comerciante y Banesto. Se deben respetar las letras minúsculas y mayúsculas. Certificado. Texto que envía Banesto por correo electrónico al comerciante cuando se registra en el banco. El comerciante debe copiar este texto en el campo certificado sin realizar ninguna modificación. Figura Pantalla de Configuración del TPV de 4B. En esta pantalla el comerciante debe rellenar el Código del comercio que es un identificador único conocido por el comerciante y 4B. Se deben respetar las letras minúsculas y mayúsculas. 53

59 CLIENTES Y PEDIDOS Figura Pantalla de Configuración del TPV de La Caixa. En esta pantalla el comerciante debe rellenar: Identificador del comerciante. Identificador único conocido por el comerciante y La Caixa. Se deben respetar las letras minúsculas y mayúsculas. Semilla #i. Números de ocho dígitos conocidos el comerciante y La Caixa. Estos números son códigos de seguridad. Figura Pantalla de Configuración del TPV del BBV. En esta pantalla el comerciante debe rellenar el Identificador del comercio que es un código único conocido por el comerciante y BBV. Se deben respetar las letras minúsculas y mayúsculas. 54

60 CLIENTES Y PEDIDOS Figura Pantalla de Configuración del TPV de CyberCash. Esta pasarela de pago será utilizada únicamente por empresas americanas. En esta pantalla el comerciante debe rellenar: Merchant Id. Identificador único conocido por el comerciante y CyberCash. Se deben respetar las letras minúsculas y mayúsculas. Merchant Key. Código de seguridad conocido por el comerciante y CyberCash. Este código puede estar formado por números y letras, y se deben mantener también las minúsculas y las mayúsculas. Authorization Type. Modalidades de pago que puede establecer el comerciante mediante este TPV: mauthonly o mauthcapture. Con el primero, el comerciante prepara el cobro pero no lo realiza hasta que envía el pedido al cliente. En cambio, con el segundo, el comerciante cobra el pedido de forma instantánea. En este caso, es importante destacar que los pedidos que se suelen adquirir mediante esta forma de pago son bienes no materiales (cotizaciones en bolsa, información meteorológica, etc.). Las primeras cuatro pasarelas de pago que hemos presentado son utilizadas únicamente por empresas españolas, mientras que la última está destinada exclusivamente a empresas americanas. CyberCash es una pasarela de pago que se encuentra enlazada con muchos bancos de los Estados Unidos, y es por esta razón que hemos decidido ofrecer ésta, en vez de distintas pasarelas de muchos bancos. 55

61 SEGUNDA CLASIFICACIÓN 4 SEGUNDA CLASIFICACIÓN Ya hemos visto la importancia de agrupar los artículos en subfamilias y familias, y las ventajas que esto conlleva de cara al cliente. Esta forma de agrupación es parecida a la que se presenta en un comercio tradicional. En cambio, en un comercio electrónico, los artículos no están distribuidos físicamente. Por lo tanto, nada nos impide tener una segunda forma de organización sobre la base de otro planteamiento de agrupación. Por ejemplo, si un cliente necesita comprar una novela de terror y no tiene especial preferencia por ningún autor, le interesará encontrar una clasificación por Géneros y quizá una subclasificación por Editoriales. En cambio, un fan de un determinado escritor, le interesará más una clasificación por Autores y una subclasificación por Géneros. En un comercio convencional no se pueden tener las dos clasificaciones al mismo tiempo. En un comercio YLOS podemos tener las 2 clasificaciones (llamadas jerarquías) simultáneamente. Para activar una segunda jerarquía, debemos ir al menú Diseño en el submenú Jerarquías del Backoffice (Figura 4-1 (a)). Los artículos que ya están introducidos no disponen de la información necesaria para situarse en la segunda jerarquía que acabamos de activar, por lo que quedan situados en una única clasificación y subclasificación general (Todos o Todas). (b) Nombre de las clasificaciones (a) Activación de la segunda jerarquía (c) Jerarquía a mostrar primero Figura 4-1. Pantalla de Jerarquías. (d) Orden dentro de la jerarquía 56

62 SEGUNDA CLASIFICACIÓN Hasta ahora habíamos visto que en la primera jerarquía el primer nivel de clasificación se llama Familia, y el segundo nivel Subfamilia. Los niveles de clasificación de la segunda jerarquía reciben el nombre por defecto de Fabricante y Sección. Para dar un mayor grado de flexibilidad, se puede cambiar el nombre de todas las clasificaciones (Figura 4-1 (b)). Con el ejemplo de una librería, en vez de Familia y Subfamilia nos interesará tener Autor y Género. De la misma forma, en vez de Fabricante y Sección, pondremos Género y Editorial. Los campos a rellenar consisten en la introducción del nombre en singular, en plural y la palabra a mostrar cuando nos referimos a la clasificación en conjunto. En la opción # Jerarquía a desplegar inicialmente (Figura 4-1 (c)) se puede escoger que cuando el cliente abra nuestro comercio se le muestre la primera jerarquía o la segunda. También podemos escoger la ordenación que deben seguir las clasificaciones/subclasificaciones dentro de cada jerarquía (Figura 4-1 (d)). Esta ordenación puede ser por: Referencia. Las clasificaciones/subclasificaciones se ordenan según su código. Descripción. Las clasificaciones/subclasificaciones se ordenan según su nombre. En la Figura 4-1 (d), las dos jerarquías están ordenadas por Referencia. Si hubiésemos ordenado la primera jerarquía por Descripción/Referencia, estaríamos indicando que queremos que las familias se ordenen alfabéticamente, y que sus subfamilias se orden según el código de referencia. 57

63 BÚSQUEDA DE ARTÍCULOS 5 BÚSQUEDA DE ARTÍCULOS 5.1 Búsqueda sencilla Uno de los objetivos de un comercio es que los clientes encuentren los artículos que buscan rápidamente. La clasificación en familias y subfamilias pretende organizar los artículos de forma que sean fácilmente accesibles. Pero a veces ocurre que al cliente le resulta difícil encontrar la familia o subfamilia en la que se encuentra el artículo que desea buscar. Por ello, el comercio dispone de una herramienta muy útil llamada Búsqueda de artículos. (a) Activación de búsqueda (b) Palabra a buscar Figura 5-1. Pantalla Home. Esta herramienta permite buscar los artículos que contengan en su Descripción (nombre del artículo) la palabra introducida en el campo Palabra a buscar (Figura 5-1 (b)). Una vez introducida la palabra a buscar haremos clic sobre la Activación de búsqueda (Figura 5-1 (a)). El resultado será una lista de Minifichas de artículo que cumplan la condición de búsqueda. A continuación vamos a buscar todos los artículos cuyo nombre contenga la palabra botas. Para ello introduciremos dicha palabra en el campo Palabra a buscar. El resultado son 2 Minifichas de artículo. 58

64 BÚSQUEDA DE ARTÍCULOS (a) Palabra coincidente con la Descripción Figura 5-2. Resultado de una Búsqueda de artículos. Hay 2 artículos que cumplen las condiciones de búsqueda. Vemos que en la palabra buscada no se tienen en cuenta las mayúsculas y las minúsculas (hemos introducido botas y hemos encontrado Botas). La palabra buscada sale en color blanco en las Minifichas de artículo. 5.2 Sintaxis de búsqueda Hasta ahora hemos visto cómo hacer una búsqueda sencilla, poniendo una palabra en el campo de Palabra a buscar. También hemos visto que en una búsqueda no influyen las mayúsculas y minúsculas. Para hacer consultas más específicas, podemos introducir varias palabras unidas con los símbolos más (+), menos (-) y espacio. Espacio ( ). Es un o lógico. Se buscan todos los artículos que contengan la palabra a la izquierda o a la derecha del espacio. Tiene menos prioridad que los símbolos + y - (igual que la suma respecto del producto). Así, por ejemplo, podemos buscar por Descripción, y en el campo Palabra a buscar podemos introducir: bota sepaco Palabra1 Espacio ( o lógica) Palabra2 Esta búsqueda encontrará todos los artículos cuya Descripción o Descripción adicional contenga la palabra bota o sepaco. Por tanto, encontrará los artículos Mocasines Sepaco, Botas Sepaco, Botas Lopuce y Cinturón Sepaco. 59

65 BÚSQUEDA DE ARTÍCULOS Más (+). Funciona como un y lógico. Uniendo dos palabras con +, se busca aquellos artículos que contengan las dos palabras. Por ejemplo, si buscamos bota+sepaco, encontraremos el artículo Botas Sepaco. Menos (-). Selecciona aquellos artículos que contengan la primera palabra pero no la segunda. Introduciendo bota-sepaco encontraremos el artículo Botas Lopuce. Además, las palabras se pueden poner entre comillas, para indicar que se quiere buscar de forma literal el contenido del interior de las comillas (incluyendo espacios). Si escribimos bota sepaco, no encontraremos ningún artículo, porque ninguno tiene la cadena de letras bota seguida de un espacio y de sepaco. En cambio, si buscamos botas s encontraremos el artículo Botas Sepaco. 5.3 Búsqueda avanzada Seleccionando la opción de Búsqueda avanzada (Figura 5-3 (a)), accedemos a la pantalla de la (Figura 5-3), que nos amplía el conjunto de opciones de búsqueda a determinar. Estas opciones son especialmente útiles cuando el conjunto de artículos distintos empieza a ser importante, permitiendo una búsqueda más selectiva. Podemos llenar o seleccionar los siguientes campos: Descripción, Referencia, Familia y Subfamilia. El resultado de la búsqueda muestra los artículos que cumplen con todos los campos llenados. Por ejemplo, si el campo Descripción contiene Sepa, en Familias escogemos Ropa y en Subfamilias escogemos Cinturones, nos seleccionará el artículo Cinturón Sepaco. Además, disponemos de la opción Ordenar por, que nos permite ordenar la lista de artículos encontrados por un campo determinado. Por tanto podemos ordenar los artículos alfabéticamente por su Descripción, Referencia, o por su Familia y Subfamilia. También se puede ordenar numéricamente por precios. 60

66 BÚSQUEDA DE ARTÍCULOS (b) Campos que aceptan la sintaxis (a) Opción de Búsqueda avanzada (c) Opción de Ordenar por (e) Listado de precios por Descripción Figura 5-3. Pantalla de Búsqueda Avanzada. (d) Opciones de Buscar y Listado de precios Una vez llenados los campos de búsqueda, podemos mostrar el resultado de la consulta de dos formas distintas (Figura 5-3(d)): Buscar. Dará el resultado en forma de una lista de Minifichas de artículo. Listado de precios. Nos mostrará una lista más esquemática que contiene la referencia del artículo, su nombre, y el precio en todas las divisas activas del comercio. Haciendo clic en la Referencia de un artículo (Figura 5-4), nos vamos a su Ficha del Artículo. Esta lista es idónea para poder hacer una impresión del conjunto de artículos deseados. En este ejemplo el resultado se muestra por familias. Figura 5-4. Pantalla de Listado precios por familia. 61

67 BÚSQUEDA DE ARTÍCULOS El listado de la Figura 5-4 se ha obtenido seleccionando únicamente la opción Ordenar por familias y subfamilias, y dejando el resto de campos sin llenar. Por tanto nos muestra una lista de todos los artículos del comercio clasificados por familias y subfamilias. Este listado en concreto, por su particular funcionalidad e interés para el cliente, se puede obtener directamente seleccionando la opción Listado de precios por familias y subfamilias (Figura 5-3 (e)). Pruebe a seleccionar aquellos artículos que valen entre y Ptas. y ordénelo por precios (deberá seleccionar la opción Precio en Ordenar por, e introducir en los campos Precio entre... y..., los valores y 15000). Ahora puede buscar todos los artículos de la familia Ropa y la subfamilia Calzado, ordenando por Descripción (debe seleccionar la familia y la subfamilia adecuadas, y seleccionar Descripción en Ordenar por). 62

68 IDIOMAS 6 IDIOMAS Un comercio convencional debe mostrar la información a sus clientes en su idioma. Cuando un comercio se encuentra en una zona en la que se habla en un único idioma, esto no supone ningún problema. Hay determinados comercios que, por su especial situación, deben poner la información en varios idiomas. Pensemos, por ejemplo, en aquellos comercios que venden productos para turistas, o aquellos que se encuentran en zonas bilingües o entre dos países. En todos estos casos, se intenta mostrar la información al cliente en la lengua de la zona y, como mínimo, en un segundo idioma. Un comercio electrónico se asemeja a un comercio internacional, en el que los potenciales clientes pueden encontrarse en cualquier punto del mundo. Por lo tanto, es necesario mostrar la información en el idioma que más gente sea capaz de entender. Debido a la estandarización del inglés como idioma internacional, un usuario de cualquier país espera encontrarse la información por Internet en inglés. Además, también es necesario que aparezca el idioma del país en el que se encuentre el comercio (por ejemplo, en español). 6.1 Activación de un idioma en el Backoffice Un comercio YLOS admite tres idiomas: catalán, español e inglés. La gestión de los idiomas se realiza dentro del menú Configuración en Regional. (c) Formato de fecha en el Backoffice (a) Idioma por defecto en el comercio (d) Opción Editar un idioma (b) Idioma en el Backoffice Figura 6-1. Pantalla de Regional. 63

69 IDIOMAS En esta pantalla podemos configurar el idioma que tendrá el comercio cuando el cliente lo visite por primera vez (Figura 6-1 (a)), el idioma del Backoffice (Figura 6-1 (b)), el formato de fecha en el Backoffice (Figura 6-1 (c)) y cuántos de los 3 idiomas se usarán. Para poder utilizar un idioma, primero debemos activarlo. Ahora vamos a activar el inglés. Para ello, vamos a hacer clic en el botón Editar que se encuentra a la derecha de English (Figura 6-1 (d)). Nos aparecerá la siguiente pantalla: Figura 6-2. Pantalla de Edición del idioma English. Esta pantalla consta del campo Publicar con las siguientes 3 opciones: No. Desactivamos el idioma, de forma que no se puede usar ni desde el Backoffice ni desde el comercio. Por tanto, tampoco se pueden introducir datos en dicho idioma. Sí, pero sólo en el Backoffice. Nos permite introducir información en este idioma, aunque no se pueda seleccionar desde el comercio. Si un comerciante ha introducido los datos de sus artículos en un único idioma, y posteriormente tiene intención de añadir un segundo para su comercio, necesita una etapa de transición que le permita ir añadiendo todos los datos en el segundo idioma. Al activar esta opción, se nos permite introducir todos los datos en este idioma, aunque de momento no se podrán ver en el comercio. Una vez introducidos todos los datos, el comerciante ya puede activar la opción Sí, en el Backoffice y en el Comercio. Sí, en el Backoffice y en el comercio. Permite activar este idioma en el Backoffice y en el comercio. Antes de escoger esta opción debemos asegurarnos de que el comercio mostrará toda la información correctamente en este idioma. Como todavía no tenemos ningún dato introducido en inglés, vamos a activar la segunda opción (Sí, pero sólo en el Backoffice). Después apretaremos el botón OK, para volver a la pantalla de la Figura

70 IDIOMAS 6.2 Introducción de datos en el nuevo idioma Ahora es el momento de añadir información en inglés de algún artículo. Para ello, escogeremos el menú Mantenimientos, submenú Familias en el Backoffice. Tenemos una única familia llamada Ropa. Apretando en la opción Editar, nos saldrá la siguiente pantalla: (a) Familia en el nuevo idioma Figura 6-3. Pantalla de Edición de una familia con 2 idiomas. Vemos como para cada campo ha aparecido uno nuevo para introducir los datos en inglés. Vamos a añadir Clothes en el campo Descripción en inglés ( Figura 6-3). Podemos apretar OK para confirmar el nuevo dato introducido. Ahora, acceda a la pantalla de Lista de subfamilias (Figura 2-6), y seleccione la opción Editar de la subfamilia Calzado. Aparecerá la pantalla de Edición de una subfamilia, en la que ahora puede añadir la traducción inglesa de Calzado (por ejemplo Footwear). Apriete nuevamente OK para confirmar el nuevo dato introducido. Vamos a traducir también un artículo. Para ello, vaya a la pantalla de Lista de artículos y seleccione la opción Editar del artículo Mocasines Sepaco. En la pantalla de Edición de un artículo, introduzca la traducción al inglés (Moccasins Sepaco). Este proceso se debería repetir para todas las familias, subfamilias, artículos, escaparates, etc. hasta completar todos los campos que admiten traducción. De no ser así, aquellos campos que no han sido traducidos van a salir en blanco. De todas formas, no es imprescindible rellenar todos los campos relativos a un idioma para activarlo. Por lo tanto, ahora vamos a activar el inglés en nuestro comercio. Para ello, vaya nuevamente al menú Configuración, submenú Regiona (lfigura 6-1) y edite el idioma English (Figura 6-2). Seleccione la opción Sí, en el Backoffice y en el comercio, y confirme la opción apretando OK. 6.3 Selección del nuevo idioma en el comercio Ahora, en el comercio nos aparece una nueva opción que le permite al cliente escoger el idioma en el que quiere ver el comercio (Figura 6-4 (a)). Haga clic en la opción English para 65

71 IDIOMAS verla en Inglés. Fíjese cómo ahora todos los diálogos, mensajes, botones, etc. aparecen en el nuevo idioma. A continuación, haga clic en la subfamilia Footwear en la zona de clasificaciones (Figura 6-4 (c)). Verá una pantalla como la de la Figura 6-4. (a) Idioma en el comercio (c) Clasificación (b) Artículo traducido al inglés Figura 6-4. Pantalla del Comercio con 2 idiomas. Vemos cómo no se muestra toda la información que un cliente esperaría ver. Por ejemplo, en la clasificación, hay una subfamilia sin nombre. En cuanto a los artículos, sólo se muestra el nombre del artículo Mocassins Sepaco (Figura 6-4 (b)). Por lo tanto, recuerde que no debería activar un idioma en el comercio (sólo en el Backoffice) hasta que todos aquellos campos que quiera que el cliente vea en este idioma, estén rellenados. Para la explicación de los siguientes capítulos desactivaremos el idioma English que acabamos de activar en este capítulo. 66

72 CONFIGURACIÓN DEL COMERCIO 7 CONFIGURACIÓN DEL COMERCIO El comercio tiene un conjunto de opciones generales de configuración que se pueden modificar en el Backoffice. Estas opciones permiten introducir información relativa al comercio (datos de contacto, logotipo, etc.), cambiar ciertos valores por defecto para la creación de clientes y pedidos, mensajes de aviso para contenido adulto, cambiar las cabeceras y pies del correo, o los valores de las divisas. Estas opciones se muestran en distintas pantallas que pasamos a comentar a continuación. 7.1 Información del comercio El comerciante puede introducir un conjunto de datos sobre el comercio en el menú Configuración, dentro del submenú Información. En la pantalla que aparece (Figura 7-1), podemos introducir la siguiente información: Nombre. Es el título que se le da al comercio. El nombre aparecerá como cabecera de la ventana del navegador cuando el cliente use el comercio. Pie de página del comercio. Contiene la información necesaria para que el cliente se pueda poner en contacto con el comerciante (nombre del comercio, teléfono de contacto, fax, correo electrónico, etc.). La información se debe introducir en formato HTML. Metatags para buscadores. Contiene las palabras que identifican el comercio, de forma que cuando alguien las introduzca en un buscador de páginas web encuentre este comercio entre la lista de páginas encontradas. Le indicamos el código estándar que puede introducir para que su comercio pueda ser localizado a través de un buscador. Debe introducirlo tal y como se lo mostramos: <meta NAME= KEYBOARDS CONTENT= zapatos;piel /> Fíjese que después de la palabra Content debe introducir las palabras clave, palabras que relacione su comercio con la palabra buscada. Puede incluir un máximo de 10 palabras separadas siempre por punto y coma (;). En nuestro ejemplo, hemos introducido zapatos y piel ya que son los artículos expuestos en el comercio. <meta NAME= DESCRIPTION CONTENT= En este comercio podrá encontrar los zapatos de mayor calidad. /> 67

73 CONFIGURACIÓN DEL COMERCIO Después de la palabra Content debe introducir una breve descripción de su comercio. Si no sabe HTML o no conoce el uso de los metatags, no debería usar este campo. Condiciones de venta: El comercio YLOS le ofrece la posibilidad de especificar condiciones de venta. El comentario que usted introduzca en esta opción del Backoffice aparecerá en forma de link Condiciones de Venta en la parte inferior de su comercio. Figura 7-1. Pantalla de Información del comercio. 7.2 Clientes y pedidos Las opciones de configuración de clientes y pedidos se realizan desde el menú Configuración en el submenú Clientes y pedidos. 68

74 CONFIGURACIÓN DEL COMERCIO Figura 7-2. Pantalla de Configuración de clientes y pedidos. En esta pantalla nos encontramos con cuatro apartados: General: o Canal. Permite diferenciar el origen del pedido. YLOS codifica con las letras IN el canal para los pedidos hechos a través de internet. Esta opción permite modificar dicho canal, para que se codifique con otro valor. El canal puede tener un máximo de 2 caracteres entre letras y números. o Código de almacén. Asocia los pedidos hechos a través del comercio YLOS, a un código de almacén del comerciante. 69

75 CONFIGURACIÓN DEL COMERCIO Acceso: o #Primer cliente. Indica qué código vamos a asociar al primer cliente que se dé de alta en el comercio. Los demás clientes recibirán códigos sucesivos de forma automática e incremental. o #Primer pedido. Indica qué código vamos a asociar al primer pedido que se haga en el comercio. Los demás pedidos recibirán códigos sucesivos de forma automática e incremental. o Tarifa a aplicar a los nuevos clientes o visitantes. Esta opción permite escoger la tarifa que se aplicará a todos los clientes que se den de alta a partir de este momento, y a los que no se hayan identificado al entrar al comercio. Se puede escoger entre 10 tarifas distintas: de la tarifa A a la tarifa J, o precio oculto, en cuyo caso los nuevos clientes y los visitantes no verán los precios de los artículos. De esta forma podríamos hacer, por ejemplo, que todo el mundo viese los artículos del comercio, pero sólo los clientes cuya tarifa asignada ha sido modificada por el comerciante, pudiesen ver los precios de los artículos. Para ello, deberíamos poner como Tarifa a aplicar a los nuevos clientes o visitantes la tarifa Precio oculto. o Decimales de redondeo en la cantidad pedida. De cada producto comprado podemos especificar la cantidad que deseamos, usando el número de decimales que especificamos aquí. Si el comercio no tiene artículos cuya cantidad precise de decimales (como en artículos de ropa), podemos escoger 0 decimales. En artículos vendidos por peso o volumen se deben especificar decimales. o Permitir el registro de nuevos clientes. Si desactivamos esta opción impedimos que un nuevo usuario pueda registrarse desde el comercio. En este caso, el comerciante será el único que podrá dar de alta nuevos clientes. o Restringir el acceso en el comercio si no se es cliente registrado. Al activar esta opción impedimos que un cliente no registrado acceda al comercio. En este caso, la anterior opción Permitir el registro de nuevos clientes queda desactivada automáticamente (no tendría sentido que el acceso al comercio estuviese restringido y, al mismo tiempo, los usuarios pudiesen registrarse). Cuando esta opción está activada y un cliente quiere acceder al comercio, la primera pantalla que se encuentra es la siguiente 70

76 CONFIGURACIÓN DEL COMERCIO Figura 7-3. Pantalla de Login sin opción de nuevo usuario. Esta pantalla aparece al acceder a un comercio que tiene la opción Restringir el acceso en el comercio si no se es cliente registrado activada. Vemos que no aparece la opción de Es usted un nuevo usuario?. Observaciones del pedido: YLOS ofrece la posibilidad de incorporar un campo opcional en la pantalla de Confirmación de Pedido (ver Figura X), en la que permite al cliente introducir cualquier comentario (horarios de entrega, horarios del comercio...) Contenido para adultos: o Advertir de que esta web tiene contenido para adultos. Si un determinado comercio tiene contenido que pudiera herir la sensibilidad de determinada gente, o que no debiera ser visible para menores, puede mostrar un mensaje de aviso antes de que el cliente acceda al comercio. Con esta opción activamos el mensaje de aviso. o Advertencia. Es el mensaje de aviso que se mostrará cuando un cliente acceda a un comercio con la opción Advertir de que esta web tiene contenido para adultos activada. o URL en caso de no aceptar las condiciones. Podemos introducir una URL a la que el usuario va a ir si no está de acuerdo con la información de advertencia, y aprieta el botón cancelar. Figura 7-4. Mensaje de advertencia en el comercio. 71

77 CONFIGURACIÓN DEL COMERCIO 7.3 s Un comercio YLOS tiene la capacidad de enviar s de confirmación a sus clientes cuando éstos se registran en el comercio o cuando realizan algún pedido. Mediante estos mensajes, los clientes pueden comprobar que el alta y los pedidos se han realizado correctamente. Desde el menú Configuración en el submenú s, el comerciante encontrará la pantalla de Configuración de s (ver Figura 7-5). Figura 7-5. Pantalla de Configuración de s. En esta pantalla el comerciante puede especificar hasta tres direcciones de diferentes, donde llegarán mensajes de aviso de los nuevos clientes que se han registrado y de los nuevos pedidos que se han realizado. La primera dirección actúa como remitente del comercio y es obligatoria. Las otras dos son opcionales. Al comerciante le puede interesar que determinadas personas (responsables de departamentos) reciban de forma explícita un mensaje de aviso de lo que está sucediendo en el comercio. En los mensajes enviados a los clientes, el comerciante puede fijar los textos de los siguientes campos: Empresa, Cabecera registro nuevo cliente, Cabecera nuevo pedido y Pie nuevo pedido. A continuación detallamos dónde se pueden ver estos textos: 72

78 CONFIGURACIÓN DEL COMERCIO Empresa. Aparece como remitente en los s de registro de nuevo cliente (Figura 3-22 y Figura 3-23) y en los s de nuevo pedido (Figura 3-7 y Figura 3-8). Cabecera registro nuevo cliente. Se muestra en el que recibe el cliente cuando se da de alta en el comercio (Figura 3-23). Cabecera y Pie nuevo pedido. Aparecen en el que recibe el cliente cuando realiza un pedido en el comercio (Figura 3-8). Los clientes recibirán estos mensajes en la misma dirección de correo electrónico que utilizan para identificarse en el comercio. Desde el comercio, el cliente tiene la posibilidad de ponerse en contacto con el comerciante para realizar cualquier consulta. Para ello, deberá hacer clic en la opción Contactar ( Figura 7-6(a)). (a) Envío de un al comerciante Figura 7-6. Pantalla Home. Seleccionando esta opción, el gestor de correo del cliente generará un nuevo dirigido a la dirección que el comerciante especificó en el campo #1 (Remitente) de la pantalla de Configuración de s. 7.4 Divisas Un comercio YLOS permite trabajar con diferentes divisas. Desde el menú Configuración en submenú Divisas, el comerciante puede determinar qué divisas utilizar en su comercio (ver Figura 7-7). 73

79 CONFIGURACIÓN DEL COMERCIO (a) Esta columna indica si la divisa se va a utilizar en el comercio Figura 7-7. Pantalla de Lista de divisas. En la columna Publicar (Figura 7-7 (a)) se indica si esa divisa se va a mostrar en el comercio. Para poder activar su publicación debe hacer clic en la opción Editar y acceder a la pantalla de Edición de una divisa (Figura 7-8). 74 Figura 7-8. Pantalla de Edición de una divisa.

80 CONFIGURACIÓN DEL COMERCIO En el campo Publicar el comerciante puede escoger entre tres opciones diferentes: No. Esta divisa no se mostrará en el comercio. Sí, como divisa secundaria. Esta divisa aparecerá únicamente en la minificha del artículo, en la ficha del artículo y en el listado de precios, complementando a la divisa base. Sí, como divisa base. Todos los importes del comercio se expresarán en esta divisa. Mediante el campo Orden el comerciante puede decidir en qué posición quiere mostrar cada divisa. Usualmente se escoge la posición 1 para la divisa base y las siguientes para las divisas secundarias. En el campo Símbolo el comerciante puede especificar de forma abreviada el nombre de la divisa. Este nombre lo podrá colocar delante o detrás del precio. El comerciante también puede determinar el número de decimales de redondeo en los precios, líneas de pedido y cabeceras de pedido, así como el separador de las cifras decimales y el de los millares. En el campo Valor aparecerá un 1 si la divisa que se está editando es divisa base. Si no, aparecerá el valor de la divisa secundaria en función de la divisa base. Así, en nuestro ejemplo, si editásemos la divisa EUR, en este campo aparecería , ya que EUR es secundaria en el comercio. Actualmente este campo no se actualiza de forma automática con los valores del mercado, sino que es el comerciante quien tiene la posibilidad de fijar el cambio que desee. El campo Última actualización guardará la fecha y la hora en la cual se confirmó esta pantalla por última vez (pulsando el botón OK). A continuación presentamos un ejemplo para mostrar cómo se ven las divisas en una ficha de un artículo, con la configuración actual del comercio. (a) Precio en Ptas. (b) Precio en Euros Figura 7-9. Pantalla de Ficha de un artículo. 75

81 CONFIGURACIÓN DEL COMERCIO 7.5 Banners Un banner es un gráfico que proporciona una información importante de promoción en el comercio. Se ofrece al cliente la opción de hacer clic en el gráfico, de forma que se muestre información adicional (accediendo al contenido de una nueva página web). Dicha información puede perseguir dos objetivos: De promoción externa. El banner se usa para los intereses promocionales de una empresa externa al comercio. El proveedor de servicios de internet puede imponer este tipo de publicidad proporcionando un banner publicitario. De promoción propia. El comerciante escoge el tipo de información a proporcionar. Por lo tanto, puede escoger entre destacar aspectos que considere cruciales en el comercio u otro tipo de información de interés. En este caso, el banner queda a disposición del comerciante para que lo use en beneficio propio. En caso de que el plan de precios acordado con YLOS, permita incorporar en su tienda banners de promoción propia, puede activar esta función desde el Backoffice en el menú Configuración en el submenú Banners; seleccionando Si, en la opción Activar sistema de banners interno (ver Figura 7-10). Figura Pantalla de Activación banners Si después de pulsar sobre el botón OK, le apareciera un mensaje de error, significa que su comercio tiene banners de promoción externa obligados, con lo cual no podrá disponer ni configurar sus propios banners. En nuestro ejemplo, el comercio tiene la posibilidad de incorporar banners de promoción interna, con lo cual, después de activar la opción Si de la Figura 7-10, debe acceder al menú Mantenimientos en el submenú Banners para poder configurarlos. 76

82 CONFIGURACIÓN DEL COMERCIO Figura Pantalla Lista de Banners Esta pantalla muestra los Banners de promoción interna. Como todavía no hemos configurado ninguno, la lista nos aparece vacía; seleccionaremos la opción Nuevo, para acceder a la pantalla de Nuevo banner (Figura 7-12). En la pantalla de Nuevo banner, debemos rellenar obligatoriamente los siguientes campos: Código banner. Es un identificador único para cada banner formado por un máximo de 5 caracteres (números y letras). En este ejemplo hemos utilizado como código el número 1. Descripción interna. Permite introducir una observación del comerciante relativa al banner, no visible en el comercio. URL. Es la URL a la que el cliente accederá si hace clic en el banner. Se puede mostrar en la propia página del comercio o en una nueva página web (dicha opción se puede escoger en el campo Target del link). Target del link. Debemos indicar dónde queremos que aparezca la página web a la que nos lleva el link del banner. Podemos hacer que aparezca en la zona principal del propio comercio o en una nueva ventana. Imagen del banner. Es el gráfico que se muestra en el comercio proporcionando la información promocional. El tamaño recomendado del gráfico es de 469x60 pixels, aunque no es obligatorio que tenga estas dimensiones. El formato del gráfico puede ser 77

83 CONFIGURACIÓN DEL COMERCIO gif, png y jpg (en realidad, cualquiera que entienda el navegador). Los pasos a seguir para introducir el gráfico son idénticos a los mostrados para introducir el resto de gráficos del comercio (fotografías de los artículos o del background del comercio). El siguiente campo no es obligatorio: Alt de la imagen. Permite introducir un texto que se mostrará al situar el ratón encima del banner (en forma de explicación). En un navegador no gráfico o si la carga de imágenes está desactivada, este texto se muestra en lugar del gráfico. Las imágenes utilizadas en los banners suelen ser gif, dado que este formato permite crear gráficos animados, efecto que permite incrementar el impacto visual en el cliente y aumentar su interés por el producto promocionado. Figura Pantalla de Nuevo banner. Una vez introducidos los datos que se muestran en la (Figura 7-12) podemos confirmarlos apretando el botón OK. Nos aparecerá nuevamente la Lista de banners, que nos mostrará una línea indicándonos que ya hemos creado nuestro primer banner. Podemos repetir el proceso para crear tantos banners como deseemos. Cuando un cliente entra en el comercio, se escoge de forma aleatoria el banner que verá, de todos los que existen. Un cliente puede encontrarse con un nuevo banner cuando haga un Reload (o Refresh) de la pantalla del comercio, o cuando entre la siguiente vez. 78

84 CONFIGURACIÓN DEL COMERCIO 7.6 Franquicias YLOS le ofrece la posibilidad de que su comercio disponga de franquicias para que pueda tener una mejor distribución de los clientes y pedidos realizados por su tienda. Desde el menú Configuración en el submenú Franquicias puede ver que existen tres opciones después de la pregunta Utilizará una modalidad de franquicias? (Figura 7-13). No: Esta opción indica al comercio que no va a usar el modelo de franquicias en su comercio. Es la opción que por defecto está activada inicialmente. Modalidad 1: Actualmente es la modalidad que soporta el aplicativo YLOS. En la Modalidad 1 el cliente es quien realiza el pedido, de modo que el titular del pedido sigue siendo el cliente. Permite asociar clientes a un código de franquicia, así cada cliente pertenecerá a una franquicia. Modalidad 2: Esta función está en proceso de desarrollo con lo cual todavía no es posible configurar el comercio con esta modalidad de franquicia. La Modalidad 2 es mas cercana a la de un comercio tradicional ya que permite asociar al cliente a varias franquicias, el titular de el pedido es el cliente asociado a la franquicia, pero quien realiza el pedido es la franquicia. Figura Pantalla Franquicias Puede escoger la primera opción, la de no usar modalidad de franquicias en su comercio o la Modalidad 1. Si escoge la primera opción (activada siempre por defecto) no tendrá que modificar ningún parámetro en el Backoffice. 79

85 CONFIGURACIÓN DEL COMERCIO Sin embargo si escoge la Modalidad 1,después de aceptar esta ventana mediante el botón OK, deberá dirigirse al menú Mantenimientos, submenú Clientes, diríjase a la pantalla de Edición de Clientes (Figura 7-14). En esta ventana aparecerá un nuevo campo en el que podrá introducir un código de franquicia para cada cliente. Así podrá distribuir o contabilizar sus ventas y clientes a través de los códigos que usted introduzca como franquicias. (a) Código de Franquicia Figura Pantalla de Edición de Clientes con la modalidad de Franquicia. 80

86 DISEÑO DEL COMERCIO 8 DISEÑO DEL COMERCIO Un comercio debe resultar atractivo al cliente. Para ello, suele estar cuidadosamente decorado de forma adecuada al tipo de productos vendidos. Uno de los objetivos es ofrecer un ambiente distinto al resto de comercios, más agradable y personalizado. De esta forma, se favorece que el cliente recuerde el comercio y se aumentan las posibilidades de que vuelva a comprar en otra ocasión. Un comercio YLOS permite configurar su presentación, permitiendo la adecuación al tipo de artículos vendidos. Todas las imágenes y colores que aparecen se pueden cambiar, de forma que un comercio YLOS ofrezca un aspecto final completamente personalizado y diferente de cualquier otro. Hay que tener en cuenta que diseñar una presentación elegante es complejo. De la misma forma que en la decoración de un establecimiento hay profesionales expertos en la materia, es necesario un toque artístico y una cierta experiencia para permitir que el resultado final del diseño tenga una buena combinación y sea atractivo. Los temas que a continuación se exponen, precisan de un conocimiento mínimo de manejo de gráficos por computador, HTML y Javascript, por lo que pueden resultar un poco complejos para un novel en estas áreas. A continuación vamos a ver cómo podemos modificar el diseño de artículos, como incluir escaparates, combinar los gráficos, el color de los textos, los colores de fondo que aparecen en el comercio. El resultado en la presentación del comercio depende de la correcta combinación de todos los apartados. 8.1 Diseño de los artículos Un componente muy importante en la personalización de nuestro comercio, y que puede favorecer la venta, son las fotografías de los artículos. A diferencia de un comercio tradicional, en el que el cliente puede ver, tocar y hasta probar el artículo antes de comprarlo, en un comercio electrónico toda la información proviene de la pantalla de un monitor. Si la información no es precisa, puede generar inseguridad o dudas en el posible comprador. Por esto, YLOS admite hasta cuatro fotografías (gráficos o mapas de bits) distintas por artículo, con diferentes tamaños. Las imágenes de los artículos se usan de la misma forma que los gráficos del comercio. Se aceptan los formatos gráficos gif, jpg y png, y los tamaños (horizontal x vertical) se muestran en el lugar de introducción de los gráficos. Podemos introducir tres fotografías en la pantalla de Edición de un artículo y una fotografía perteneciente a los escaparates.. En todos los casos, la forma de introducción de las fotografías es el mismo. En primer lugar es necesario obtener como mínimo una imagen del artículo en una buena resolución. 81

87 DISEÑO DEL COMERCIO Debemos tener en cuenta que la imagen final debe tener un tamaño horizontal y vertical similares. Ahora podemos usar un programa gráfico para escalar la fotografía al tamaño recomendado del lugar en el que la vamos a introducir (a 70x70 en la (Figura 8-1) guardándola en uno de los formatos admitidos (jpg, gif o png). Posteriormente apretamos el botón Browse del Backoffice (Figura 8-1) para acceder a la carpeta en la que hemos guardado dicho gráfico. Si queremos dejar de mostrar una determinada fotografía sin substituirla por otra, sólo debemos activar la opción Borrar Imagen de la Figura 8-1. Figura 8-1. Introducción de una fotografía de artículo Fotografías en la Edición de un artículo En la pantalla de Edición de un artículo podemos introducir hasta 3 fotografías. Para acceder ella vaya al menú Mantenimientos en el submenú Artículos. En la pantalla de Lista de artículos, seleccione la opción Editar del artículo al que quiera añadir una imagen (en nuestro ejemplo escoja Botas Sepaco). En la parte inferior de la pantalla de Edición de un artículo, verá una zona reservada a la introducción de tres gráficos de artículo (Figura 8-2. Thumbnail. Es la imagen que aparece en la Minificha de un artículo, con un tamaño de 70x70. Normal. Aparece en la Ficha de un artículo, con un tamaño de 120x120. Zoom. Aparece cuando hacemos clic encima de la imagen Normal de la Ficha de un artículo, con un tamaño recomendado de 200x

88 DISEÑO DEL COMERCIO Figura 8-2. Pantalla de Edición de un artículo. Ninguna de las imágenes es imprescindible. Si sólo queremos poner una, la más interesante es la Normal. Después podríamos poner la de Thumbnail, y si tenemos una imagen con buena resolución (mayor o igual a 200x200) podemos añadir la de Zoom. Si sólo tenemos una imagen, podemos escalarla a los tamaños necesarios (70x70, 120x120 y 200x200) para rellenar el resto de fotografías. De todas formas, si queremos aportar más información al consumidor, lo ideal sería que no todas las fotografías fuesen idénticas. Los tamaños de las fotografías son sólo recomendados. Esto es, no se impide que la imagen tenga unas dimensiones distintas a las que se piden, aunque tamaños muy distintos a los recomendados pueden provocar problemas en la distribución de las páginas del comercio. La fotografía de Zoom tiene toda la página web para mostrarse por lo que es la que admite más variación, y no hay inconveniente en que sea suficientemente grande como para ocupar toda la pantalla (600x400). El inconveniente de usar imágenes grandes es que, si no tienen un buen nivel de compresión, pueden hacer muy lenta la descarga de las páginas por parte del cliente Opciones de Diseño de artículos En el menú Diseño dentro del submenú Artículos del Backoffice, tenemos un conjunto de opciones que nos permiten modificar la presentación de los artículos. Son las siguientes: 83

89 DISEÑO DEL COMERCIO # Minifichas de artículo en cada página. Contiene el número de Minifichas de artículo que se muestran en una página de un listado en el comercio. Si el número de minifichas a mostrar es superior al valor del campo, las minifichas se reparten entre varias páginas, de forma que se puede cambiar de una a otra mediante las opciones Página siguiente y Página anterior. Ordenación de artículos. La lista de Minifichas de artículo puede venir ordenada por Descripción (es decir, alfabéticamente por el nombre del artículo) o por Código (esto es, por la referencia de los artículos). Permitir editar cantidad en ficha artículo. Si activamos esta opción permitimos que los clientes puedan introducir las unidades del artículo que quieran comprar en las Fichas de artículo. Los campos restantes de esta pantalla permiten cambiar los nombres que se dan al Artículo (y su plural), a la Referencia y a la Descripción, en todos los idiomas que el comercio tenga activado. Figura 8-3. Pantalla de Diseño de artículos. 8.2 Escaparates En un comercio convencional existen determinados productos que el comerciante desea destacar. Puede ser que se desee dar a conocer un nuevo artículo (novedad) o bien incrementar su venta ofreciéndolo a un precio rebajado (oferta). Una de las soluciones típicas es mostrar estos artículos en escaparates. Los escaparates se caracterizan por tener una presentación muy cuidada, y suelen estar situados en sitios estratégicos del comercio. De esta forma se logra atraer la atención del cliente, permitiendo dar a conocer nuevos productos e incrementando las ventas. 84

90 DISEÑO DEL COMERCIO YLOS también ofrece la posibilidad de que el comerciante pueda dar a conocer en su comercio ciertos artículos, presentándolos de una forma atractiva y ofreciendo información adicional. Para ello, y por analogía con el esquema convencional, adopta la idea de escaparate Tipos de escaparates Tenemos la posibilidad de tener 2 tipos de escaparates: Novedades. Se deberían presentar aquellos artículos que se han incorporado recientemente al comercio y que nos interesa destacar. Ofertas. Nos permite mostrar los artículos de los que se quiere dar publicidad, haciéndolos más atractivos por el hecho de tener rebajado el precio original. En un comercio clásico suele haber varios escaparates. Hay un escaparate principal que contiene los productos más atractivos del comercio, y que permite atraer la atención del cliente, incluso antes de entrar. De la misma forma, suele haber escaparates dentro de una determinada área, dando a conocer los artículos más interesantes de esa área. YLOS también permite tener distintos escaparates, según su ubicación: Escaparate principal. Es el escaparate que muestra las novedades u ofertas más interesantes de todo el comercio. Aparece al abrir el comercio. Escaparate de familia. De todos los artículos de una determinada familia, también podemos destacar algunos artículos, mostrándolos en un escaparate específico. Por lo tanto, podemos tener tantos escaparates como familias tenga nuestro comercio. Escaparate de fabricante. De la misma forma que con las familias, podemos tener un escaparte por cada fabricante del comercio (en el capítulo 4 (SEGUNDA CLASIFICACIÓN) veremos el concepto de fabricante y de segunda clasificación). Un comercio YLOS tiene los tres tipos de escaparate creados pero vacíos. Por tanto, para configurar un escaparate deberemos escoger los artículos que lo componen y añadir una serie de datos relativos a su forma de presentación. Por ejemplo, podemos escoger el orden en que se presentarán los artículos dentro del escaparate o la información asociada al artículo que se mostrará. En el capítulo 8.1 (Introducción de un artículo en un escaparate) veremos cómo añadir una fotografía del artículo específica para el escaparate. El artículo y sus datos asociados que se muestran en un escaparate se denominan genéricamente Ficha de escaparate. 85

91 DISEÑO DEL COMERCIO (a) Selección de novedades (b) Selección de ofertas (c) Escaparate sin Fichas de escaparate (d) Tipo de escaparate Figura 8-4. Pantalla de Escaparate principal. Cuando un cliente abre el comercio, por defecto aparece la pantalla de Escaparate Principal (Figura 8-4(d)), viéndose el escaparate de Novedades. Mediante las opciones Novedades y Ofertas (Figura 8-4 (a y b)) el cliente puede cambiar entre el escaparate de novedades y ofertas. En este ejemplo aún no tenemos ninguna Ficha de escaparate (Figura 8-4 (c)) Introducción de un artículo en un escaparate En el Backoffice, la gestión de los escaparates se hace des del menú Mantenimientos en el submenú Escaparates. En la pantalla que se muestra aparece una lista de todos los artículos (Fichas de escaparate) que están en algún escaparate. Esta lista de momento está vacía. Ahora vamos a crear nuestra primera Ficha de escaparate en el escaparate de Novedades. En primer lugar debemos escoger el artículo a añadir, de todos los existentes en el comercio, para elegir después en qué escaparates se mostrará. Para añadir una nueva Ficha de escaparate debe hacer clic en la opción Nueva (Figura 8-5 (a)). Como aún no tenemos ningún artículo en ningún escaparate, la lista aparece vacía. 86

92 DISEÑO DEL COMERCIO (a) Nueva ficha de escaparate Figura 8-5. Pantalla de Lista de fichas de escaparate. En este momento le aparecerá una nueva pantalla, que le permitirá introducir los datos relativos a la forma de presentación del artículo en el escaparate, así como escoger en qué escaparates se mostrará (ver Figura 8-6). (a) Selección de un artículo (b) Espacio para introducir una imagen de Escaparate Figura 8-6. Pantalla de Nueva ficha de escaparate. 87

93 DISEÑO DEL COMERCIO Deberá rellenar obligatoriamente los siguientes campos: Código del artículo. Mediante la opción Seleccionar (Figura 8-6(a)) podemos escoger el artículo que queremos mostrar en un escaparate del comercio. En este ejemplo empezaremos escogiendo el artículo Mocasines Sepaco. Recuerde que ahora no estamos introduciendo un nuevo artículo, sino que hemos seleccionado uno de los que ya existen en el comercio. Por lo tanto, todos los datos que ya habíamos introducido del artículo continúan siendo válidos, y algunos de ellos se aprovecharán para crear la Ficha de escaparate. Los datos que se pueden introducir en este formulario corresponden a la información adicional necesaria para la presentación de este artículo en el escaparate. Estado. Seleccionamos si el artículo corresponde a una novedad o a una oferta. En función de la elección, permitiremos que el artículo se muestre en un escaparate de novedades o uno de ofertas. # Columnas. Esta opción le permite escoger la medida de la Ficha de escaparate. Dispone de 3 medidas para elegir. La medida 1 ocupa 1/3 parte del espacio destinado para el Escaparate. Si escoge la opción 2, la ficha será 2/3 partes del Escaparate y si escoge la medida 3, toda la parte del escaparate será utilizada por la ficha. Principal. Determinamos si queremos que la Ficha de escaparate seleccionada se muestre en el Escaparate principal. Está compuesto por una opción de activación y un orden. Opción de activación. Determinamos si la ficha de escaparate se mostrará en el escaparate principal o no. Orden. Nos da la posibilidad de situar el artículo en una posición concreta dentro del escaparate. Las fichas de escaparate se muestran una debajo de la otra, de tal forma que la ficha que tenga un valor inferior en el campo orden, aparecerá antes que otra que tenga valor superior. Podemos introducir números negativos en el campo orden para poder incorporar nuevas fichas de escaparate en la primera posición sin tener que reordenar las existentes. Familia. Especificamos si queremos que nuestra Ficha de escaparate se muestre en el Escaparate de familia a la que corresponde el artículo. No tendría sentido que un artículo se mostrase en el escaparate de una familia distinta a la que él pertenece. Tiene los mismos campos que Principal (opción de activación y orden). Si lo hubiésemos activado, el artículo aparecería en el escaparate de la familia Ropa (a la cual pertenece nuestro artículo). Para ver el escaparate de una familia, debemos hacer clic sobre el nombre de la familia correspondiente. 88

94 DISEÑO DEL COMERCIO Fabricante. Escogemos si queremos que la Ficha de escaparate se muestre en el Escaparate de fabricante al que corresponde el artículo. Los campos son iguales que en el caso de Principal y de Familia (opción de activación y orden). Los siguientes campos no son obligatorios: Titular. Podemos añadir un texto no superior a 50 caracteres que aparecerá en la Ficha de escaparate como título. Por ejemplo, para los Mocasines Sepaco añadiremos el siguiente texto: Última novedad de Sepaco. Comentario. Es un texto ilimitado que puede ser escrito en HTML, activando la opción Este comentario contiene HTML. Este texto aparecerá en la Ficha de escaparate, añadiendo más información sobre la novedad u oferta. Consideraremos el siguiente texto que no está escrito en HTML: Los mejores mocasines ya han llegado En la ficha de escaparte también podemos introducir una fotografía. En la parte inferior de la pantalla Nueva Ficha de Escaparate (ver Figura 8-6(b)) verá una zona reservada a la introducción del gráfico de escaparate igual al de la Figura 8-1. Puede introducir un gráfico de 70x70 pixels, que se verá en la Ficha de escaparate correspondiente del comercio (Figura 8-8 (b)). La confirmación de los datos en esta pantalla (mediante el botón OK) generará una nueva línea en la pantalla de Lista de fichas de escaparate (Figura 8-7). Figura 8-7. Pantalla de Lista de fichas de escaparate con una ficha. Ya hemos creado una Ficha de escaparate, por lo que nos aparece la primera línea en esta lista. Vemos que se mostrará en un escaparate de Novedad, y sólo en el Escaparate principal. En el comercio podemos ver cómo se muestra la Ficha de escaparate (Figura 8-8). Haciendo clic en el nombre del artículo (Figura 8-8(a)) el cliente puede acceder a la Ficha de artículo, donde verá los datos ampliados del artículo. 89

95 DISEÑO DEL COMERCIO (b) Espacio para la imagen del Escaparate Figura 8-8. Pantalla de Escaparate principal con una ficha de escaparate. (a) Acceso a la Ficha de artículo Ahora es el momento de introducir otro artículo en el Escaparate principal. Añadiremos el artículo Cinturón Lopuce en Novedades del Escaparate principal, de forma que aparezca en segunda posición. Recuerde que debe activar sólo la opción de activación del Escaparate principal, y que ahora ha de poner un 2 en el orden Opciones de Diseño de escaparates En el menú Diseño, submenú Escaparates del Backoffice existe un campo llamado # Fichas de escaparate en cada página, el cual nos permite modificar la distribución de los artículos en un escaparate. Este campo contiene el número de Minifichas de escaparate que se muestran en una página. Si el número de minifichas a mostrar es superior al valor del campo, éstas se reparten entre varias páginas, de forma que se puede cambiar de una a otra mediante las opciones Página siguiente y Página anterior. En esta pantalla también aparece el campo URL del escaparate principal-general, el cual permite especificar la dirección de una página web externa que el comerciante puede desear mostrar en su comercio. Figura 8-9. Pantalla de Diseño de escaparates. Si el comerciante decide rellenar el campo URL, cuando el cliente entre en el comercio o pulse la opción Shop, aparecerá la página web que haya especificado. Esta página se mostrará sobre un nuevo escaparate que recibe el nombre de General. Si pusiésemos la URL la imagen que aparecería en dicho escaparate sería la siguiente: 90

96 DISEÑO DEL COMERCIO Figura Pantalla Home. Este escaparate aparecerá cuando un usuario entre en el comercio o haga clic en la opción Shop. Como el campo URL se ha rellenado, aparecen tres escaparates: General, Novedades y Ofertas. Si no se hubiera especificado ninguna URL, el escaparate mostrado habría sido el de Novedades. De forma análoga, el comerciante puede añadir un escaparate General a cada una de las Familias. Para ello, deberá editar la familia a la cual desee vincular una página web y rellenar el campo URL (ver Figura 2-2). Esta página aparecerá cada vez que el usuario haga clic sobre el nombre de la familia en cuestión Gráficos Hay áreas del comercio compuestas por gráficos (denominados mapas de bits) como fondo del comercio (background). Los gráficos se pueden modificar en el Backoffice, en el menú Diseño dentro del submenú Gráficos. Los formatos gráficos que acepta el comercio son los que admite un navegador: como mínimo gif, jpg y png. El tamaño (en pixels) es distinto para cada gráfico, y aparece en la pantalla de Gráficos (Figura 8-11). Para substituir un gráfico, el primer paso consiste en crearlo con el tamaño adecuado. Para ello se puede usar cualquier programa de edición gráfica. Una vez realizado, se debe almacenar con uno de los formatos anteriormente mencionados (gif, jpg, png, etc.). 91

97 DISEÑO DEL COMERCIO En la pantalla de la (Figura 8-11) podemos substituir el anterior gráfico por el nuevo, haciendo clic en el botón Browse correspondiente al gráfico a cambiar. Ahora podemos escoger el fichero anteriormente creado, y la substitución queda realizada. Hay que tener en cuenta que una vez sustituido el gráfico, el que había anteriormente desaparece. Por ello, deberíamos tener una copia de los gráficos antes de substituirlos. Una de las formas de guardar un gráfico del comercio es haciendo clic con el botón derecho del ratón en el gráfico a sustituir (ver Figura 8-11) y escoger la opción Save Image As (Guardar imager como)... para guardar dicha imagen en su tamaño original en la carpeta y con el nombre deseados. Figura Imágenes de jerarquías del comercio. En el comercio hay 6 áreas gráficas que se pueden modificar para dar un aspecto personalizado a las jerarquías. Dichos gráficos se muestran en el árbol que muestra las familias/subfamilias y fabricantes/subfabricantes. En la parte central de la pantalla aparecen las Imágenes principales y las Imágenes de navegación. Las Imágenes principales son las que aparecen respectivamente en el frame horizontal y vertical del comercio como background. En las Imágenes de navegación aparecen aquellos iconos que complementan y personalizan el comercio, facilitando su utilización al usuario. 92

98 DISEÑO DEL COMERCIO Figura Imágenes principales y de navegación del comercio. La parte inferior de la pantalla permite configurar tres Mapas sensibles. El primero corresponde al frame horizontal. El segundo permite añadir un mapa sensible encima del campo de búsqueda del frame vertical. El último añade un mapa sensible debajo de la búsqueda. Figura Imágenes de los Mapas sensibles del comercio. 93

99 DISEÑO DEL COMERCIO En la parte derecha se puede introducir un gráfico para cada uno de los mapas sensibles. En la parte izquierda aparece el código que permite configurar el comportamiento del mapa sensible de tal forma que podemos introducir botones y un comportamiento asociado a cada botón (por ejemplo, acceso a otras páginas Web, tales como una página de ayuda, de listado de precios, de contacto con el comerciante, de información, etc.). Podemos hacer que un gráfico no se muestre, usando la propiedad que permiten los archivos gráficos gif de tener un color como transparente. De esta forma, podemos crear un gráfico del tamaño requerido pintado del color transparente de la paleta. Al introducir dicho gráfico en un comercio, únicamente se mostrará el color de fondo del comercio (ver Colores de fondo en el capítulo 8.5). 8.4 Colores de texto Para modificar el color de un texto de nuestro comercio debemos acceder al menú Diseño, submenú Colores de texto. En esta pantalla aparecen 8 tipos de texto cuyo color podemos modificar. Figura Pantalla de Colores de texto en el Backoffice. Tanto los Colores de texto como los Colores de fondo se deben introducir en RGB y formato hexadecimal: 94 Formato hexadecimal. Los valores que acepta un color van de 0 a 255. El formato hexadecimal es un formato numérico distinto (de base 16), cogiendo valores desde 00 (0) hasta FF (255). Formato RGB. Formato para definir un color, que consta del valor rojo (Red), verde (Green) y Azul (Blue) en este orden. Cada color está representado por un valor hexadecimal que va de 00 (sin color) hasta FF (máxima intensidad). Por ejemplo, el color rojo puro se representará por FF0000, el verde por 00FF00 y el amarillo por FFFF00.

100 DISEÑO DEL COMERCIO Cada tipo de texto se refiere al color de un conjunto de textos en la pantalla. Podemos dar hasta ocho colores distintos para los textos de nuestro comercio. A continuación se describe en qué lugares aparece cada texto y se muestran las principales pantallas a las que afecta el color de texto modificado. En nuestro ejemplo el color de texto modificado será el azul. Así que las pantallas que se verán a continuación muestran siempre un texto azul para identificar los lugares del comercio en los que afecta dicha modificación: Texto 1. Es el color principal, aparece en los textos principales de la página. El color original es el negro y aparece en las siguientes pantallas: Zonas en las que afecta el color Texto 1 (en Azul) Zonas en las que afecta el color Texto 1 (en Azul) 95

101 DISEÑO DEL COMERCIO Zonas en las que afecta el color Texto 1 (en Azul) Zonas en las que afecta el color Texto 1 (en Azul) 96

102 DISEÑO DEL COMERCIO Texto 2. Aparece en el nombre de Familia/Subfamilia que encabeza el conjunto de Fichas de artículo de la Subfamilia escogida. Únicamente se modifica el color de este texto de todo el comercio. Zona en las que afecta el color Texto 2 (en Azul) Texto 3. Con este color se muestra el link de Familia y Subfamilia y el link de Búsqueda Avanzada. Solamente se modifica los links del texto del frame. En ningún texto más del comercio. Y únicamente cuando pasa el ratón por encima del texto. Zona en las que afecta el color Texto 3 (en Azul). Solamente se modifica cuando pasa el ratón por encima del texto. Texto 4. Se muestra como color de opción desactivada en los textos Página Anterior y Página Siguiente cuando estas opciones no tienen efecto (Página Anterior no tiene efecto en la primera página, Página siguiente no tiene efecto en la última página). 97

103 DISEÑO DEL COMERCIO Zona en las que afecta el color Texto 4 (en Azul). Zona en las que afecta el color Texto 1 (ahora en Negro). Texto 5. Es el color de los encabezamientos en la pantalla de Hacer un pedido (Artículo, Cantidad, Precio unitario, Subtotal base, % IVA, etc), así como también los títulos de la pantalla de Nuevo Usuario (Datos identificación, Datos personales...) Zona en las que afecta el color Texto 5 (en Azul). 98

104 DISEÑO DEL COMERCIO Zona en las que afecta el color Texto 5 (en Azul). Texto 6. Es el color del nombre del artículo en las Minifichas de artículo, así como también en las búsquedas, parte del título de la palabra buscada. Zona en las que afecta el color Texto 6 (en Azul). 99

105 DISEÑO DEL COMERCIO Zona en las que afecta el color Texto 6 (en Azul). Texto 7. Color del los links de las jerarquías al pasar el ratón por encima. Zona en las que afecta el color Texto 7 (en Azul). Solamente cambia de color cuando el ratón pasa por encima del texto. Texto 8. Es el contrario del color de texto 6. Es el color del link del nombre del artículo en las Minifichas de artículo, así como también en las búsquedas, parte del título de la palabra buscada. 100

106 DISEÑO DEL COMERCIO Zona en las que afecta el color Texto 8 (en Azul). Solamente se modifica el color cuando pasa el ratón por encima del texto. Zona en las que afecta el color Texto 8 (en Azul). 8.5 Colores de fondo En nuestro comercio, cada zona de la pantalla está asociada a un color que podemos modificar. Los colores de fondo se pueden modificar en el submenú Colores de fondo del menú Diseño. Los colores que aparecen en la pantalla (Figura 8-16 (a)) sirven para identificar la zona que modificaremos en el comercio (Figura 8-16 (b)). Debemos tener en cuenta que los colores que se muestran no son los que introducimos, sino que sólo sirven para relacionar el color que cambiamos (Figura 8-16 (a)) con la zona modificada en el comercio (Figura 8-16 (b)). Igual que con los colores de texto, los colores de fondo se deben introducir en RGB y formato hexadecimal. 101

107 DISEÑO DEL COMERCIO (b) Zona afectada (a) Color de una zona Figura Colores de fondo. Esta pantalla nos permite modificar el color de fondo del comercio. Los colores que aparecen sirven para relacionar la zona de cada color, pero no son representativos del color real mostrado. Algunas zonas tienen un gráfico asociado, por lo que para poder ver el color de fondo, el gráfico tiene que ser transparente, tal como se ha explicado en el capítulo 8.3 Gráficos. Ahora puede probar a modificar el color de fondo 7, que corresponde al fondo principal del comercio y que ahora está en blanco (FFFFFF, máxima intensidad para cada color). Para ponerlo en azul puede introducir 0000FF. Vea en el comercio cómo ha quedado el cambio. 8.6 Estructura de frames y posición de los iconos de idiomas Una de las opciones que ofrece una capacidad de personalización más drástica y espectacular es la posibilidad de cambiar la posición de los frames del comercio. La pantalla de Estructura de frames se encuentra en el submenú Estructura de frames del menú Diseño, que también permite cambiar la posición de los iconos de idiomas. El comercio tiene 3 frames con contenido y funcionalidades distintas. Los tres frames son: 102

108 DISEÑO DEL COMERCIO Horizontal (frame A). Esta zona contiene una imagen principal usada como background, y una imagen de mapa sensible a la que se puede asociar código HTML, tal como se ve en el capítulo 8.1 Diseño de los artículos. Este frame se puede situar en la parte superior (Figura #1 y Figura #2 de la (Figura 8-27) o inferior (Figura #3 y Figura #4 de la (Figura 8-27) del comercio. Podemos introducir el Tamaño del frame A, que contiene el número de pixels verticales que ocupará dicho frame. Vertical (frame B). Es el frame que contiene las opciones de búsqueda y el árbol de jerarquías, y a la cual se le pueden añadir 2 mapas sensibles, uno encima y otro debajo de la búsqueda. El frame vertical se puede colocar a la derecha (Figura #2 y Figura #3 de la (Figura 8-27) o a la izquierda (Figura #1 y Figura #4 de la (Figura 8-27) del comercio. Podemos introducir el Tamaño del frame B, que contiene el número de pixels horizontales visibles de dicho frame. Además, podemos especificar el margen izquierdo y derecho del contenido del frame. Si la suma de los márgenes más el ancho del contenido es superior al Tamaño del frame B, aparecerá una barra de scroll en la parte inferior para ver la totalidad del frame. Principal. Es la zona central del comercio que ocupa la parte de la pantalla que no usan el frame vertical y el horizontal. En esta zona es donde se le mostrará al usuario la información que vaya solicitando en su navegación por el comercio. También hay la posibilidad de cambiar la posición de los iconos de idiomas, cuando un comercio tiene más de un idioma. Dichos iconos se pueden colocar en el frame horizontal y en el vertical. En el frame horizontal pueden ir 2 posiciones: en la parte superior derecha o en la parte inferior derecha. En el frame vertical quedaría situado debajo de la opción de Búsqueda avanzada. 103

109 DISEÑO DEL COMERCIO Figura Pantalla de Estructura de frames. 104

110 MAILING 9 MAILING Esta opción está disponible sólo si el plan de precios acordado lo permite. Un comerciante puede estar interesado en enviar un a todos sus clientes para comunicarles alguna noticia, como por ejemplo, alguna promoción especial, algún cambio en la distribución de los artículos en el comercio, etc. Para ello, YLOS ha creado la posibilidad de enviar de forma masiva mensajes a los clientes. Desde el menú Soporte en submenú Mailing Clientes el comerciante puede acceder a la pantalla de Lista de s (ver Figura 9-1). (a) Creación de un Figura 9-1. Pantalla de Lista de s. En estos momentos no disponemos de ningún para enviar a los clientes, así que vamos a crear uno haciendo clic en Nuevo (Figura 9-1 (a)). Seleccionando esta opción, accederemos a la pantalla de Edición de un (ver Figura 9-2). 105

111 MAILING Figura 9-2. Pantalla de Edición de un . En esta pantalla el comerciante debe rellenar obligatoriamente los siguientes campos: Fecha de activación. Indica el día en el cual se va a enviar este a los clientes. Si se quiere enviar de forma inmediata, se debe activar la opción Enviar inmediatamente y entonces, no es necesario rellenar esta fecha. De. En este campo el comerciante debe especificar una dirección de correo electrónico que actúa como remitente del mensaje enviado. Aparece por defecto la misma que en el campo #1( Figura 7-5): comerciante@su-dominio.com. Asunto. Aquí se debe escribir un título que haga referencia al contenido del mensaje. Por ejemplo: Oferta Zapatos Lopuce. Mensaje. En este espacio el comerciante puede redactar el texto que desee enviar a sus clientes. Existe la posibilidad que el texto introducido sea HTML. Para ello, se debe activar la opción Este mensaje contiene HTML. El comerciante debe escribir el mensaje en aquellos idiomas que soporte el comercio, de forma que los clientes recibirán el en su idioma. Después de confirmar esta pantalla (pulsando en botón OK), aparecerá nuevamente la pantalla de Lista de s pero con un mensaje ( Figura 9-3). 106

112 MAILING Figura 9-3. Pantalla de Lista de s con un mensaje. En esta lista podemos ver los campos rellenados que en la pantalla anterior no aparecían: Código. Es la numeración que corresponde al mail que se envía a todos los clientes del comercio. Asunto. muestra la explicación breve que hemos introducido en el campo Asunto, cuando hemos redactado el mensaje. Estado. Si los s no se han enviado todavía, el Estado será Sin enviar, cuando se estén enviando será Enviando y una vez ha finalizado el proceso de envío, el Estado pasará a Enviado. Fecha de alta. Indica el día en el cual el comerciante dio de alta el (escribió el mensaje). Si hubiésemos activado la opción Enviar inmediatamente, la fecha de alta y la fecha de activación hubieran coincidido. Mails. Este campo se rellena posteriormente de forma automática e indica el número de s que deben ser enviados. (debe coincidir con el número de clientes que tenga el comercio) Enviados. También se rellena de forma automática, al cabo de un tiempo de haberse completado el proceso de envío, y contiene el número de mensajes que han sido enviados. Si no se produce ningún error, debe coincidir con el campo anterior. 107

113 ESTADÍSTICAS 10 ESTADÍSTICAS Las estadísticas constituyen una herramienta que permitirá analizar el comportamiento de los clientes en nuestro comercio, y tomar así las decisiones más adecuadas para lograr objetivos (venta, visitas, marketing, etc). Esta opción estará disponible únicamente si el plan de precios acordado lo permite. En un comercio YLOS podemos obtener estadísticas sobre los eventos que en él se producen. Así, podemos generar listados y gráficas de aquello que sucede en la tienda. Desde el menú Estadísticas se puede acceder a los submenús de Listados y de Gráficas. Recuerde que también podrá acceder a los gráficos del movimiento de su comercio en las últimas 24 horas, a través de la pantalla de Bienvenida (Figura 1-2) Listados Los listados proporcionan una información más difícil de interpretar a primera vista sobre lo que ocurre en el comercio aunque de forma más detallada. Vamos a ver qué tipos de listados se pueden solicitar (ver Figura 10-1). Para poder obtener un listado es necesario que el comerciante escoja un Periodo y un Concepto determinados: Periodo. Es el intervalo de tiempo del cual queremos obtener un listado. Los periodos a escoger son: Últimas 24 horas, Últimos 7 días, Últimos 30 días, Últimos 12 meses, Hoy, Ayer, Esta semana, La semana pasada, Este mes, El mes pasado, Este año y El año pasado. Concepto. Nos permite seleccionar el tipo de datos a listar. Los conceptos posibles son: Actividad, Artículos, Familias, Fabricantes, Búsquedas, Usuarios y Referencias externas. De estos últimos, el concepto Fabricantes aparecerá únicamente si el comercio tiene activada la segunda jerarquía. 108

114 ESTADÍSTICAS Figura Pantalla de Selección de listados. Cuando el comerciante solicite un listado le aparecerá una tabla con tantas filas como eventos haya para dicha consulta. El número de columnas dependerá del concepto seleccionado Listado de Actividad Si el comerciante escoge la opción Actividad, en el listado se mostrarán las siguientes columnas: Intervalo. Muestra el periodo de tiempo para el cual se ha solicitado el listado. Por ejemplo, si se piden las últimas 24 horas, aparecerán 24 intervalos de una hora cada uno. Sesiones. Número de veces que un usuario se conecta a un comercio YLOS abriendo previamente un navegador. La acción de cerrar y abrir de nuevo el comercio no se contabiliza como una sesión nueva si no se cierra el navegador. Hits. Número de elementos enviados por el servidor web YLOS. Estos elementos pueden ser documentos HTML, archivos, gráficos, imágenes, etc. Mbytes servidos. Cantidad de Mbytes enviados desde el servidor web YLOS. Usuarios nuevos. Número de nuevos usuarios que se han registrado en el comercio durante el periodo de tiempo seleccionado. 109

115 ESTADÍSTICAS Veamos un ejemplo de un Listado de actividad: Figura Pantalla de Listado de actividad de los últimos 7 días. Esta pantalla muestra un listado de la actividad en el comercio. El periodo seleccionado en este caso ha sido los últimos 7 días. Para este periodo en concreto se ha decidido dividir cada día en cuatro intervalos de seis horas. Con esta división se pretende saber en que parte del día existe mayor actividad Listado de Artículos Si se escoge el concepto Artículos, aparecerán las siguientes columnas: Código. Identificador del artículo. Habrá tantas filas como códigos diferentes existan en el comercio. Artículo. Nombre del artículo tal como aparece en el comercio. Visitas. Número de veces que se ha visitado un artículo desde el comercio. Únicamente se contabilizan las visitas realizadas a las fichas de artículo. 110

116 ESTADÍSTICAS Añadidos al carro. Número de veces que se ha introducido un artículo en el carro de la compra, independientemente de que después se realice el pedido. Pedidos desde el comercio. Unidades de un artículo pedidas desde el comercio Listado de Familias Si se selecciona Familias, tendremos las siguientes columnas: Familia. Es el nombre de la familia tal como aparece en el comercio. Subfamilia. Nombre de la subfamilia. Habrá tantos registros como subfamilias distintas tenga el comercio. Visitas. Contabiliza las visitas realizadas a las fichas de artículo para cada familia y subfamilia determinadas Listado de Fabricantes El listado de Fabricantes nos mostrará la siguiente información: Fabricante. Es el nombre del fabricante que hemos utilizado en el comercio. Sección. Nombre de la sección. Habrá tantas filas como secciones haya en el comercio. Visitas. Contabiliza las visitas realizadas a las fichas de artículo para cada fabricante y sección determinados Listado de Búsquedas En los listados de búsquedas tendremos la relación de las palabras más buscadas en el comercio, con la siguiente información: Término. Palabra o conjunto de palabras introducidas en la Búsqueda simple. Estas búsquedas se han realizado en los campos Descripción, Comentario y Descripción adicional de los artículos. Éxitos. Número de búsquedas en las cuales se ha encontrado algún artículo del comercio. 111

117 ESTADÍSTICAS Fallos. Búsquedas en las cuales el término a buscar no está en ningún artículo. Total. Suma de las columnas Éxitos y Fallos Listado de Usuarios Para el listado de Usuarios aparecerán las siguientes columnas: . Dirección de correo electrónico que el cliente utiliza para identificarse en el comercio. Este listado tendrá tantas filas como clientes haya registrados. Pedidos pendientes. Número de pedidos pendientes solicitados desde el comercio o desde el Backoffice por cada cliente. Pedidos tramitados. Número de pedidos tramitados solicitados desde el comercio o desde el Backoffice por cada cliente. Total pendientes. Suma de los importes de los pedidos pendientes. Total tramitados. Suma de los importes de los pedidos tramitados Listado de Referencias externas En el listado de las Referencias externas se mostrarán: Referencia externa. Direcciones de páginas web que están enlazadas con nuestro comercio YLOS. Mediante esta información, el comerciante podrá ver desde dónde acceden los usuarios al comercio. Visitas. Número de veces que nos han visitado desde cada Referencia externa Gráficas Las gráficas tienen la ventaja de ofrecernos una información visual del concepto a analizar, de forma que se puede hacer una interpretación rápida de lo que está sucediendo en el comercio. A continuación vamos a ver qué tipos de gráficos se pueden generar (ver Figura 10-3). Al igual que en los listados, los Conceptos y los Periodos serán los mismos. 112

118 ESTADÍSTICAS Figura Pantalla de Selección de gráficas. Las gráficas que se pueden generar se corresponden con los listados que se han visto en el capítulo 10.1 Listados. Los Conceptos por los que se puede obtener gráficas son los mismos que resultan de los Listados: Actividad, Artículos, Familias, Fabricantes, Búsquedas, Usuarios y Referencias externas. Si el comerciante escoge el concepto Actividad, obtendrá las siguientes gráficas: Sesiones de web servidas, Hits, Datos servidos y Usuarios nuevos. Estas gráficas resumirán en un diagrama de barras toda la información que hay en los listados. Se caracterizan por tener en el eje de abscisas el intervalo temporal escogido en el campo Periodo. Un gráfico de estas características nos permitirá ver de forma rápida cualquier tendencia o acumulación de datos. 113

119 ESTADÍSTICAS Figura Gráfica de Hits de los últimos 30 días.. Las restantes gráficas (Artículos, Familias, Fabricantes, Búsquedas, Usuarios y Referencias externas) se caracterizan por tener los 10 elementos más destacados en el eje de abscisas. Figura Gráfica de Búsquedas fallidas más frecuentes de los últimos 12 meses. Esta pantalla nos muestra la relación de palabras buscadas con más frecuencia durante los últimos 12 meses. Por lo tanto, puede ayudarnos a dar los nombres más adecuados a familias o artículos para que disminuya el número de fallos. Las gráficas de Usuarios proporcionan una información distinta a la que daban los listados: dan la relación de los 10 usuarios que más han comprado en un determinado periodo, y la de los 10 que más han visitado el comercio. De esta forma, el comerciante puede contactar con los clientes más fieles y ofrecer descuentos o promociones especiales. 114

120 AYUDA 11 AYUDA Para que el comerciante disponga de un eficaz y ágil soporte técnico cuando lo necesite, YLOS incorpora una herramienta que permite poner en contacto al comerciante con nuestro equipo de soporte técnico. En el menú Ayuda, verá el submenú Consultas Realizar una consulta Esta ventana nos muestra el listado de consultas que hemos realizado. De momento aparece vacía ya que todavía no hemos realizado ninguna. Para realizar una nueva consulta pulse sobre Nueva (Figura 11-1 (a)). (a) Realizar una nueva Consulta Figura Pantalla de Lista de Consultas. En la pantalla que aparecerá a continuación debe rellenar obligatoriamente los siguientes campos: Asunto: Es el tema o una explicación breve sobre la consulta. Comentario: En este campo es donde puede realizar las cuestiones que nuestros técnicos resolverán. Es recomendable que esta explicación sea suficientemente clara y explícita, así el equipo de soporte técnico podrá detectar el error o la solución de su consulta con mayor acierto y sin la necesidad de distintos diálogos. 115

121 AYUDA Figura Pantalla de Creación de una Consulta La aceptación de esta ventana, mediante el botón OK, enviará la consulta a los técnicos de YLOS y aparecerá en la pantalla Lista de Consultas (Figura 11-3) con la cuestión que acabamos de realizar. Figura Pantalla de Lista de Consultas ( Pendiente). Vemos que en esta ventana, donde ahora aparece la consulta que anteriormente hemos realizado, nos muestra tres campos. Consulta. Indica el número de consulta que corresponde a la cuestión realizada. Asunto. Muestra la explicación breve que hemos introducido en el campo Asunto (en nuestro ejemplo, Tarifas). Estado. Es el estado en el que se encuentra la consulta. Está como Pendiente, ya que todavía no ha sido respondida por los técnicos de YLOS. Estos son los pasos que ha de seguir para realizar cualquier consulta, duda o formular algún problema técnico al equipo de soporte de YLOS. 116

122 AYUDA 11.2 Leer una consulta Cuando la consulta sea respondida, podrá comprobar que en la pantalla de Bienvenida le indica que tiene una consulta respondida (Figura 11-4). Tal y como le explicamos en el capítulo 1 BIENVENIDA, la pantalla Bienvenida le recuerda que tiene una consulta respondida y enlaza, mediante el link Mas información, al menú Ayuda, donde podrá visualizar la respuesta a su cuestión. También puede dirigirse al menú Ayuda directamente, sin pasar por la ventana de Bienvenida ni pulsar sobre el link. Figura Pantalla de Bienvenida. Al acceder al menú Ayuda podrá observar que, en la ventana Lista de Consultas aparece su consulta pero con el estado modificado. Cuando la consulta es respondida por nuestro equipo técnico el estado de la consulta que usted abrió, queda como Respondida (Figura 11-5). Para ver la respuesta a su consulta pulse sobre el botón Editar. Figura Pantalla de Lista de Consultas ( Respondida). Después de editar la consulta la pantalla de Edición de consultas (Figura 11-6) le mostrará información sobre la cuestión realizada. Podrá ver la pregunta que usted realizó y la respuesta que le ha facilitado nuestro equipo de soporte técnico. 117

123 AYUDA (a) Realizar un nuevo diálogo Figura Pantalla de Edición de Consultas. En esta ventana observará que consta de tres apartados. En la sección General encontrará el número de consulta y el asunto de ésta. En el apartado Diálogo actual podrá ver el número de diálogo, la pregunta que usted formuló y la respuesta a dicha cuestión. El tercer apartado es la Lista de Diálogos, en estos momentos solamente existe 1 diálogo entre el comerciante y el equipo de soporte técnico, ya que solamente se ha formulado una cuestión. El botón Info le informa de la fecha y hora de la consulta y de la respuesta, el número de diálogos y el número de consulta. Si después de leer la respuesta, su duda queda solventada puede aceptar la ventana de Edición de consultas pulsando sobre OK. Será entonces cuando en la pantalla Lista de Consultas podrá ver el Estado Finalizada. 118

124 AYUDA Figura Pantalla Lista de Consultas ( Finalizada) Añadir un nuevo diálogo Si no fuera así, si la consulta no ha sido solventada y quiere retomar la consulta, puede pulsar sobre el botón Nuevo, en el apartado Lista de Diálogos (Figura 11-6 (a)). Esta opción le permite crear un nuevo diálogo referente a la misma consulta. Debe tener en cuenta que solamente seguirá el caso, creando un nuevo diálogo si la consulta hace referencia o es un seguimiento de la primera que se realizó. Si es una consulta totalmente distinta, se recomienda aceptar la pantalla de Edición de Consultas y realizar una nueva consulta, con otro asunto, diálogos y numeración. Después de pulsar sobre el botón Nuevo (dentro de la pantalla Edición de consultas, en el apartado Lista de Diálogos), aparecerá la pantalla de Nuevo diálogo, con el mismo número de consulta, el mismo asunto y la posibilidad de formular otra explicación (Figura 11-8). Figura Pantalla de Nuevo diálogo. Aceptando esta ventana mediante el botón OK, añadirá el nuevo diálogo a la consulta que había realizado. En la pantalla Edición de Consultas podrá ver el nuevo diálogo. 119

125 AYUDA Figura Pantalla de Edición de Consultas. Observe que en la sección Diálogo actual se muestra el comentario que usted acaba de formular, así como en el apartado Lista de diálogos aparecen todos los diálogos de que consta la consulta. El campo Respuesta aparece Pendiente ya que todavía no se ha enviado la consulta con el nuevo diálogo. Acepte esta ventana mediante el OK, la consulta aparecerá en la pantalla Lista de Consultas y será enviada con el estado Pendiente a nuestro equipo técnico (Figura 11-3). El transcurso de la consulta será el mismo tenga los diálogos que tenga, así que, cuando la consulta sea respondida, aparecerá en la pantalla de Bienvenida (ver Figura 11-4), indicando que ha sido respondida. Después de leer la respuesta, si ésta es satisfactoria, podrá pulsar sobre el botón OK de la pantalla Edición de Consultas y dará por finalizada la cuestión (ver Figura 11-7). 120

126 HERRAMIENTAS DEL BACKOFFICE 12 HERRAMIENTAS DEL BACKOFFICE En un comercio tradicional, todos los movimientos que genera la compra, venta, exposición, de artículos quedan registrados en una base de datos para que se pueda llevar una distribución y un control de lo sucedido en el comercio. Existen listados de clientes, de artículos, de pedidos...cada negocio usará su propios programas para almacenar dicha información. Como usted habrá podido comprobar con el uso de YLOS y a través de las explicaciones de este manual, todas las transacciones que se realizan mediante su tienda YLOS quedan almacenadas en el Backoffice. Así usted puede observar que dispone de un listado de clientes, de artículos, puede organizar la exposición de éstos en el comercio (mediante las familias / subfamilias y fabricantes / secciones)... Con el fin de tener todos los datos en una solo aplicativo y poder gestionar mejor el comercio, YLOS ha incorporado una herramienta muy válida: la Importación de datos. Si usted dispone de una base de datos en la que almacena clientes, artículos... puede subirla al Backoffice a través de esta opción Configuración de una tabla Los primeros pasos que ha de seguir para realizar la importación de datos, es configurar la tabla para que el comercio YLOS interprete correctamente los campos de su base de datos. En el menú Herramientas dentro del submenú Importación aparecerá una ventana (Figura 12-1) con tres opciones: Configuración, Importación de datos y Resúmenes. Pulse sobre Configuración para comenzar con la importación de su base de datos. Figura Pantalla de Importación. En la pantalla que aparecerá a continuación le permite seleccionar el tipo de fichero que va a importar. Puede importar archivos de tipo ASCII o dbase III (con extensión.dbf). Los ficheros ASCII deben estar organizados en columnas y cada una de ellas equivale a un campo. 121

127 HERRAMIENTAS DEL BACKOFFICE En la importación desde ficheros dbase III, la única diferencia es que en la pantalla de Edición de una tabla (Figura 12-3, Figura ), en lugar de introducir el número de columnas, debe introducir el nombre de cada campo que usted previamente habrá diseñado en dbase III. En nuestro ejemplo vamos a importar datos de tipo ASCII, así que seleccionamos la opción ASCII y pulsamos sobre el OK. (pulsar sobre OK siempre que se modifique el tipo de fichero). La parte inferior de esta ventana nos muestra las diferentes opciones a importar. Puede importar Familias y subfamilias, Fabricantes y secciones, Artículos y Clientes. Figura Pantalla de Configuración de una tabla Tabla de Familias y subfamilias. Si decide importar Familias y subfamilias, después de pulsar sobre dicha opción, le aparecerá la pantalla de Edición de una tabla (Familias y subfamilias) en la que deberá indicar el valor que tiene cada columna, respecto a la base de datos que usted quiera importar. Podrá observar que esta ventana consta de 3 bloques. Dependiendo de la configuración de su tabla, deberá rellenar uno u otro (Figura 12-3 ). Lo primero que debe indicar antes de rellenar los campos de alguno de los 3 bloques, es responder e indicar las respuestas a las siguientes preguntas: 122 Qué símbolo utiliza para separar los campos del fichero? Escoja el mismo símbolo que el de su tabla. Pipe (ASCII 124 ), el tabulador, la coma(, ) o el punto y coma ( ; ). Cuántos niveles jerárquicos usa para clasificar las familias de artículos? Esta pregunta se refiere a si la tabla a importar dispone de Familia y subfamilia (en este caso el artículo tiene 2 niveles jerárquicos superiores) o si por lo contrario ha configurado su base de datos con un único nivel jerárquico. Lo que se hará es crear

128 HERRAMIENTAS DEL BACKOFFICE una familia padre (por defecto) de la que colgarán todas las familias del fichero (que ahora serán subfamilias). En nuestro ejemplo tenemos 2 niveles jerárquicos, con lo cual seleccionamos 2. Cuántas tablas utiliza para clasificar los niveles de familias? Debe escoger 1 si en un solo fichero tiene registradas las familias y subfamilias. Seleccione 2 si tiene 2 ficheros, uno para las familias y otro para las subfamilias. En este ejemplo disponemos de 2 ficheros diferentes. Figura Pantalla de Edición una tabla (Familias y subfamilias). 123

129 HERRAMIENTAS DEL BACKOFFICE En la pantalla de Edición de una tabla (Familias y subfamilias) (Figura 12-3 ), hemos rellenado campos obligados (*) y opcionalmente otros, insertando el número perteneciente a cada columna. A continuación mostramos la tabla de familia, previamente diseñada, para comprobar que los valores coinciden con los registros de nuestro fichero. (a) Código de Familia, columna 1 (b) Descripción Familia, columna 2 (c) Publicar familia. Columna 3, valor s. Figura Tabla de familia. (d)publicar subfamilia. Columna 4, valor s. (a) Código Familia, columna 1 (b)descripción subamilia, columna 3 (b) Código de subfamilia, columna 2 Figura Tabla de subfamilia. Después de haber introducido el valor de los campos (Figura 12-3 ), acepte la ventana mediante el botón OK. En este momento las tablas de familia y subfamilia ya están configuradas para la correcta importación hacia YLOS. 124