Curso práctico para crear una tienda online con el programa
etienda®
Julio García de la Peña
©2012 Julio García de la Peña julio@etienda.net
contenido del curso Introducción La tienda online con etienda® Aspectos a tener en cuenta al crear una tienda online Herramientas necesarias
1. El diseño gráfico de la web 1.1. 1.2. 1.3. 1.4.
Decoración y diseño Creación de la cabecera Las pestañas Presentación de diapositivas
2. La creación de contenidos 2.1. 2.2. 2.3. 2.4. 2.5. 2.6. 2.7.
Páginas informativas Fichas de productos Productos a partir de fotografías Importación y exportación Noticias Informaciones Áreas de documentos
3. Interacción con el cliente 3.1. 3.2. 3.3. 3.4.
El proceso de compra Formularios Cuestionarios Soporte al cliente
4. Publicidad y promoción 4.1. Boletines 4.2. Publicidad de afiliación 4.3. Optimización para buscadores (SEO) 4.4. Integración con redes sociales Anexo: Muestras de instalaciones realizadas con etienda® Tienda online, de la intención a la realidad
Índice
introducción ......................................................................................................................... 9 La tienda online con etienda® .................................................................................................... 23 etienda® un sistema modular ............................................................................................. 23 etienda®, una gran ayuda: .................................................................................................. 24 etienda®, una operativa en internet inmediatamente: ...................................................... 24 Cómo abordar un proyecto de una tienda online ..................................................................... 25 ¿Cuáles serán los pasos que daremos en la puesta en marcha del proyecto de la tienda online? ................................................................................................................................. 25 Pasos para iniciar un proyecto de tienda online ..................................................................... 25 ¿Qué tengo que hacer para tener una buena tienda online? ............................................. 26 Herramientas necesarias para construir una tienda online con etienda® .............................. 28 Disponer de una licencia del programa etienda® ............................................................... 28 Programas auxiliares necesarios ......................................................................................... 28
El diseño gráfico de la web ...................................................................................... 29 Decoración y diseño gráfico de la web creada con etienda® .................................................... 33 Importación y exportación del diseño ................................................................................ 33 Exportación del diseño ........................................................................................................ 34 Importación del diseño ....................................................................................................... 35 Edición de las imágenes de decoración .............................................................................. 36 Modificar las imágenes individualmente ............................................................................ 37 Edición de los estilos y colores de las líneas y textos .......................................................... 38 La cabecera en la tienda online.................................................................................................. 42 Crear la cabecera ................................................................................................................. 42 Cómo subir a la web el archivo para incorporarlo a la cabecera ........................................ 43 Inclusión de enlaces a redes sociales en la cabecera .......................................................... 46 Creación de pestañas de enlaces ........................................................................................ 48 2
Configuración de las barras de información .......................................................................... 48 Barra de información superior: ........................................................................................... 48 Diseño general de las pestañas ........................................................................................... 49 Agregar enlaces de pestañas ............................................................................................... 50 Personalización de una pestaña .......................................................................................... 51 Barra de información inferior.............................................................................................. 51 Creación de presentación de diapositivas en la página inicial.................................................. 56 Cómo se crea la presentación de diapositivas .................................................................... 57
La creación de contenidos en etienda® .......................................................... 59 Las páginas informativas en etienda® ....................................................................................... 63 Creación de páginas informativas .......................................................................................... 63 Añadir una página informativa ............................................................................................ 64 Añadir una URL con una web como página informativa ..................................................... 66 Añadir una url en cualquier otra url propia de nuestra web .............................................. 67 Creación de la página index ................................................................................................... 68 Creación de la página home o de bienvenida........................................................................ 69 Crear una presentación de diapositivas .............................................................................. 69 Crear una imagen estática como home .............................................................................. 70 Creación de páginas de avisos legales ................................................................................... 71 Política de privacidad .......................................................................................................... 71 Condiciones Generales ........................................................................................................ 71
Los productos en etienda® ......................................................................................................... 74 Crear productos manualmente en e-tienda .......................................................................... 74 Creación de un producto..................................................................................................... 74 El código de producto ......................................................................................................... 74 Caso práctico de creación de producto.................................................................................. 75 Colocación manual de los productos en la tienda online ................................................... 76 Creación de una categoría................................................................................................... 77 Creación de Subcategorías .................................................................................................. 78 Colocación de productos en las categorías de la tienda ..................................................... 79
3
Importación de las imágenes de los productos .................................................................. 82 Tamaño de las imágenes ..................................................................................................... 82 Nomenclatura de las imágenes ........................................................................................... 82 Zonas de imágenes en la ficha del producto en la presentación a los clientes .................. 83 Prefijos de Zonas ................................................................................................................. 83 Subir varias imágenes en bloque ........................................................................................ 83 Adaptación de una imagen a la web ................................................................................... 84 Primer paso: Abrir la imagen en Photoshop ....................................................................... 84 Segundo paso: Optimizar el tamaño del archivo ................................................................ 85 Ajuste del tamaño del archivo ............................................................................................ 86 Procedimiento de importación de imágenes ...................................................................... 87 Importación de imagen a la zona de imágenes de detalle.................................................. 87
Creación de productos a partir de fotografías........................................................................... 92 Preparación previa de las fotografías.................................................................................. 92 Subir las fotografías a etienda® ........................................................................................... 92 Creación de los productos ................................................................................................... 94
La importación y exportación de datos en etienda® ................................................................. 98 Importación de datos ............................................................................................................. 98 Procedimiento de asociación de campos ............................................................................ 98 Procedimiento de importación ......................................................................................... 100 Importación de las imágenes ............................................................................................ 102 Asociación de las imágenes a los productos ..................................................................... 102 Nomenclatura de las imágenes ......................................................................................... 102 Zonas de imágenes en la ficha del producto en la presentación a los clientes ................ 102 Prefijos de Zonas ............................................................................................................... 103 Exportación de datos ............................................................................................................ 103
Las noticias en etienda® ........................................................................................................... 106 Organización de las noticias .............................................................................................. 106 Estructura de una noticia .................................................................................................. 106 Creación de la categoría .................................................................................................... 106 Creación de una noticia ........................................................................................................ 109
4
Importar imágenes de la noticia ....................................................................................... 110 Importación de imágenes directamente a la noticia ........................................................ 110 Subir las imágenes en bloque para todas las noticias ....................................................... 112 Asociación de archivos a las noticias................................................................................. 113 Asociar archivos a una noticia ........................................................................................... 113 Creación de prefijos para titulo de archivos asociados..................................................... 113 Subir archivos para asociarlos a una noticia ..................................................................... 113 Campos asociados a las noticias .......................................................................................... 115 Creación de campos adicionales de noticias ..................................................................... 115 Completar campos adicionales en una noticia ................................................................. 116 Visualización de la noticia en la página web creada con eteinda® ................................... 117 Colocación de noticias destacadas en el menú ................................................................. 119 Ajustes de la configuración de las noticias........................................................................ 120
Las informaciones en etienda® ................................................................................................ 122 Crear un artículo de información ...................................................................................... 122 Imágenes de la información .............................................................................................. 124 Imágenes presentadas en galerías .................................................................................... 124 Presentación de las imágenes en el lado del cliente......................................................... 125 Galería fullscreen .............................................................................................................. 126 Galería transición suave .................................................................................................... 127 Galería deslizamiento lateral ............................................................................................ 128 Creación de campos y pestañas en un artículo de información ......................................... 129 Las pestañas con imágenes ............................................................................................... 129 Los campos de la información ........................................................................................... 130 Creación de campos y pestañas en un artículo de información ....................................... 131
Las áreas de documentos en etienda® .................................................................................... 134 El área de documentos general ............................................................................................ 134 Organización de los documentos ...................................................................................... 134 Creación de categorías en el área de documentos ........................................................... 135 Crear tipos de usuarios para el área de documentos ....................................................... 136 Subir archivos al área de documentos .............................................................................. 138 Editar la información del archivo subida al área de documentos ..................................... 139
5
Áreas privadas de documentos ............................................................................................ 140 Zonas del disco virtual ....................................................................................................... 140 Asignación de espacio a un usuario .................................................................................. 140 Visualización del área de documentos en el lado del cliente ........................................... 143
La interacción con el cliente en etienda® .................................................... 145 La compra en etienda® ............................................................................................................. 148 El proceso de la compra ....................................................................................................... 148 Las búsquedas de productos ............................................................................................. 148 Localización de un producto navegando por las categorías ............................................. 148 Localización del producto en una búsqueda ..................................................................... 150 Visualización de los detalles del producto ........................................................................ 150 Añadir el producto a una lista personal ............................................................................ 152 Realización del pedido.......................................................................................................... 152 Paso 1 de la compra .......................................................................................................... 152 Paso 2 de la compra .......................................................................................................... 153 Formulario de registro ...................................................................................................... 154 Paso 3, elección de la forma de pago................................................................................ 155 Formas de envío ................................................................................................................ 156 Zonas de envío y Fórmulas de portes................................................................................ 156 Definición de zonas de portes ........................................................................................... 156 Definición de fórmulas de envío ....................................................................................... 156 Paso 4, confirmación de los datos y finalización de la compra. ........................................ 157 Pago por transferencia ...................................................................................................... 157 Pago por Paypal ................................................................................................................. 158 Visualización del pedido en el lado del administrador ..................................................... 158 Recepción de confirmación del pedido ............................................................................. 160
Los formularios de contacto en etienda® ................................................................................ 162 Creación de un formulario de contacto con campos personalizados ............................... 162 Campos del formulario ...................................................................................................... 165 Añadir campos personalizados al formulario.................................................................... 165 Vista del formulario por los clientes ................................................................................. 165
6
Gestión de las solicitudes de información recibidas ......................................................... 166 Configuración de los estados de las solicitudes recibidas................................................. 166 Alertas de recepción de solicitudes................................................................................... 166 Consulta de solicitudes recibidas ...................................................................................... 166 Contestación a las solicitudes por SMS ............................................................................. 167 Contestación a las solicitudes por email ........................................................................... 167
Los cuestionarios y la captación de información de los usuarios en etienda® ...................... 170 Creación de cuestionarios .................................................................................................... 170 Gestión por el administrador de la información recibida ................................................. 173 Exportación de la información .......................................................................................... 175 Creación de encuestas .......................................................................................................... 176 Previsualización de la encuesta ......................................................................................... 178
Soporte a encargos, incidencias y consultas de clientes en etienda® .................................... 180 Los encargos ...................................................................................................................... 180 Creación de un encargo por el cliente .............................................................................. 181 Recepción de encargos y consultas en el lado del administrador .................................... 182 Acceso a las consultas desde el lado del administrador ................................................... 182 Presupuesto del encargo................................................................................................... 183 Contestación al encargo .................................................................................................... 183
Publicidad y promoción de la tienda .............................................................. 185 Creación de Boletines y Newsletters en etienda®................................................................... 188 ¿Cómo funcionan los boletines? ....................................................................................... 188 Generación del boletín ......................................................................................................... 188 Creación de una plantilla de boletín ................................................................................. 189 Creación de la cabecera .................................................................................................... 190 Creación de la introducción .............................................................................................. 190 Creación de la conclusión.................................................................................................. 191 Previsualización y edición de la plantilla ........................................................................... 191 Importación de direcciones de correo electrónico para el envío de boletines ................ 192 Destinatarios del boletín ...................................................................................................... 192
7
Introducir destinatarios manualmente ............................................................................. 192 Importación en bloque de direcciones de correo electrónico .......................................... 193 Importación a etienda® del Excel con los emails de los destinatarios .............................. 193 Creación de un boletín de productos ................................................................................... 195 ¿Cómo se crea un boletín de productos? ......................................................................... 195 Caso1. Tenemos una plantilla creada ............................................................................... 195 Caso 2. En el caso de que no tengamos una plantilla cread ............................................. 197 Caso3. Envío de un boletín diseñado exteriormente ........................................................ 200 Envío de los boletines ........................................................................................................... 201 Envío de un boletín a los destinatarios de un grupo de emails ........................................ 201 Boletines de ofertas o de noticias ........................................................................................ 202 Plantillas de noticias .......................................................................................................... 202 Creación de un boletín de noticias .................................................................................... 202 Visualización y edición del boletín creado ........................................................................ 204
La publicidad con el módulo publiwebs en etienda® .............................................................. 208 Cómo insertar publicidad en la web creada con etienda®................................................ 209
La optimización SEO para los buscadores de la web creada con etienda® ............................ 212 ¿Cómo hablar con los robots de Google? ......................................................................... 212 Información acerca de la página web ............................................................................... 212 Vista en Google de los contenidos indexados por etienda® ............................................. 213 Información SEO para los robots a nivel de categorías..................................................... 213 Información SEO para los robots a nivel de productos ..................................................... 214 Información SEO para los robots de categorías, artículos de noticias e informaciones ... 214 URLS “Google friendly” ..................................................................................................... 214
Integración de las redes sociales con etienda® ....................................................................... 218 Cómo compartir una página en nuestras redes sociales..................................................... 218 Enlaces de compartir ......................................................................................................... 219 Compartir en Facebook ..................................................................................................... 219 Compartir en Twitter......................................................................................................... 219 AGRADECIMIENTOS .................................................................................................................. 221 muestras de webs creadas con etienda®................................................................................. 222
8
introducci贸n
9
10
CREAR UNA TIENDA ONLINE: desde la intención a la realidad Una tienda online es abrir una nueva vía de ingresos y de promoción para le empresa, abriendo la empresa a otros mercados, para lograr incrementar las ventas. • •
• • • • • •
• •
Una tienda online puede crearse con una inversión mínima Una tienda online permite vender productos sin tener inmovilizado capital en un almacén, al realizar el pedido al proveedor o fabricación del producto según la demanda del mismo Una tienda online está operativa las 24 horas al día Una tienda online puede gestionarse desde cualquier lugar Puede estar en varios idiomas, lo cual facilita el acceso a clientes extranjeros o de otras nacionalidades Ahorra procesos administrativos Da respuesta inmediata a los clientes Permite configurar el catálogo según la demanda sin incurrir en riesgos, sin necesidad de disponer de los productos almacenados, mostrando todas las variaciones, modelos e información sobre los mismos Permite a cualquier persona que lo desee comercializar sus productos sin necesidad de un local comercial Permite tener tiendas online especializadas según productos o mercados
A la hora de iniciar el proyecto de una tienda online nos va a ser necesario tener una serie de conocimientos para dar respuestas a ciertas cuestiones como: ¿Qué decisiones tengo que tomar antes de iniciar el proyecto de una tienda online? ¿Qué programa puedo utilizar para disponer de una tienda online evolucionable y autogestionada? ¿Cómo tengo que preparar las imágenes de mis productos? ¿Cómo puedo organizar la información de características de productos? ¿Cómo puedo asociar archivos para la descarga a un producto? ¿Cómo puedo vender online contenidos digitales? ¿Cómo puedo configurar un formulario de contacto? ¿Cómo puedo cobrar los portes? ¿Cómo puedo integrar el pago por VISA para cobrar en mi cuenta bancaria las ventas? A todas estas cuestiones ofrecemos soluciones sencillas y eficaces, basadas en la experiencia de la creación de proyectos de tiendas online para todo tipo de empresas, desde importadores y mayoristas y hasta minoristas o representantes comerciales. En este curso abordaremos las soluciones y las respuestas a todas las cuestiones planteadas, necesarias para disponer de una tienda online eficaz que ayude a progresar a la empresa que la ponga en marcha.
11
Introducción al curso: El curso está dirigido a empresarios o autónomos que quieran tener su tienda online o a personas que quieran trabajar creando páginas web con tienda online para sus clientes. En este curso vamos a ver todo lo necesario para crear un catálogo y/o una tienda online. Conoceremos como hay que diseñar y estructurar la información, como preparar todas las fichas de producto, que se componen de datos e imágenes, aprenderemos sobre los procedimientos de cobro y sobre pasarelas de pago bancarias, para hacer el cobro por VISA. El curso contempla también indicaciones sobre el proceso de creación de una tienda online y de las preguntas que tiene que hacerse quien quiera tener una tienda online, para así definir bien la estructura y las funcionalidades de la misma. Se analizará también el proceso de creación de la tienda online, partiendo desde el momento de la toma de datos y hasta la publicación final en internet. Los temas del curso tienen dos apartados: el “qué” y el “cómo”. En el qué se explica lo que se puede hacer, e incluye explicaciones teóricas. El cómo nos explica de manera práctica con ejemplos basados en la utilización del programa e-tienda, cómo se realizan los procedimientos más importantes necesarios para la creación de una tienda online, usando además del programa etienda®, otros programas auxiliares como son el Word, Excel y Photoshop. Así, con la información y los conocimientos aprendidos en este curso, se capacitará a los asistentes para poder preparar el material necesario para crear su tienda online preferentemente con el programa etienda®, aunque los conocimientos adquiridos les serán útiles para ser empleados con cualquier otro programa avanzado de gestión de contenidos que disponga de base de datos.
12
Manejo de imágenes
Una tienda online es nuestro catálogo en internet; que sea atractiva es fundamental ya que nuestros clientes no pueden tocar ni ver los productos físicamente. Es muy importante que le suministremos información gráfica de alta calidad que les permita valorar la calidad de nuestra oferta. La elección de las imágenes que vamos a utilizar y su tratamiento para que en internet se vean con rapidez y calidad es fundamental para lograr ventas. En este módulo, vamos a ver cómo elegir las imágenes a utilizar, los distintos orígenes o fuentes de donde podemos obtenerlas y, una vez obtenidas, que tratamientos les tenemos que aplicar para conseguir un rendimiento adecuado. Otro aspecto que trataremos será la asociación de las imágenes al resto de los datos de los productos. Origen de las imágenes Las imágenes que vamos a utilizar para nuestros productos generalmente serán proporcionadas por el fabricante del producto, no obstante, puede haber casos en los que las imágenes de las que dispongamos no reúnan las características de tamaño o calidad adecuadas, con lo cual nos veremos obligados, para mantener una calidad en nuestra web, conseguirlas de otras fuentes; en todo caso, tendremos que cuidar el aspecto de la propiedad intelectual de las imágenes, obteniendo, para utilizarlas, los permisos pertinentes de las que no seamos propietarios de los derechos de autor. Fuentes para la obtención de imágenes: • • • • • •
Catálogo del proveedor en pdf Imágenes proporcionadas por el proveedor en formato digital Catálogo del proveedor impreso Imágenes del producto en Google Fotografías realizadas con cámara digital Bases de datos de imágenes
Retoque de imágenes Las imágenes obtenidas de cualquiera de las fuentes requerirán una adaptación o modificación para eliminar fondos o elementos no deseados, para unificar fondos, para ajustar y uniformar su tamaño.
13
Adaptación de las imágenes al formato web A no ser que el origen de las imágenes ya sea una web, será necesaria la optimización de la imagen para que pueda verse en internet con calidad y velocidad.
Importación de imágenes a la web Una vez uniformadas y optimizadas las imágenes, se pueden importar al sistema de archivos o a la base de datos del programa que genera la web.
Manejo de datos de productos
Los productos siempre van a precisar información sobre ellos, como puede ser: Familia a la que pertenecen, nombre del producto, referencia, precio, precios según zonas o clientes, campos que definen las características, descripciones breves y/o detalladas, impuestos, y cualquier otra información del producto. Toda esta información se organiza en el sistema de la tienda online en una base de datos que es necesario alimentar con todos los contenidos, por lo que es preciso conocer cómo se organiza esta información y cómo ha de prepararse para ser incorporada eficientemente, con la posibilidad de ser editada fácilmente para estar siempre actualizada.
Nociones básicas sobre organización de datos: Registros y campos Los datos del producto se organizan en fichas independientes para cada producto. La ficha del producto se convierte en un “registro“ dentro de la base de datos y cada tipo de dato se colocará dentro de un “campo”. Así cada ficha almacenará toda la información del producto. Por ejemplo, utilizaremos en campo “nombre del producto” para incluir en cada registro los nombres de cada producto. Es muy importante que cada dato este siempre en el campo que le corresponda para facilitar toda la operativa del sistema y las búsquedas. Si un dato no encaja con precisión en un campo, en ese caso, habrá que crear un nuevo campo para todos los datos de ese tipo en todos los registros.
14
Nociones básicas sobre organización de la información: Categorías Las categorías son la base de estructura de la información: son como las estanterías o las baldas dentro de la organización de un almacén. Tenemos que tener en la tienda online lo mismo que en la realidad para ordenar bien las cosas: Un sitio para cada cosa y cada cosa en su sitio. Los productos los colocaremos dentro de las categorías correspondientes. Por ejemplo: En una librería papelería podemos tener las siguientes categorías principales y subcategorías para organizar sus productos: Categoría Subcategoría 1 Subcategoría 2 LIBROS infantil Cuentos LIBROS infantil Manualidades LIBROS lectura Novela LIBROS lectura Novela histórica LIBROS lectura Novela negra PAPELERIA Material de escritura PAPELERIA Material de oficina PAPELERIA Cuadernos PAPELERIA Carpetas PAPELERIA Accesorios Cada producto irá colocado dentro de las categorías a las que pertenezca, para facilitar su colocación y ordenación.
Organización de los datos de productos en fichas Las fichas de los productos han de organizarse previamente a la importación a la web para que el proceso sea lo más eficiente posible. Por ello es necesario diseñar previamente la organización de la información: Qué secciones vamos a tener, como vamos a organizar las categorías de los productos, que campos son los interesantes para los visitantes de nuestra tienda online, a qué precio vamos a vender los productos, qué información vamos a proporcionar a los clientes para facilitar su decisión de compra, que imágenes tenemos del producto…es decir, toda la información de cada producto que posiblemente provenga de diferentes fuentes, y que hemos de recopilar para cada producto que vayamos a poner a la venta en nuestra futura tienda online. Una vez hecho esto ya estamos en condiciones de poder crear un sistema homogéneo de organización de la información para todos los productos. Para esto, nos serviremos de una base de datos o de una simple hoja de cálculo en la que organizaremos la información.
15
Preparación de tablas de datos: Registros y campos en Excel Una vez que tengamos la información organizada, utilizaremos el programa Excel de Microsoft para crear una tabla en la que cada columna contendrá un campo y donde cada fila será un registro. Esta hoja de cálculo nos permitirá reflejar todos los campos de cada registro bajo un sistema que puede ser interpretado por sistemas avanzados de tienda online al importarlo. Y nos servirá para mantener actualizada toda la información. Con cada actualización de la información se vuelve a importar la hoja para que los registros muestren en la web los datos actualizados.
Archivos asociados a productos Los sistemas avanzados de tienda online disponen de funcionalidades que les permiten agregar a cada registro archivos asociados, por ejemplo para que junto al producto se puede ofrecer al cliente instrucciones de uso, manuales, hojas técnicas, tarifas, catálogos etc. Estos archivos pueden asociarse a los productos de la misma manera que se asocian las imágenes.
Incorporación de la información a la web
En una tienda online, además de la información de productos, es conveniente agregar otras informaciones que apoyen a la decisión de compra. La información complementaria que aparece en una tienda online puede ser de gran importancia para que, durante los pocos minutos en los que nos puedan visitar, les podamos crear una imagen positiva de la empresa que motive al visitante a convertirse en cliente. Igualmente será necesario elaborar páginas en las que el cliente pueda solicitarnos información. Toda esta información que se elabora externamente, tiene que ser incorporada a la tienda online mediante las herramientas que proporcione el sistema de crear la tienda online.
Otros tipos de información: información de la empresa, noticias y ofertas, archivos para descarga, solicitudes de información. La información de la empresa va a constar de páginas en las que se informa de las características de la empresa de manera concisa y clara: Quiénes somos, Dónde estamos, Cómo llegar, Datos de contacto, y cualquier otra página que pueda ser de interés para los usuarios de la web. Esta información puede acompañarse de imágenes y generalmente se
16
elaborará en páginas HTML con algún editor de HTML. EL código obtenido en este editor se posiciona en el sistema de creación de páginas informativas de la tienda online. Las noticias van a atraer la atención de los clientes y van a ayudar a posicionar nuestra empresa en los buscadores que están primando webs que ofrecen información y noticias posicionándolas en los primeros puestos de las búsquedas. Los datos de los productos los incorporaremos completando los registros, tal y como se ha comentado en el módulo 2
Creación de fichas de producto: manualmente, importando imágenes y tablas, vinculando bases de datos Según como tengamos la información y dependiendo del programa que utilicemos para crear nuestra tienda online podremos dar entrada a las fichas de 4 maneras diferentes: 1. Manualmente: en la página de crear producto iremos incorporando la información de cada producto, uno a uno, rellenando los campos con la información y subiendo las imágenes. 2. Importación: Algunos programas avanzados permiten realizar las importaciones partiendo de tablas en Excel con los datos de los productos y mediante archivos Zip con todas las imágenes, ahorrando así una gran cantidad de tiempo y permitiendo la actualización ágil de cualquier información relativa a los productos. 3. Importación automática: Otra opción disponible en algunos programas consiste en la actualización automática a una hora programada, a la cual, el servidor donde está instalado el programa, se conecta con la fuente de datos para actualizar la tienda online. En la empresa que quiera crear una tienda online puede haber un sistema en el que ya tengan toda la base de datos de productos que quieran ofertar en la web. En este caso, lo que se hace es generar una exportación de los datos en formato CSV y así se genera el archivo que se puede importar mediante los procedimientos 2 y 3. 4. Vinculación de bases de datos: En el caso en el que se quiera tener un enlace total entre la base de datos de productos del sistema de tienda online y el sistema de gestión de la empresa, se vinculan ambas bases de datos en tiempo real, de manera que los pedidos entren directamente en el sistema de gestión de pedidos y facturación de la empresa y que los datos presentes en la tienda online tengan un único origen, partiendo del sistema de gestión o ERP de la empresa. Estos sistemas requieren el uso de programas complejos y de una programación específica para adaptarlos a cada empresa.
17
Estructuración de la información en categorías Las diferentes informaciones pueden organizarse en categorías con el fin de clasificarlas y para autorizar el acceso personalizado, en el caso de que el sistema de tienda online cuente con registro de usuarios, de manera que cada usuario pueda ver las categorías a las que se le autorice su acceso.
Información multi-idioma Al ser una tienda online un escaparate abierto al mundo, puede haber empresas que quieran ofrecer sus productos en otros mercados situados en zonas donde se habla otros idiomas. Este hecho hace que sea conveniente disponer de un sistema de tienda online que permita la utilización de diversos idiomas, tanto en los menús de navegación como en la información de productos. Los programas avanzados disponen de utilidades para poder traducir los menús y para importar los datos de los productos en diferentes idiomas, lo mismo que conjuntos diferentes de imágenes de decoración para cada idioma. De este modo el visitante al elegir el idioma de su preferencia logra que toda la información y botones de navegación y decoración de la página se presenten en su idioma.
Dar a conocer la información contenida en la tienda online Optimización para buscadores (SEO) Los buscadores disponen de sistemas “robots” para localizar la información en las páginas web que están en internet. Google o Yahoo realizan una exploración permanente de todas las webs en internet, creando un índice de todas las páginas exploradas, así como de su contenido. De esta forma, cuando se realiza una consulta, el motor de búsqueda se dirige al índice para localizar los elementos deseados, arrojando así resultados precisos y rápidos. Es importante que el sistema de creación de la tienda online disponga de funcionalidades para facilitar a estos “robots” los datos que hagan que los productos sean indexados y que la web aparezca en los primeros resultados de las búsquedas. Enlace con redes sociales Las redes sociales como Facebook, Twitter, Google+ y muchas otras se han convertido en el medio de comunicación entre grupos de personas, ya que facilitan enormemente la difusión de noticias y convocatoria de personas a intereses comunes. Enlazar fácilmente con las redes sociales, desde la tienda online, permite al visitante divulgar entre sus seguidores lo que está viendo, logrando así un efecto multiplicador de la comunicación. Cuanto más fácil sea este enlace, mediante un simple click para capturar la URL de la página que se esté visualizando y enviarla a los contactos, mejor cumplirá el cometido de divulgación de sus contenidos el sistema de tienda online.
18
Transacciones comerciales en la web
La finalidad última de la tienda online es dar a conocer los productos y lograr su venta, y aquí, es importante tener en cuenta que en muchas ocasiones la venta no va a realizarse en la propia tienda online, sino que el cliente va a informarse en la tienda online y luego puede contactar por email y teléfono o personalmente en la sede del comercio. En el caso de que la venta se realice directamente en la tienda online, estaremos hablando de una transacción completa en la que se realizará el pedido, se obtendrán los datos del cliente para realizar la entrega del pedido y la facturación, se calcularán los portes y se generará la factura proforma para realizar el cobro por los medios de pago que estén establecidos y disponibles en la tienda online.
Pedido online El pedido online se va a realizar una vez que el cliente haya añadido los productos al carro de la compra. Es muy importante que los productos estén bien definidos para que no pueda haber errores en tallas, colores, formatos, etc. Cada variación en un producto tiene que ser una referencia diferente de este modo en el pedido constara la referencia que realmente quiere el cliente, con sus correspondientes datos de nombre del producto, precio, impuestos y portes. El proceso de pedido sigue los siguientes pasos: Desde el punto de vista del cliente: 1. 2. 3. 4. 5.
añadir productos al carro registrar los datos del comprador elegir la forma de envío elegir la forma de pago realizar el pago
Desde el punto de vista del propietario de la tienda: 1. Administrador recibe email con aviso de que se ha realizado un pedido 2. Si ha sido pagado por tarjeta de crédito o por Paypal, el propietario recibe el dinero en su cuenta 3. Si el pago es por transferencia, el propietario ha de comprobar que se ha recibido en su cuenta bancaria 4. A partir de ahí, ya se genera el envío de la mercancía a la dirección de entrega proporcionada en el pedido.
19
Contratación y funcionamiento de los medios de pago y pasarela de pago por VISA
Medios de pago En la tienda online vamos a poder ofrecer diversos modos de pago para el pedido que nos haga el cliente: Pago por transferencia: Se le indica al cliente el número de cuenta bancaria a la que debe hacer el ingreso o transferencia por el importe total del pedido. Una vez que realice el ingreso puede comunicarlo por fax o por email o teléfono para que se pueda comprobar y dar salida al pedido. Es un procedimiento que tiene el inconveniente de que exige muchos pasos que han de realizarse manualmente y no es inmediato, salvo en el caso que se realicen las transferencias desde cuentas del mismo banco. Pago por Paypal: Es necesario tener abierta una cuenta de “Merchant” en Paypal. Una vez abierta con los datos proporcionados se activa la forma de pago por Paypal. Cuando Paypal recibe el pago retiene una comisión y la diferencia es abonada al “Merchant”
Contratación de la pasarela de pago por VISA Para tener la posibilidad de pago por tarjetas de crédito en la tienda online, se utiliza una pasarela de pago. La pasarela de pago se tiene que contratar con el banco, y según la entidad los procedimientos de autorización varían. Suele ser parecido a la contratación de un terminal para autorización de tarjetas VISA. Funcionamiento de la pasarela Al finalizar el pedido, la tienda online ofrece un enlace a la página de autorización del banco, que es donde se insertarán por el cliente los datos de su tarjeta. Dentro de la propia web del banco, se realizará la comprobación de la validez de la tarjeta y de que el saldo disponible sea suficiente como para pagar la compra. Esta comprobación se hace directamente en la web del banco, y el sistema de venta online comunica al banco las características de la venta para que la autorice. Una vez autorizada, a la tienda online se le informa de que la operación ha sido autorizada y que el pedido ya puede enviarse. Al día siguiente, el importe del pedido es abonado en la cuenta del propietario de la tienda, menos la comisión del banco.
20
La entrega del producto
El proceso de la entrega del producto también tiene su reflejo en los procedimientos de la tienda online. Al finalizar el pedido, el sistema calculará según las formulas prefijadas el importe del transporte para ser pagado a la vez que el resto del pedido. Formulas de portes Dependiendo del lugar de entrega, del transportista, del peso, o de otras características del pedido habrá que calcular el importe que en el momento de realizar el pedido debe ser abonado por el cliente. Para ello, hay que disponer en la tienda online de un sistema de incorporar las fórmulas que nos facilite el transportista, o a nivel de producto, el importe de transporte por unidad. Seguimiento del pedido El sistema de la tienda online debe tener la capacidad de saber en qué estado se encuentra el pedido, si se ha cobrado, si está pendiente de entrega de mercancía, si se ha completado, o si la entrega se ha realizado parcialmente.
Soporte al cliente Es muy recomendable que un sistema de venta online disponga de herramientas para que los clientes puedan contactar y resolver sus dudas o reportar incidencias, en el proceso de preventa, de venta y de postventa Consultas del cliente Para que los clientes puedan plantearnos sus consultas, el sistema de tienda online tiene que facilitar la creación de formularios en los que se puedan definir los campos a rellenar. Estos formularios tienen que ser recibidos en el lado de administrador del sistema, para darles seguimiento. Soporte post venta Los clientes pueden requerir con posterioridad a la venta: información, reclamaciones de daños en el transporte, manuales de uso, soporte técnico, resolver incidencias en el uso del producto. El sistema tiene que ofrecer la posibilidad al cliente de poder plantear y obtener respuesta a cualquiera de las incidencias para lograr la satisfacción del cliente.
21
El uso de un software adecuado para tener una presencia eficaz en internet Como vemos, crear una tienda online requiere conocer una serie de métodos, y aplicar unos recursos para poder organizar la información, mantenerla actualizada, divulgarla y convertirla en algo atractivo que haga que quien acceda a ella sienta la motivación, derivada de la confianza en la oferta, para dar el paso a realizar un pedido. Para lograr eficazmente esta transacción, es importante disponer de un sistema que permita lograr todo lo comentado anteriormente, en poco tiempo y a un coste razonable, sin generar dependencia de personas, permitiéndole al propietario de la tienda autogestionar sus propios contenidos. Existe gran cantidad de software para crear tiendas online. En este curso, utilizaremos la herramienta etienda®, por ser un desarrollo que aborda soluciones eficaces y probadas para todos los requerimientos de una tienda online, válida para cualquier tamaño de empresa que quiera abordar el comercio online, tanto a clientes minoristas como a mayoristas y reúne las condiciones de profesionalidad necesarias para una operativa comercial amplia e internacional. En las siguientes páginas, con el estudio y práctica de los temas enunciados, se adquirirán los conocimientos de uso de etienda® para poder así pasar con éxito, de la intención a la realidad de una tienda online profesional
22
La tienda online con etienda® En este curso va a conocer a fondo etienda®, una solución muy sólida para iniciar y tener éxito con la venta online, de manera profesional. etienda® es un programa modular para crear una web autogestionada, que permite crear todo tipo de sistemas de información en internet. El programa etienda® se facilita instalado ya en un servidor accesible desde internet. Consta de dos visualizaciones: a) Vista del administrador, a la que se accede mediante contraseñas y es en la que se configura el diseño y se agregan los contenidos y se reciben las informaciones, pedidos y demás interacciones con el cliente. b) Vista del cliente, es la que se visualiza por los usuarios cuando acceden a la web en internet. Para la vista cliente los contenidos pueden estar presentes en función del tipo de usuario, ofreciendo así una presentación personalizada de la información. etienda® un sistema modular
La configuración de un sistema web de tienda online para un cliente puede tener que cubrir necesidades diferentes según el tipo de negocio, o el presupuesto del cliente. Por ello, las diferentes funcionalidades de etienda® se presentan de manera modular, para poder elegir las más adecuadas a las necesidades del cliente. Dispone de varios módulos, entre los que destacamos los más importantes: • • • • • • • • •
Noticias, con envío de newsletters (e-mailings) de ofertas Catálogo de productos, con tienda online con pasarelas de pago bancarias por VISA y Paypal Páginas informativas, con galerías de imágenes Catálogo de servicios con formularios de consulta Áreas de documentos para descarga, públicas y privadas Registro online de clientes Solicitudes de información y recepción de archivos de clientes Precios y contenidos según los tipos de clientes Integración con redes sociales, con envío de compartir en facebook, twitter
23
etienda®, una gran ayuda:
Para las empresas que disfrutan de una instalación de etienda®, se les abre un nuevo campo de acción comercial y de divulgación diferenciada de su oferta, ayudándoles a destacar por encima de su competencia y conseguir más ventas. • • • • • • • • • •
Abre nuevos mercados y capta nuevos clientes Ofrece los contenidos en varios idiomas Puede contener la oferta de productos sin necesidad de tenerlos en stock Sirve para liquidar stocks Permite comunicar ofertas y novedades a los clientes con e-mailings atractivos Es de gran apoyo a su red comercial Favorece las compras en tienda, mostrando el catálogo de productos y servicios disponibles Se autogestiona desde cualquier lugar El coste de puesta en marcha y funcionamiento es mínimo Puede contener publicidad para obtener ingresos adicionales
etienda®, una operativa en internet inmediatamente:
Desde el momento de la contratación, el administrador (persona que configura y aporta contenidos a etienda®) tiene acceso a una dirección en internet (URL) que le permite iniciar la configuración del sistema y la aportación de contenidos. En esta instalación, en la vista del administrador, se realizan todas las acciones como cargar imágenes de decoración, completar páginas informativas, crear productos y noticias, diseñar los campos de formularios, etc. A lo largo del curso se verá en las diferentes unidades didácticas cómo se diseña la web, cómo se incorporan contenidos, cómo se interactúa con el cliente, y finalmente cómo se promociona la tienda online. Confiamos que, con el aprendizaje de estas técnicas, hayamos contribuido a lograr una presencia efectiva y profesional en internet, de los negocios o instituciones que puedan hacer uso de este sistema profesional de comercio y distribución y captación de información en internet. Agradecemos su interés, deseándole un gran éxito en el logro de sus objetivos. Julio García de la Peña
24
Cómo abordar un proyecto de una tienda online Un proyecto de una tienda online requiere un análisis similar al que cualquier empresario pueda realizar a la hora de abrir un local comercial. Su nueva tienda online va a ser un local comercial virtual, abierto a los clientes que puedan tener interés en su oferta en cualquier lugar del mundo. Por ello, es conveniente que, para la puesta en marcha de cualquier proyecto, se haga un análisis de todo lo que implica en cuanto al marketing de su oferta. Una vez que todo esto está claro, y las decisiones han sido tomadas y se dispone de la información que se va a presentar en internet, ya es fácil, contando con una herramienta como etienda®, trasladar todas estas decisiones e informaciones a los clientes en internet. ¿Cuáles serán los pasos que daremos en la puesta en marcha del proyecto de la tienda online?
Un proyecto de tienda online implica tener reuniones con la empresa que la va a incorporar, con el fin de definir bien todas las actuaciones y hacer que la experiencia sea positiva y sin sorpresas para quien monta la tienda y para quien va a utilizarla. Por ello, es muy importante que se realice una buena labor de análisis y dejar claro lo que necesita la empresa, lo que comprende la oferta de servicios que se van a prestar y lo que pueden hacer las funcionalidades que se van a aplicar. Puede darse el caso de que se presenten a lo largo del proyecto nuevas necesidades, lo que suele ser bastante normal conforme se van descubriendo las posibilidades y la imaginación se pone a visualizar la adaptación de los procesos del negocio a internet. Para evitar sorpresas, es importante que en el presupuesto quede claro lo que se incluye y que queden definidos los precios para lo que pueda surgir en el futuro.
Pasos para iniciar un proyecto de tienda online Para lograr el éxito de su proyecto, construyendo sobre la base de etienda® una vez conocidas las funcionalidades y prestaciones del sistema, seguiremos los siguientes pasos: a) Análisis de la traslación del negocio o de las actividades a internet b) Definición de de las actuaciones necesarias para disponer de los datos c) Estudio de cómo podemos incorporar la información de la que se dispone para crear con ella la tienda online.
25
e) Construcción de estructura de categorías de la tienda y la incorporación y actualización de productos y demás procedimientos internos. Construcción de las categorías de noticias, informaciones, documentos. f) Diseño gráfico de la tienda y de los boletines informativos, ajustados a la imagen corporativa de la empresa. g) Puesta en funcionamiento de la pasarela de pago por VISA, o de Paypal h) Pruebas finales, prácticas sobre la gestión administrativa de pedidos i) Publicación de la web resultante en el dominio definitivo, redirección o inclusión desde su web actual. j) Envío de newsletters y acciones de promoción de la tienda en Google mediante actividades de SEO. Con la formación adquirida en este curso, se podrán abordar los pasos necesarios, con las soluciones técnicas que ofrece etienda®
¿Qué tengo que hacer para tener una buena tienda online? En los siguientes puntos se plantean varias cuestiones que necesitan respuesta a la hora de abordar el proyecto. Veamos algunos aspectos sobre lo que se va a necesitar decidir y hacer o encargar: 1. ¿Quién va a ser el cliente de la tienda online? Vamos a definir hacia qué mercado nos vamos a dirigir: ¿Va a ser una tienda para cualquier público, o la vamos a dirigir también hacia compradores minoristas, actuando la empresa como su proveedor mayorista? Según la respuesta, prepararemos el sistema para sus mercados objetivos, con accesos individuales especiales y con visualización vista en diferentes idiomas si es preciso, y con los precios asociados a cada usuario. 2. ¿Cuáles son las secciones que va a tener la tienda online? Estas secciones serán las que respondan a la pregunta ¿Qué vende? Con la respuesta a lo que vende, organizaremos su oferta en las secciones, también llamadas las categorías o familias de la tienda, diferenciándolas y ofreciendo información sobre su oferta dentro de ellas. 3. ¿Qué productos va a vender? ¿Va a vender todo el catálogo de productos?, ¿Va a vender sólo los que tenga en stock?, ¿Va a vender para realizar los pedidos al proveedor según la demanda y los pedidos que se reciban? ¿Se van a vender productos digitales que se pueden descargar? Estas decisiones se trasladarán a la organización de la tienda.
26
4. ¿Cómo están organizados los productos y sus imágenes? Crearemos un sistema para que pueda importar a la tienda online y mantener actualizada la información de la selección de productos que se vayan a vender, partiendo del origen de los datos de los productos: de las bases de datos, de los productos en el TPV, de la información residente en el ERP, de las fichas, de la información de sus proveedores… de manera que no suponga trabajo mantenerla actualizada. 5. ¿Cómo llegarán los pedidos? etienda® comunicará por email cada vez que se produzca un pedido, además de quedar registrado en la parte del administrador, para que se le pueda dar seguimiento. Habrá que crear o elegir un email para que reciba las notificaciones y alertas generadas por etienda® 6. ¿Cómo me pagarán las ventas los clientes? La tienda online incorpora la forma de pago por VISA y por Paypal, además de por transferencia y a crédito comercial. Incorporaremos las pasarelas de pago y los datos de Paypal, con los credenciales de la empresa, para que se pueda vender y cobrar al instante, recibiendo sus ventas en la cuenta corriente vinculada. Cuando el cliente haga el pedido, si paga por VISA, etienda® se comunica con el banco y es el propio banco quien comprueba la validez de la tarjeta, el saldo y la identidad del comprador, haciendo que la venta autorizada sea irrevocable. Al día siguiente se ingresa el dinero de la transacción abonado en la cuenta bancaria. Para los otros medios de pago, el sistema aplicará las condiciones que se definan en etienda®, proporcionando al cliente el número de cuenta para que realice la transferencia. 7. ¿Cómo se calculan los gastos de envío? El sistema dispone de funcionalidades para aplicar las tarifas que ofrecen los transportistas. Se pueden fijar las tarifas de portes según importe del pedido, peso y destino para proceder automáticamente al cobro de la cantidad del porte en el momento del cierre de la venta, incluyéndolo en el pedido. Es necesario, que el transportista que se vaya a utilizar proporcione la información de las zonas de portes y los precios por peso del envío para trasladarlos a etienda® Con las respuestas a estos puntos, tendremos la base para poder crear el sistema profesional de tienda online. Esperemos que al igual que otros muchos clientes satisfechos, quien siga este proceso, pueda incrementar su negocio gracias a las amplias posibilidades que el ofrece una instalación de etienda®
27
Herramientas necesarias para construir una tienda online con etienda® Para construir la tienda online necesitamos: Disponer de una licencia del programa etienda® Esta licencia puede obtenerse por varios medios: • • •
A través de un distribuidor que le realice el proyecto de tienda online al cliente Contratándola en www.etienda.net Ofrecida como cortesía por un centro de formación, asociada al curso de etienda®
La licencia va instalada en un servidor con acceso a ella mediante contraseñas. Todas las operaciones se realizan en internet accediendo al área del administrador de la licencia de etienda® Por tanto, es necesario disponer de cualquier ordenador, da igual que sea AMc o PC, con acceso a internet. Se recomienda que tenga instalados Firefox, Safari, Chrome e Internet explorer, para poder comprobar la visualización en todos ellos y además poder simultanear la vista cliente y administrador, cada una con su correspondiente sesión abierta en un explorador diferente. Programas auxiliares necesarios Además de la licencia de etienda®, nos resultará útil disponer de los siguientes programas instalados en nuestro ordenador, sobre todo para la fase de construcción, ya que luego todas las operaciones pueden realizarse dentro del propio sistema de etienda®: • • • •
Programa auxiliar como el Word, para elaborar los textos de los contenidos Programa auxiliar como el Excel para manejar la información en tablas con datos de productos y clientes Programa como el Photoshop para el tratamiento de las imágenes de los productos, noticias e informaciones y elementos de decoración de la página No es necesario un editor HTML, ya que el sistema dispone de un editor propio. No obstante se pueden incorporar contenidos en HTML creado con cualquier programa.
Con la combinación de estas herramientas, y los recursos proporcionados por etienda®, se consigue disponer de una personalización y adaptación a cualquier necesidad de las empresas o instituciones construyendo un eficaz sistema de información online con tienda.
28
Primera unidad:
El diseĂąo grĂĄfico de la web
30
Capítulo 1:
Decoración y diseño gráfico de la web creada con etienda®
31
Decoración de la web creada con etienda®
33
Decoración y diseño gráfico de la web creada con etienda® Etienda® ha sido creado de manera que se pueda editar el aspecto gráfico por parte del usuario sin necesidad de que tenga conocimientos de programación. El esquema de la página ofrece una serie de zonas que pueden contener imágenes para así lograr el aspecto gráfico deseado. Las zonas se adaptan dinámicamente a las dimensiones de la imagen que se coloca en ellas. Para los textos y las líneas también se dispone de una funcionalidad que permite editar los estilos de manera intuitiva, logrando así el aspecto deseado, de acorde a la imagen corporativa de la empresa que crea su página web con etienda®. En las siguientes páginas veremos cómo se editan las imágenes de decoración de la página y los estilos de textos. Zonas predefinidas Las zonas predefinidas en etienda® son las que se ven en esta pantalla y permiten utilizar diferentes imágenes según sea el idioma en el que se va a visualizar la página por el clientes. Así, si alguna imagen contiene un efecto de texto o es específica para un mercado determinado, nos permite esta funcionalidad, que nuestra página web creada con etienda® tenga un aspecto totalmente diferente según el idioma de visualización.
Estos enlaces también nos dan acceso a colocar los iconos que aparecen por toda la web y nos permite personalizarlos en todos los niveles, asociando a los iconos las URL de la página de la empresa en las redes sociales. Importación y exportación del diseño Todas las imágenes que componen el diseño se pueden exportar en un único archivo Zip, de manera que pueden editarse para adaptarlas a nuestro diseño particular, y si se guardan sin cambiarles el nombre, pueden ser reimportadas para modificar el diseño adaptándolo a nuestra imagen corporativa.
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
33
Decoración de la web creada con etienda®
34
Otra aplicación ón de esta funcionalidad es disponer de diseños especiales por temporadas, como, por ejemplo, tener un diseño para Navidades o Verano con motivos alusivos a la estación. Esta funcionalidad resulta muy útil para, partiendo del diseño neutro proporcionado con co su licencia de etienda® realizar una exportación y modificar las diferentes imágenes en Photoshop u otro programa análogo. Exportación del diseño Este paso suele ser el primer paso a dar para personalizar nuestra licencia de eteinda®, exportando las imágenes enes de decoración para editarlas externamente y luego reimportarlas Para exportar el diseño, iremos al menú: Diseño gráfico > Editar las imágenes de decoración Y en la ventana de los enlaces, pulsaremos sobre “Exportación/importación del diseño”, se nos abre esta ventana:
En esta ventana le daremos un nombre al diseño, y pulsaremos sobre “Guardar” Se creará automáticamente una carpeta Zip con todas las imágenes en el servidor y se iniciará la descarga a su ordenador. El contenido de la carpeta es éste:
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
34
Decoración de la web creada con etienda®
35
Como podemos apreciar, además de todos los iconos, están los colores de fondo que son imágenes de pocos pixeles del color que queremos usar para cubrir toda la superficie del fondo. Esta imágenes llenan las zonas donde deben aparecer automáticamente, no siendo necesario hacerlas grandes, logrando así que la página cargue mucho más rápido Importación del diseño Una vez editado el diseño, imagen a imagen, se reemplazan las imágenes exportadas por las nuevas. Muy importante conservar el mismo nombre. Una vez que todas las imágenes han sido sustituidas, realizamos un archivo Zip DEL CONTENIDO DE LA CARPETA y lo renombramos sin que tenga ningún espacio ni caracteres que no sean números y letras del alfabeto internacional. Para hacer la importación, iremos al menú: Diseño gráfico > Editar las imágenes de decoración Y en la ventana de los enlaces, pulsaremos sobre “Exportación/importación del diseño”, se nos abre esta ventana:
En esta ventana en la casilla inferior pulsaremos sobre examinar y localizaremos el archivo Zip que acabamos de crear y le damos a “Aplicar” A partir de este momento, las imágenes de decoración de la web serán reemplazadas por las que contenga el archivo Zip que se importa. Atención Esta operación es delicada, por lo que se recomienda que antes de reemplazar las imágenes exportadas, realizar una copia del archivo Zip que se exportó, de manera que, si al hacer la nueva importación surge algún problema, siempre podamos volver a importar el diseño inicial y volver a repetir el proceso sin haber afectado al diseño de la web.
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
35
Decoración de la web creada con etienda®
36
Edición de las imágenes de decoración Todos los elementos visibles de la página creada con etienda® se han colocado en las zonas previstas que se pueden ver en el siguiente enlace del menú: Diseño gráfico: Editar las imágenes de decoración
En la parte superior vemos los enlaces a abrir las páginas donde se pueden editar las diferentes zonas de las que se compone la plantilla de etienda® En la parte inferior están las casillas para subir las imágenes que irán a parar a la zona visualizada. El gráfico muestra un esquema de la organización de las zonas, con los nombres de algunas de ellas.
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
36
Decoración de la web creada con etienda®
37
Modificar las imágenes individualmente Si no se van a modificar todas mediante una exportación importación, o se quiere incluir alguna imagen que no esté disponible en la exportación, el procedimiento consiste en importar una a una la imagen que se desea incluir a la zona correspondiente. Por ejemplo, supongamos que queremos modificar el logotipo de la empresa, para ello tendremos ya preparada la imagen correspondiente en formato .jpg ó .gif ó .png Iremos a la zona de cabecera, siguiendo el enlace “Cabecera superior” y allí localizamos la zona, que en este caso se corresponde con la letra B.
Vemos más abajo dónde está la casilla para importar a la zona B la imagen y pulsamos sobre examinar para subir la imagen del logotipo que queremos colocar. Finalmente, pulsamos sobre “Aplicar” para insertar el nuevo logotipo. Veremos que se muestra ya en la cabecera. Nota. Puede pasar que al subir la imagen no se vea cambiada inmediatamente, ya que los navegadores guardan en cache las imágenes disponibles en la última visualización para acelerar la presentación de la página. En este caso es necesario refrescar la pantalla pulsando en el teclado sobre F5 para ver que el cambio se aplica correctamente.
Utilizaremos este procedimiento siempre que queramos modificar cualquier imagen hasta tener el diseño a nuestro gusto.
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
37
Decoración de la web creada con etienda®
38
Edición de los estilos y colores de las líneas y textos Los elementos contenidos en las hojas de estilo CSS que emplea etienda® pueden editarse sin tener conocimientos de programación para elegir los estilos de la tipografía que aparece en los diferente lugares del diseño de la web. Para cambiar el estilo de las fuentes, iremos al menú de Diseño gráfico > Editar estilos de textos Hay que tener en cuenta que la edición no es sólo de los textos, también lo es para los fondos, y líneas. Se nos abre la siguiente pantalla:
Para editar el estilo que nos interesa pulsaremos sobre el icono de la derecha, y se nos abre la ventana donde lo editamos
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
38
Decoración de la web creada con etienda®
39
En esta ventana vemos como el texto se muestra sobre fondo blanco, sobre el fondo general de la página (OB) y sobre el fondo de las ventanas (OG) En la barra superior de la ventana tenemos los iconos para editar los estilos, fuentes, tamaño de fuente, colores, fondos y rellenos. Podemos hacer pruebas hasta encontrar el estilo que nos gusta, y en cuanto el color se nos abre esta ventana:
Aquí podemos poner el valor hexagesimal de un color específico que queramos usar, o podemos elegirlo intuitivamente, jugando con los cursores, bajo diferentes esquemas de definición de colores, elija el que más le agrade entre las pestañas RGB, HLS, HSB Conclusión Como se ha visto, sin necesidad de tener conocimientos de programación se puede modificar el diseño de la web para adaptarlo a la imagen corporativa y a los elementos de diseño diferenciadores del titular de la web. Mediante la importación y exportación se facilita muchísimo el cambio del diseño, pudiendo tener varios y realizar las pruebas hasta disponer del que más sea de su agrado o adaptado a la campaña estacional.
1. PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
39
CapĂtulo 2:
La cabecera en la tienda online de la web creada con etiendaÂŽ
Creación de pestañas de enlaces en etienda®
42
La cabecera en la tienda online La cabecera de la web es la parte superior donde podríamos decir que aparece el rótulo del establecimiento. En ella, colocaremos lo más destacado de lo que se ofrece en la web, y el logotipo. Es la imagen que va a estar presente en todas las páginas de la web, por eso, es importante que tenga un diseño claro y elegante y en armonía con el resto de las páginas. Crear la cabecera Para crear la cabecera, lo primero que hacemos es definir el tamaño de presentación de la web. Podemos elegir entre que sea de un ancho fijo, independientemente del tamaño de la pantalla del ordenador en el que se visualice, o podemos determinar un acho fijo para la página. El tamaño de la pantalla mínimo más habitual hoy es de 1024 x 768 pixeles. Por tanto, ajustaremos las imágenes de la cabecera y lo que queramos que se visualice dentro de estas dimensiones sin necesidad de tener que hacer scroll. Para pantallas de mayor tamaño, podemos elegir entre rellenar las zonas laterales con algún fondo de decoración, o hacer que la página se adapte al ancho de pantalla que detecte al mostrar la página web. Si elegimos que se ajuste al ancho total, tenemos que prever esto en el diseño gráfico, haciendo que las imágenes de fondo puedan servir tanto para un tamaño menor como para un tamaño que cubra los anchos de pantalla más altos, que pueden superar los 1800 pixeles. Una vez tomada la decisión sobre el tamaño de la pantalla a mostrar, en el programa de edición de imágenes crearemos un documento con las dimensiones que nos interese y en él colocaremos los contenidos que conformen la imagen de cabecera. Para nuestro ejemplo, hemos creado en Photoshop un documento de fondo blanco de 1024 x 180 pixeles para incorporarle los textos y las imágenes de nuestro diseño.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
42
Creación de pestañas de enlaces en etienda®
43
Las imágenes y textos los colocaremos cada uno en una capa, con el fin de poder moverlos y modificarlos independientemente para ajustar el diseño a nuestro gusto y requerimientos. Una vez de acuerdo con el diseño, lo guardamos como Photoshop, para poder editarlo posteriormente, y también lo guardaremos en formato JPEG, para que se pueda mostrar con velocidad y que tenga un tamaño de archivo adecuado. No es conveniente utilizar archivos que superen los 60KB, siempre es mejor dentro de la calidad suficiente, ir al menor tamaño de archivo posible, para que la página cargue con velocidad, sin perjudicar la calidad gráfica. Para realizar este ajuste, utilizamos la función de Photoshop “Guardar para Web” Esta función, nos abre esta pantalla, y será donde comparando la imagen original de la izquierda con el resultado de la compresión JPEG, decidiremos el grado de compresión que nos dé un archivo suficientemente pequeño, pero de la mayor calidad posible. En este caso, elegimos calidad 64, que nos ofrece un resultado muy cercano al original y que mantiene el tamaño del archivo en 30,42 KB, como se indica en la parte inferior de la pantalla. Le damos a guardar, y este será el archivo que utilizaremos en la web
Cómo subir a la web el archivo para incorporarlo a la cabecera En el programa e-tienda existe una funcionalidad para la carga de las imágenes en los espacios predefinidos que componen el diseño de la web Para acceder a esta funcionalidad, iremos en el menú de la derecha a la sección “Diseño Gráfico”, lo pulsamos y se abren varias opciones. Elegimos “editar las imágenes de decoración” Se nos abrirá esta pantalla:
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
43
Creación de pestañas de enlaces en etienda®
44
En el gráfico de la parte central se aprecian las zonas en las que está dividido el diseño. En la parte superior están los enlaces para abrir la página correspondiente a cada una de las zonas: • • • •
Cabecera superior Barras menús izquierda y derecha Iconos Iconos redes sociales
• • • •
Espacio central Exportación/importación de diseño Imágenes proceso de compra Imágenes para el menú
En nuestro caso, pulsaremos sobre cabecera superior, y se nos abrirá la página donde podemos subir todas las imágenes que componen la cabecera superior Para el ejemplo, hemos preparado la imagen que se corresponde con la zona denominada G, por tanto iremos al listado de zonas y elegiremos la caja correspondiente a G para subir nuestro diseño de cabecera. Pulsamos sobre examinar, elegimos el archivo en nuestro ordenador y le damos al botón “aplicar” Veremos así como se muestra nuestra imagen en su sitio al refrescar una o más veces la página (atención: por efecto del caché que mantiene en memoria la imagen anterior en su ordenador, puede no mostrarse la nueva inmediatamente al primer refresco) Hay que tener en cuenta que esta imagen G está subordinada en altura a la imagen que utilicemos como logotipo, la imagen “B”, por tanto es importante que el logotipo que subamos, tenga la misma altura que la imagen G, o si no la imagen G se repetirá hasta completar el espacio. Esto puede ser válido para ciertos efectos, pero si en nuestro caso no lo deseamos, es importante hacer que las imágenes G y B tengan la misma altura. Generalmente, la altura suele ser menor que 200 para que la cabecera no ocupe demasiado espacio.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
44
Creación de pestañas de enlaces en etienda®
45
Ahora subiremos la imagen del logotipo, para finalizar así con el fondo de la cabecera, siguiendo el mismo procedimiento anterior, pero en este cado utilizando el espacio “B” para subir la imagen B que hayamos preparado. Y éste es el resultado obtenido, donde se aprecia la nueva cabecera en su sitio:
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
45
Creación de pestañas de enlaces en etienda®
46
Inclusión de enlaces a redes sociales en la cabecera Muchas empresas cuentan con espacios el facebook, you tube, blogger, twitter, etc… Podemos incluir en la cabecera enlaces a estas páginas mediante una página que se muestra dentro del menú de “iconos de redes sociales” Pulsando sobre el enlace, nos aparece la página donde subiremos las imágenes que queramos utilizar de enlace y las URL correspondientes. Etienda® asociará automáticamente a cada imagen el enlace a la correspondiente URL y los colocará en la parte derecha de la cabecera.
Conclusión La cabecera de nuestra tienda online es el equivalente al rótulo en nuestro establecimiento. Con las herramientas facilitadas por etienda® resulta muy fácil poder adaptarla a la oferta, o temporada, creando una página atractiva que invite a visitarla y a la compra online. En ella, podemos colocar los enlaces a las redes sociales para potenciar aún más nuestra imagen de empresa.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
46
Capítulo 3
Creación de pestañas de enlaces de la web creada con etienda®
Creación de pestañas de enlaces en etienda®
48
Creación de pestañas de enlaces En el diseño de nuestra web con etienda® puede ser interesante ofrecer a los visitantes enlaces a ciertas informaciones, o páginas, de una manera más evidente que en el menú. Para ello, el sistema dispone de una funcionalidad denominada “barra de información” que está disponible para ser colocada tanto en la parte de la cabecera de la web, como en la parte inferior de la página web. Con este sistema, en la parte inferior de la cabecera, aparecen los enlaces rápidos a páginas determinadas, que nos van a permitir enlazar a cualquier URL que les asociemos. Son las denominadas “pestañas” que en este capítulo veremos cómo se configuran. Configuración de las barras de información Hay disponibles 2 barras de información: La barra de información superior y la barra de información inferior. La barra de información superior está ubicada en la cabecera, y puede colocarse por encima de la cabecera, o justo por debajo. La inferior aparece en la parte inferior de la página. Veamos a continuación ejemplos de barra de información Barra de información superior: En este caso las pestañas son: Consultoría, Vender etienda®, Quiero etienda®!, Ejemplos
En esta barra de información podemos colocar imágenes y textos a modo de pestañas. En el diseño de la barra de información se pueden utilizar unas pestañas idénticas para cada enlace que se configuran como las pestañas dentro del Diseño general de barra y pestañas. Para ello iremos al menú: Diseño gráfico > Barra de información superior
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
48
Creación de pestañas de enlaces en etienda®
49
Se nos abre esta pantalla:
En esta pantalla vemos dos ventanas, una superior con los enlaces al diseño de las pestañas y al diseño general de barra y pestañas. En la ventana inferior podemos apreciar los enlaces de las pestañas ya creados, o las cajas para crear uno nuevo. Diseño general de las pestañas Para realizar los ajustes y crear el diseño base o general, pulsamos sobre “Diseño general de barra y pestañas” Aquí podremos elegir la imagen de fondo o barra de información que se muestra por detrás de todas las pestañas, el estilo del texto que se empleará sobre las imágenes de las pestañas, tanto al mostrarlo inicialmente como al pasar el ratón sobre él. Otros ajustes son: El posicionamiento de la barra y de las pestañas, sus tamaños y espacios. Les daremos los valores que deseemos medidos en pixeles. Estos ajustes los haremos en esta pantalla:
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
49
Creación de pestañas de enlaces en etienda®
50
Las imágenes que subamos pueden ser una sección vertical de pocos pixeles de ancho, si tienen un diseño uniforme horizontalmente, ya que el sistema las multiplica hasta cubrir el espacio total que precisen las pestañas y la barra de fondo. De este modo, se adaptan y, además, conseguimos que la página cargue más rápido. Agregar enlaces de pestañas Podemos incorporar enlaces a la Barra de información del cliente o a la barra de información del administrador. Para ello, accedemos al Diseño de las pestañas en la ventana superior y se nos muestra la pantalla donde para insertar una pestaña seguiremos el siguiente procedimiento:
En la primera casilla indicaremos la posición que ocupará la pestaña de izquierda a derecha, siendo 0 el valor más a la izquierda. Luego, elegiremos el idioma, para que cuando el usuario elija ese idioma, se muestre la pestaña que estamos creando. En las casillas de verificación marcaremos si la pestaña está habilitada, si se oculta el título (Texto que aparece sobre la
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
50
Creación de pestañas de enlaces en etienda®
51
pestaña) en el caso de que la imagen de la pestaña lo incluya, o que sea un icono. El texto Alt, que aparece al posar el ratón sobre la pestaña y la descripción, de uso interno. Finalmente, escribiremos el texto de la pestaña y en la casilla inferior copiaremos y pegaremos la URL completa hacia la que enlaza la pestaña. Personalización de una pestaña Una vez creada la pestaña, podemos hacer ciertos ajustes adicionales, pulsando sobre el “Mostrar diseño” que aparece en la lista de las pestañas, junto a la pestaña correspondiente. Estos ajustes consisten en que se puede cargar una pestaña diferente, modificando las imágenes para esta pestaña, que al subirlas reemplazarán al diseño por defecto de todas las pestañas. Igualmente le podemos asignar un ancho de pestaña individual, diferente al estándar.
Barra de información inferior
La barra de información inferior opera de manera idéntica a la barra superior, pero dada su función que no suele ser la de ofrecer pestañas, sino más bien información y enlaces, veamos cómo se hace esta configuración. Para ello iremos al menú: Diseño gráfico > Barra de información inferior Se nos abre la siguiente pantalla, en la que podemos apreciar la similitud con la página de edición de la barra de enlaces superior, pero en este caso vemos como para los títulos de las pestañas se han adoptado código HTML en el que se define el color y tipo de letra y el texto que se incluye.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
51
Creación de pestañas de enlaces en etienda®
52
Para hacer la edición, podemos generar el código en el editor que se proporciona en el siguiente enlace al que se accede desde el menú derecho: Decoración > Editor HTML En el editor, creamos el texto en la pestaña de diseño, eligiendo todos los estilos que queramos e incluso incorporando imágenes y en la pestaña de Origen se escribe automáticamente el código que copiaremos y pegaremos en la correspondiente casilla de título de la pestaña. El resultado en el lado del cliente será el que se ven en los ejemplos:
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
52
Creación de pestañas de enlaces en etienda®
53
Así para obtener este resultado en la vista del cliente, que veíamos en estas capturas, observaremos los ajustes que se han realizado, en el caso de la primera captura, en el lado del administrador, en la siguiente pantalla:
Conclusión Mediante la barra de información, tanto en su versión de cabecera como de pie de página, disponemos de una potente herramienta de diseño de la página que nos va a ayudar a mejorar la navegabilidad y el acceso rápido a las páginas o información de interés. Igualmente se convierte en un elemento de diseño gráfico con mucha identidad dentro de la página, que contribuye a un resultado estético de alto nivel, gracias a los múltiples parámetros, fácilmente configurables, de los que dispone.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
53
Creación de pestañas de enlaces en etienda®
54
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
54
Cap铆tulo 4:
Creaci贸n de presentaci贸n de diapositivas en la web creada con etienda庐
Presentación de diapositivas en etienda®
56
Creación de presentación de diapositivas en la página inicial Una buena manera de atraer clientes hacia nuestra oferta es presentarles nada más entrar en nuestra web una presentación de diapositivas, en las que les hablemos o mostremos nuestros productos, Algunos ejemplos se muestran a continuación y en ellos se puede apreciar que de un golpe de vista, ya se sabe de qué va la oferta de la web:
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
56
Presentación de diapositivas en etienda®
57
Cómo se crea la presentación de diapositivas Para generar la presentación partiremos de imágenes que tengan unas dimensiones homogéneas, preferiblemente de un tamaño que haga que la presentación entre en los monitores de 1024 x 768 Una vez que tengamos las imágenes ya elegidas, lo primero que haremos es optimizar su tamaño, aplicándoles la compresión jpeg como para que, dentro de una calidad suficiente, no ocupen demasiado. Un peso por imagen deseable es del orden de unos 35KB. Una vez que tenemos todas las imágenes ajustadas en tamaño y peso, las renombraremos según el orden en el que queramos que aparezcan. Aquí es importante tener en cuenta que la
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
57
Presentación de diapositivas en etienda®
58
secuencia de numeración debe incluir el 0 de manera que si hay más de 10 imágenes, estas últimas queden ordenadas: Por ejemplo: las imágenes irán nombradas así: 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, … Para aparecer en el orden establecido por la numeración.
Una vez nombradas, crearemos un archivo zip con todas ellas, y a este archivo zip le daremos cualquier nombre, siempre que no contenga espacios, ni caracteres distintos a números y letras, evitaremos la ñ. Tampoco puede contener carpetas en el archivo. Una vez creado el zip, vamos a la sección de la derecha “Decoración” y allí pulsamos sobre presentación de diapositivas. Se nos abre la página en la que elegimos “subir… y pulsando en “examinar” localizamos el archivo zip en nuestro ordenador, y finalmente le damos a transferir. El sistema descomprimirá automáticamente el archivo y colocará las imágenes en la página de presentación inicial de la web.
Conclusión Mediante este sistema podemos fácilmente crear una presentación de producto o de la web a los visitantes, consiguiendo captar su atención e informar de una manera atractiva y eficaz, destacando entre la competencia, y haciendo de la visita a nuestra web una experiencia a recordar.
PRIMERA UNIDAD: Diseño Gráfico de la web creada con etienda®
58
Segunda unidad:
La creaci贸n de contenidos en etienda庐
Páginas informativas en etienda®
62
Capítulo 4
Las páginas informativas en etienda®
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
62
Páginas informativas en etienda®
63
Las páginas informativas en etienda® Las páginas informativas en toda web son aquellas en las que la empresa informa sobre sus actividades, su localización, los componentes de la empresa, como contactar y otros aspectos funcionales de la web Son las típicas: Quiénes somos, Dónde estamos, Qué hacemos, Cómo contactar, etc… Estas páginas aparecen dentro de una sección del menú y se pueden crear otras secciones de menú para organizar mejor la información si se requiere. Otro tipo de página informativa puede ser la primera página que abre la web, denominada index o página de presentación, en la que podremos colocar cualquier información esencial, incluso un flash, y el skip intro, para que los usuarios habituales se la puedan saltar al empezar. Igualmente, una vez que se entra, podemos tener también la página home o de bienvenida, que es la que, en el espacio central, informa a los visitantes sobre el contenido de la web u ofrece enlaces a diversas secciones. También se pueden incluir, a modo informativo, proyecciones de imágenes secuenciadas en la página Index o home, informando al usuario de lo que espera encontrar en su visita a la web. Otro tipo de páginas pueden ser las condiciones de contratación y la política de privacidad, y aspectos legales. En etienda® se dispone de un sistema para crear todas estas páginas y otras que interese colocar para informar sobre cualquier otro aspecto operativo o comercial, y se puede enlazar a ellas desde cualquier otra ubicación al disponer de URLs únicas.
Creación de páginas informativas Para crear las páginas informativas iremos al menú: Añadir páginas > Información empresa Y se nos abre esta ventana:
Aquí podemos hacer o bien añadir una URL, o crear una página.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
63
Páginas informativas en etienda®
64
Añadir una página informativa Para crear una página, pulsamos sobre añadir página, y se nos abre esta ventana:
Aquí le daremos un nombre a la página y completaremos todos los campos para crearla, Muy importante llenar los de Meta , para ayudar a la indexación SEO de la página
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
64
Páginas informativas en etienda®
65
Una vez completada la página, volvemos a la lista, y si nos interesa, podemos crear una sección en la que aparecerá esta página en la zona del menú de páginas le damos el nombre a la sección.
En el lado del cliente, la visualización de las páginas queda tal y como se aprecia en este ejemplo, dónde se ven las secciones numeradas, expandibles, con links dentro de ellas a las páginas correspondientes:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
65
Páginas informativas en etienda®
66
Añadir una URL con una web como página informativa En este caso lo que incrustaremos en el espacio central de nuestra web será la página que se corresponda con la URL. Por ejemplo, para lograr eso, incorporaremos la URL de la página correspondiente de Konica Minolta
Para ello, vamos a la sección del menú: Añadir páginas > Información empresa, y pulsamos sobre Añadir URL en la ventana que se nos abre:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
66
Páginas informativas en etienda®
67
Aquí completaremos la información de la página y pegaremos la URL que queramos mostrar, eligiendo si se mostrará dentro de nuestra página, o si preferimos, podemos hacer que se abra en una nueva ventana del explorador. Añadir una url en cualquier otra url propia de nuestra web Otra funcionalidad muy interesante es la de poder añadir una url cualquiera dentro de una página nuestra existente, como la de página de un producto o noticia. Para ello iremos al menú: Conf. Gráfica > Enlace Externo y se nos abre esta ventana:
Aquí elegiremos primero la zona donde queremos colocar la url, y luego debajo en las casillas correspondientes colocaremos las URL propia y la URL a insertar, que también puede ser propia. Nótese que podemos recortar la ventana en la que se muestra la url ajena, para eliminar todo lo que no nos interese que se visualice, mostrando un fragmento de la web ajena.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
67
Páginas informativas en etienda®
68
Creación de la página index La página index es la primera página que se muestra a la llegada a un sitio web. En ella se suele hacer una presentación de la empresa, previa a entrar a la página home o principal de bienvenida desde la que se accede a toda la información. Cada vez de usan menos estas páginas de presentación, ya que los usuarios, casi siempre le dan al “skip intro” para saltársela. No obstante, etienda® dispone de herramientas para crear esta página y para incluir en ella incluso hasta un flash de presentación. Para la creación de esta página iremos al menú: Añadir páginas > Página de presentación Se nos abre esta ventana:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
68
Páginas informativas en etienda®
69
Creación de la página home o de bienvenida Etienda® ofrece para la página home varias opciones: • • • • •
Una presentación de diapositivas Una imagen estática Un html Un flash Una Url externa en combinación con cualquiera de las opciones anteriores
Veamos a continuación el procedimiento a seguir para las opciones posibles. Crear una presentación de diapositivas Para realizar una presentación secuencial de imágenes, a modo de diapositivas, iremos al menú de la derecha: Decoración > Presentación de diapositivas Se nos abre esta ventana:
Aquí pulsaremos sobre el enlace “importar imágenes para presentación diapositivas” Se nos abre esta ventana
Aquí importaremos un zip con todas las imágenes que queramos presentar en las diapositivas NOTA: Generalmente es preferible poner pocas imágenes y tenerlas bien optimizadas para evitar que la web tarde mucho en cargar
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
69
Páginas informativas en etienda®
70
Crear una imagen estática como home Podemos colocar hasta 2 imágenes estáticas desde el editor de imágenes de la web. Para ello, iremos al enlace: Conf. Gráfica > Editar la imágenes del sitio web Y allí, en la ventana superior, elegiremos el link a “Espacio central”, que nos abre la página para poder subir las imágenes I y J que son las que se corresponden con el espacio central de la página de bienvenida (Home) las imágenes que subamos procuraremos que tengan el ancho disponible en el espacio central que si usamos una columna de menús puede ser de 750 px y de 550 px si hay dos columnas
Para un html o un flash Desde el administrador podemos elegir lo que vamos a presentar en el siguiente enlace: Añadir páginas > Página de bienvenida Y el ventana similar a la que se nos abre para la página index completaremos la información Para una URL Iremos al siguiente enlace: Conf. Gráfica > Enlace externo Y en la ventana que se nos abre colocaremos las url correspondientes con los ajustes necesarios
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
70
Páginas informativas en etienda®
71
Creación de páginas de avisos legales En etienda® tenemos 2 páginas para informar a los usuarios de: • •
Nuestras condiciones generales Nuestra política de privacidad
Éstas páginas se completan en los siguientes enlaces: Política de privacidad Para informar a los usuarios de la política de privacidad iremos a: Añadir páginas > Páginas menú ayuda Se nos abre esta ventana, dónde elegiremos la página que queramos rellenar.
Elegimos el enlace Política de privacidad y se abre la ventana donde la pegaremos o crearemos. Condiciones Generales Lo mismo haremos con las Condiciones Generales, siguiendo el correspondiente enlace. Al ser etienda® multilingüe, podemos subir versiones en diferentes idiomas de las páginas de avisos legales.
Conclusión Hemos visto que etienda®, como una solución profesional, admite la colocación de múltiples páginas informativas para informar adecuadamente al usuario y contribuir en generar confianza en la empresa mediante la información, lo que es muy importante de cara a generar la posible venta online o la contratación de servicios. Igualmente, esta facilidad para poder colocar todo tipo de información de presentación, contribuye a la estética de la página, haciendo que la visita sea una experiencia que al usuario le resulte útil, además de agradable.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
71
CapĂtulo 5
Los productos en etiendaÂŽ
Los productos en etienda®
74
Los productos en etienda® Una adecuada presentación de los productos, es esencial para el comercio online. En internet, a diferencia de en el mundo real, los usuarios no tienen la posibilidad de tocar o ver con sus ojos el producto, por lo que, el modo en el que seamos capaces de presentarles los artículos en la pantalla, es lo único que les generará la confianza necesaria para poder hacer click sobre el botón de “comprar”. Etienda® está fundamentado sobre una potente base de datos, que permite crear las fichas de los productos en las que se van a alojar todos los datos e imágenes. Estas fichas van a contener toda la información del producto en sus campos, tanto los definidos de serie, como los que el administrador pueda definir para albergar la información específica de su catálogo de productos. Se ha hecho puesto especial énfasis en que los productos puedan ofrecer mucha información y de que además sea fácil incorporarla. En este capítulo vamos a ver cómo se crean productos en la tienda online, partiendo de la información de la que podamos disponer, tanto a nivel de datos de producto como de imágenes.
Crear productos manualmente en e-tienda Creación de un producto
El punto de partida es recopilar toda la información que queramos ofrecer a los visitantes externamente, para luego adaptarla e importarla al sistema e-tienda Para el ejemplo vamos a partir de los datos de unos productos que tenemos en un archivo, como puede ser un Word. Lo mismo podría ser si partiéramos de información del proveedor que pudiéramos copiar desde su propia página web, y los pegáramos en un Word, como paso previo y para tenerlos todos ordenados y editados antes de posicionarlos en la web.
El código de producto
Esta referencia, o código de producto, es un dato fundamental del sistema etienda® y tiene que ser única, para evitar problemas a la hora de recibir pedidos y de asociación de imágenes al producto. Incluso si tenemos diferentes variantes de un producto como colores o tallas o acabados, debemos tener una referencia diferente para cada artículo. Podemos utilizar cualquier secuencia de caracteres alfanuméricos, no hay que utilizar caracteres que no pertenezcan al alfabeto internacional, ni símbolos.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
74
Los productos en etienda®
75
Caso práctico de creación de producto
Agregar a una web de venta online creada con etienda® un producto, recopilando información externa:
Estos son los datos que hemos obtenido partiendo de la web del proveedor de tres productos diferentes, y que vamos a colocar en la tienda online: Observamos que en los datos aparece información que podemos asignar a nuestros campos, por ejemplo tenemos Nombre del producto Descripción breve Descripción detallada Precio y nos faltaría un dato fundamental que es la referencia o código de producto, puede ser la del fabricante, o podemos utilizar una referencia nuestra.
CycleOps IC 400 PRO La solución definitiva para el usuario que busca rendimiento en su trabajo indoor. • Joule 3.0 incluido. • Tecnología PowerTap con precisión +/- 1,5%. • Controla la potencia, la pendiente o el desarrollo de manera electrónica. • Cuatro puntos de micro-ajuste te permiten duplicar las medidas de tu bicicleta. • PowerAgent compatible para crear entrenamientos, recorridos y sincronizar datos. PVP: 2.899,00 €
SuperMagneto PRO El único rodillo magnético con curva de resistencia progresiva. • Tecnología PowerTuned que garantiza una sensación de pedaleo real. • Bastidor PRO Series. • Cuatro modos de resistencia: Modo Suave, Modo Carretera, Modo Intervalo y Modo Montaña. PVP: 369,00 €
CycleOps Joule El nuevo ciclocomputador de CycleOps • Nuevo diseño y funcionalidad mejorada. • Diseñado específicamente para ciclistas que entrenan por potencia. • Simplifica tu entrenamiento: intuitivo y fácil análisis de información. • Pantalla personalizable: ve exactamente lo que quieres ver cuando lo quieres ver • Histórico de actividades: Analiza tu rendimiento. • Incluye altímetro, TSS, potencia normalizada y muchas otras métricas del entrenamiento PVP: 169,00 €
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
75
Los productos en etienda®
76
Colocación manual de los productos en la tienda online Lo primero que tenemos que definir en nuestra tienda es el sitio donde vamos a colocar nuestros productos. Ahora lo que haremos es muy similar a lo que haríamos si estuviéramos montando una tienda en un local físico. En el mundo no virtual, en nuestro local, lo primero que haríamos es organizar las secciones de la tienda, para que los productos de un mismo tipo estén en la sección correspondiente. Luego en esta sección tendríamos estanterías y organizaríamos las estanterías y las baldas necesarias para cada tipo de artículo. También podríamos colocar alguna información o anuncio de oferta para los artículos de la sección… En nuestra tienda online del mundo virtual, haremos lo mismo: nuestras secciones principales serán las categorías de la tienda, y las estanterías dentro de una sección serán las subcategorías. La denominación de las categorías puede responder a la pregunta ¿Qué vendes? La respuesta a esta pregunta suele ser los nombres de las categorías. En el caso de ejemplo, nuestras categorías serán: CATEGORIA
SUBCATEGORIA
Entrenamiento indoor
Ciclos indoor
Entrenamiento indoor
Rodillos
Ciclocomputadores
Una vez definidas las categorías, podemos crearlas en la página web siguiendo este procedimiento: Entramos en el administrador de la tienda, con nuestras contraseñas de acceso, una vez dentro: Primero iremos a la sección de productos en el menú de la izquierda del lado del administrador, y allí pulsaremos sobre categorías. Se nos abrirá esta página:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
76
Los productos en etienda®
77
Creación de una categoría En esta página vemos el botón “Añada nuevo”, lo pulsamos y se nos abre la página en la que introduciremos todos los datos de la categoría: Aquí podemos apreciar las diferentes cajas donde introduciremos toda la información de la categoría. La mayoría de los campos son opcionales, y nos sirven para proporcionar una mayor información acerca de los productos de la categoría, o para hacer destacar alguna oferta o promoción, ya que la información de la categoría es lo primero que se presenta a los clientes. La imagen de la categoría se puede colocar aquí, y su ancho no debe superar el ancho del espacio destinado a presentarla, que como máximo suele ser de 750 px El sistema dispone de ajustes para dimensionar la imagen al resultado deseado. El texto de descripción de la categoría se introduce en el módulo del editor HTML, con lo que puede ser cualquier contenido diseñado expresamente o tomad desde otras fuentes. También disponemos de una casilla importante de cara a la indexación por los buscadores, donde introduciremos los valores de las palabras clave (metatags) por las que nos encontrarán los usuarios. Estas palabras clave se incorporan a un archivo oculto a los visitantes visible por los robots de indexación de Google y otros buscadores. Finalmente, disponemos de una serie de ajustes para autorizar la visualización de la categoría a los visitantes según los tipos de clientes
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
77
Los productos en etienda®
78
Creación de Subcategorías Si precisamos disponer de subcategorías dentro de una categoría, lo que haremos es ir al listado de categorías principales y en la pulsaremos sobre la categoría dentro de la que queramos crear una subcategoría:
Así, en este caso, pulsamos sobre Entrenamiento Indoor, y se nos abrirá la página en la que introduciremos la información de igual manera en la que lo hemos hecho para la categoría.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
78
Los productos en etienda®
79
Una vez que tenemos ya configurado nuestro árbol de categorías y subcategorías, ya estamos en condiciones de agregar a la tienda los productos. Al igual que en la vida real, ya tenemos el mobiliario de nuestra tienda o almacén en su sitio, y ya podemos colocar los productos para que nos aparezcan ordenados y en su sitio. Colocación de productos en las categorías de la tienda Para colocar un producto, tenemos que rellenar su ficha. Una ficha de producto, en un sistema profesional como etienda®, ofrece varias posibilidades de agregar información del producto. Esta información se compone de datos del producto, imágenes, tablas y archivos asociados al producto, como vídeos o pdf. No es necesario en todos los casos hacer uso de todas ellas, lo imprescindible a rellenar viene señalado con un asterisco (*) Este ficha es muy extensa y tiene muchas opciones que le ayudarán a configurar con precisión la forma de operar del producto y fijar toda su información. Completaremos en ella al menos todos los campos señalados con asterisco (*) Para dar entrada a los datos, utilizaremos los archivos de origen de datos, y desde ellos copiaremos y pegaremos en los correspondientes campos la información. Así para crear nuestro primer producto, seguiremos la siguiente secuencia para los datos esenciales: En la ficha, elegimos la categoría en la que queremos colocar el producto Copiamos y pegamos o le asignamos: • • • •
•
• •
El código de producto (también llamada la referencia) El numero de grupo (dejamos el que etienda® nos ofrece por defecto) El Nombre del producto, (debe ser lo más claro posible, sin usar abreviaturas, ya que este dato lo usarán los buscadores para indexar la información) La Descripción (es una descripción breve, generalmente la descripción comercial para definir el producto y sus ventajas en una o dos líneas. Nos servirá también para la indexación por los buscadores, por lo que tiene que ser precisa y sin abreviaturas) El precio (el precio a especificar es sin IVA. Si lo dejamos en 0 el sistema interpreta que el cliente tiene que llamar para consultar y presentará la frase que se haya definido para esta circunstancia) El tipo de IVA aplicable a este producto. El resto de las opciones no son imprescindibles y están relacionadas con otros aspectos comerciales y logísticos
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
79
Los productos en etienda速
80
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda速
80
Los productos en etienda®
81
Una vez aportados los datos del producto, pulsamos sobre enviar cambios y queda así grabado el producto. Además de la ficha de datos del producto, una vez creado, aparecen otros enlaces que nos facilitan acceso a las otras partes de la ficha del producto, para agregarle más información.
En la ventana superior vemos enlaces que nos facilitan acceso a : • • • • • • • • •
Impresión de producto (prepara una ficha impresa del producto, para catálogos) Requiere haber preparado las plantillas Descripción internacional (ofrece poder presentar los textos de los datos del producto en los idiomas activados en la tienda) Opciones del producto (nos permite crear las variantes del producto tales como tallas, colores, etc) Productos relacionados (presenta en la página enlaces a los productos que se recomiendan complementarios Editar evaluaciones (si tenemos activados los comentarios, nos permite editarlos) Detalles de producto (es la ficha con todos los datos que hemos completado inicialmente) Campos adicionales (si tenemos definidos campos adicionales para ofrecer mas datos del producto, aquí se completan sus valores) Precio por volumen (aquí se definen los precios en función de las unidades pedidas) Imágenes detalladas (en esta sección se suben las imágenes del producto y se completan sus datos, añadiéndoles textos explicativos o de indexación y navegación Alt)
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
81
Los productos en etienda®
82
Una vez grabados los datos del producto, lo siguiente es añadirlas imágenes que lo definen Importación de las imágenes de los productos Una de las partes mas importantes de una tienda online son las imágenes de los productos. Los clientes no tienen acceso a ver en directo nuestros productos físicamente, por lo que es imprescindible mostrarles sus cualidades con el mayor detalle posible mediante imágenes que importemos al sistema para que conozcan el producto de la mejor manera posible en internet. Etienda® está especialmente preparado para gestionar un importante número de imágenes y poder asociar las que sean necesarias a cada producto. Para ello es necesario que las imágenes estén adaptadas a la presentación en internet, ajustando su resolución y tamaño al medio. Las imágenes obtenidas por los móviles y por las cámaras digitales y scanners son demasiado grandes para operar en internet, y siendo el tamaño y peso de las imágenes un aspecto muy importante que va a incidir en la operación correcta de la web, es muy importante eliminar de ellas el exceso de información mediante ciertos sencillos ajustes. Por tanto, previamente a cargar las imágenes en etienda®, es importantísimo haber ajustado su tamaño y resolución para optimizarlos para web. Tamaño de las imágenes El tamaño de las imágenes para ser presentadas en la web no debe exceder el ancho de 750 px y su tamaño de archivo se debe optimizar para ocupar como mucho 60 KB, todo lo que sea superar estos valores repercute en una visualización lenta de la información. Si es necesario proporcionar imágenes con mas detalle, es preferible crear enlaces para que esas imágenes sean descargadas o visualizadas por quien pueda interesarle específicamente. Nomenclatura de las imágenes Las imágenes, en el sistema etienda®, siguen la siguiente nomenclatura: PREFIJO_REFERENCIA.jpg Dónde: el prefijo va a determinar la colocación y posición de la imagen, el guión bajo hace de separador y la referencia va a asociar la imagen que tenga el nombre de la referencia al producto correspondiente. Como el sistema permite asociar varias imágenes a un producto, hay que darles diferentes prefijos a cada una de ellas asignándoles la misma referencia, o código de producto a todas como la base para el nombre de la imagen. Así las imágenes que tienen en su nombre idénticos caracteres que los de la referencia del producto serán asociadas al producto de esa referencia.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
82
Los productos en etienda®
83
Zonas de imágenes en la ficha del producto en la presentación a los clientes Las imágenes de un producto pueden colocarse en etienda® en 3 zonas diferenciadas. En el lado del administrador, las imágenes se pueden subir individualmente a cada zona. El propio sistema se ocupará de renombrar la imagen internamente para que quede asociada al producto y a la zona. Inicialmente estas zonas se denominan: Imágenes Detalladas, Gráficos y Tablas. No obstante, se puede utilizar cualquier denominación para los títulos de las ventanas donde se muestran, cambiando éstas. Prefijos de Zonas La zona de imágenes detalladas tiene el prefijo DN_ donde N es un número que determina el orden de aparición de la imagen, siendo D1_ el prefijo de la imagen que aparecerá en primer lugar en la zona de imágenes detalladas. Además este prefijo D1_ es especial, ya que es el prefijo que será utilizado por el sistema para identificar la imagen que se utilizará como miniatura en todo el sistema. Por tanto, no es necesario cargar en la ficha de datos de producto una imagen de miniatura, ya que el propio sistema utilizará la imagen denominada D1_referencia.jpg como la imagen de miniatura, generándola automáticamente. La zona de gráficos tienen el prefijo GN_ y la zona de tablas, TN_ siguiendo el mismo criterio de presentación de arriba abajo, siendo la secuencia de visualización G1_, G2_ G3_ …. GN_ dentro de la zona G
Subir varias imágenes en bloque Si no se desea subir una a una las imágenes a cada zona, podemos renombrarlas externamente, y hacer con ellas un archivo zip. El sistema permite la importación de este archivo zip, y asociará automáticamente las imágenes contenidas en él a las zonas correspondientes dentro de los productos. Este archivo zip puede contener imágenes correspondientes a más de un producto, y puede ser importado con todas las imágenes de los productos de una categoría, e incluso de toda la página web.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
83
Los productos en etienda®
84
Adaptación de una imagen a la web Tenemos una imagen de alta resolución del producto, que por su tamaño no es viable, y es necesario reducir y optimizar para su uso en la web en nuestra tienda online. Para ello, utilizaremos el programa Photoshop, por ser el programa auxiliar que mas útil nos resulta para la creación y composición de imágenes y es una herramienta de gran ayuda en la creación de cualquier diseño para la web. Hay otros programas de uso gratuito para tratamiento de imágenes como Gimp, pero como decíamos, Photoshop es muy común y es el generalmente utilizado para todos los aspectos auxiliares en la creación de un proyecto web con imágenes. Hay otras utilidades en internet para optimizar las imágenes, una de ellas es PIcasa3 de Google. Primer paso: Abrir la imagen en Photoshop
Observamos que la imagen tiene unas dimensiones de ancho x alto de : 4288 x 2848 píxeles Utilizaremos siempre las dimensiones con los pixeles como unidad, ya que las pantallas donde se va a visualizar nuestra tienda online representan los puntos de las imágenes con pixeles. sin preocuparnos de la resolución. Por tanto, hay que adaptar la imagen a los pixels en los que se va a visualizar en la web. El estándar hoy en día es de que una página web tenga una anchura de 1024 pixeles, adaptándose así a la mayoría de los monitores que tienen 1024 de ancho x 768 de alto. Teniendo en cuenta que en la web vamos a tener un espacio para el menú, y márgenes, el espacio recomendado máximo para el ancho de la imagen es de 750 pixeles.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
84
Los productos en etienda®
85
Una vez abierta la imagen en Photoshop, observamos que la imagen original tiene mucho espacio blanco alrededor, y como queremos aprovechar al máximo la capacidad de visualización del producto, antes de reducir la imagen a 750 recortamos el espacio en blanco excedente. Una vez hecha esta operación, Ajustamos el ancho de la imagen a 750 px en la ventana que nos sale del menú Imagen> Tamaño de imagen… Nos fijaremos en la parte superior de la ventana, e introduciremos el valor 750 en la casilla de anchura, la altura se ajustará sola.
Es importante mantener señalado el checkbox de “Restringir proporciones”, para que aparezcan las cadenas al lado de las dimensiones y la imagen así se redimensione proporcionalmente. Segundo paso: Optimizar el tamaño del archivo Una vez que ya tenemos la imagen al tamaño necesario, lo siguiente es ajustar su “peso”, es decir, el tamaño del archivo. En una imagen fotográfica o en un gráfico, los pixeles contiguos tienen prácticamente el mismo color, por tanto lo que se hace es aplicar un algoritmo de compresión para unificar el valor de los pixeles contiguos que tiene diferencias poco perceptibles por el ojo. Ai se desarrollo el algoritmo JPEG que da lugar a las imágenes con extensión .jpg Según la “agrupación” mayor o menor de pixeles que hagamos, la imagen tendrá más o menos calidad, y observaremos que cuanto menos calidad tenga, al ser la agrupación de pixeles mayor, irá perdiendo peso. Así con una compresión alta, la imagen se “pixela” mas. Tenemos que buscar un compromiso entre la calidad suficiente para la visualización y el tamaño, para
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
85
Los productos en etienda®
86
que nuestra página funcione bien. El peso deseable para la imagen de un ancho de 750 px es inferior a 60 KB. Si tenemos muchas imágenes, quizás nos interese bajarlo o bajar su anchura. Ajuste del tamaño del archivo En Photoshop hay una función muy útil que es la de ajustar para web. El programa realiza la optimización en una pantalla en la que se compara la imagen actual y el resultado de la optimización. Lo que haremos será buscar el compromiso entre la poca pérdida de calidad y el tamaño jugando con el grado de compresión, hasta encontrar el valor de tamaño de archivo deseado con la calidad que queremos. Si es posible comprimir más sin pérdida de calidad, siempre buscaremos que el tamaño del archivo sea lo menor posible. Procedimiento: Iremos al menú Archivo> Guardar para web…
Vemos que nos muestra las dos imágenes, aparentemente con la misma calidad, el ajuste de calidad está en 40 y el tamaño de archivo resultante es de 30.67 KBytes. Como vemos que la calidad es bastante buena, aun podemos probar a bajar algo la calidad a ver si baja el peso sensiblemente…probamos con calidad 30 y vemos que no se reduce tanto para la pérdida de calidad que se obtiene, con lo que decidimos que se hagan a calidad 40. Este valor de calidad 40 es bastante habitual para obtener un buen compromiso de tamaño/calidad Le damos a guardar, y ya tenemos la imagen optimizada lista para subir a la web. Le cambiamos el nombre para no perder la imagen anterior.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
86
Los productos en etienda®
87
Procedimiento de importación de imágenes Una vez que dispongamos de las imágenes con su resolución y tamaño ajustados, tenemos que seguir unos pasos para que queden asociadas a los productos. Estos pasos pueden ser importarlas directamente o importarlas en bloque. Si vamos a importar en bloque las imágenes, hay que tener en cuenta que las imágenes tienen que seguir la regla de nombrado o nomenclatura. Ejemplos Importación de imagen a la zona de imágenes de detalle Siguiendo con el producto muestra que estamos creando, una vez que tenemos optimizada la imagen a subir, pulsamos en el enlace de imágenes detalladas para subir a esa zona la imagen del producto:
El resultado una vez que sube la imagen al lado del administrador es:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
87
Los productos en etienda®
88
La imagen ya ha quedado subida y el sistema nos permite añadir un texto explicativo para mostrarlo por debajo de ella al cliente y de hacerla miniatura. Si lo que queremos es subir varias imágenes a la zona de detalle, en lugar de repetir este proceso para cada imagen, podemos subir una única carpeta zip que las contenga a todas. El sistema descomprimirá la carpeta y renombrará cada una de las imágenes para asociarlas al producto. ¡¡Atención!!: El nombre del archivo zip no puede contener espacios. Sólo puede contener letras y números y nunca espacios. Así con la imagen subida, y los datos que ya tenemos, la página del producto vista por el cliente queda así:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
88
Los productos en etienda®
89
La imagen de detalle puede aparecer por encima o debajo de los datos de producto. Conclusión Hemos podido apreciar la potencia del sistema de base de datos de etienda® puesto al servicio del administrador del sistema para ofrecer a los visitantes de la página una información muy detallada de los productos para ayudarles en su decisión de compra
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
89
Los productos en etienda速
90
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda速
90
Capítulo 6:
Creación de productos en etienda® a partir de fotografías
Los productos a partir de fotografías en etienda®
92
Creación de productos a partir de fotografías En muchas ocasiones en los comercios, el propio comerciante puede hacer fotografías de los productos que se encuentran a la venta en su tienda para, a partir de estas fotografías, construir su tienda online. El programa etienda® permite subir estas fotografías al área del administrador de etienda® y, a partir de disponer de las imágenes ya subidas en la web, crear los productos introduciendo la información necesaria. Preparación previa de las fotografías Para realizar este procedimiento, lo primero que hay que hacer es disponer de las fotografías preparadas para ser utilizadas en la web. En el capítulo anterior explicábamos como se optimizan las fotografías para que se puedan usar eficientemente en internet. Una vez que ya hemos optimizado las fotografías, las seleccionamos todas y hacemos un único archivo zip con todas ellas. El nombre de este archivo zip sólo puede contener números y letras del alfabeto internacional. No debe contener espacios. Subir las fotografías a etienda® Abrimos el lado del administrador, y una vez dentro, vamos al menú de la izquierda, sección de productos. La expandimos y allí pulsamos en el enlace “imágenes de productos”, se nos abre esta página:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
92
Los productos a partir de fotografías en etienda®
93
En esta página seleccionamos “importación de imágenes de productos” Y en la página resultante, importaremos la carpeta zip que tenemos con las imágenes de los productos que queremos crear:
Una vez realizad la importación, podemos ver las imágenes subidas pulsando sobre el enlace “Imágenes ya subidas”, eligiendo al ancho al que las queremos visualizarlas, el número de columnas y varios ajustes mas, para visualizarlas con mayor comodidad, como apreciamos en la siguiente captura:
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
93
Los productos a partir de fotografías en etienda®
94
Una vez importadas las imágenes nos aparecen en la web y ya las tenemos listas para asignarlas a los productos, a la vez que creamos los productos. Creación de los productos Ahora vamos al enlace del menú de la izquierda, sección de productos, “Renombrar imágenes”
Aquí elegimos el modo en el que vamos a operar, señalando los checkboxes correspondientes, se nos abre la ventana en la que iremos aportando los datos del producto asociado a la fotografía
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
94
Los productos a partir de fotografías en etienda®
95
Así sucesivamente iremos pasando las fotografías para asignarles la categoría a la que pertenece el producto, el nombre del producto, su descripción y el precio. También podemos modificar las dimensiones de la imagen y la calidad de compresión jpg
Conclusión Este método ofrece un modo de crear rápidamente los productos con los medios al alcance de cualquier comerciante. Así puede, fácilmente, ir incorporando a su tienda online los productos conforme los va poniendo a la venta en su tienda, o haciendo un inventario.
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
95
Los productos a partir de fotografías en etienda®
SEGUNDA UNIDAD: Los contenidos de la web creada con etienda®
96
96
Cap铆tulo 7:
La importaci贸n y exportaci贸n de datos en etienda庐
Importación y exportación en etienda®
98
La importación y exportación de datos en etienda® Cuando un sistema de información como etienda® tiene que manejar gran cantidad de datos de productos o de clientes, generalmente éstos proceden de otras fuentes, como son bases de datos, sistemas de gestión de empresa, hojas de cálculo con listados, etc. Lo mismo sucede con las imágenes de producto, que pueden llegar a ser miles. Incorporar uno a uno los datos de los productos o de los clientes e imágenes, en cada ficha de producto de etienda®, en este caso, es una tarea tediosa y poco práctica, siendo necesario disponer de otras alternativas de importación. Una de las ventajas del sistema etienda® es que, al ser un sistema profesional, dispone de un método, configurable por el administrador, para realizar la importación adaptada a la fuente de los datos, haciendo muy fácil y rápida la incorporación de extensas bases de datos, con este sistema de importación directa.
Importación de datos El sistema de importación se fundamenta en la posibilidad de, una vez configurada la importación, importar una hoja en formato Excel 2003-2007 ó CSV con la información de los campos de los productos. Para ello, lo primero que hay que hacer es identificar y asociar los campos que tenemos en la hoja a importar con los campos disponibles en etienda®. Procedimiento de asociación de campos En la hoja Excel en la que tengamos el origen de datos, copiaremos la primera fila con los nombres de los campos y la pegamos en una nueva hoja, la llamamos “cabecera” Importamos este archivo “cabecera” accediendo al menú: Importar/exportar > Configuración de la Importación y Exportación Se nos abre esta pantalla:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
98
Importación y exportación en etienda®
99
Etienda® nos presenta los nombres de los campos de la hoja “cabecera” en una lista. Junto a cada campo aparece un desplegable con todos los campos de etienda®. Para cada campo importado, elegimos el nombre del campo que se corresponda. Por ejemplo, si en nuestra hoja le llamamos al precio del producto PVP este nombre lo asociaremos al nombre de campo “precio” dentro de etienda®. Así, iremos haciendo lo mismo con todos los campos y grabaremos la importación. De este modo, etienda® ya sabe lo que le va a llegar cuando se efectúe la importación de la hoja completa con todos los datos, y colocará en cada campo la información correspondiente. Se pueden crear diferentes perfiles de importación de datos, ya que puede darse el caso de que diferentes proveedores nos faciliten la información de los productos en diferentes formatos, pudiendo generar un perfil de importación para cada proveedor NOTA: es importante que en la hoja de importación tengamos todos los datos bien estructurados, con toda la información de: referencias, categorías, campos, descripciones, precios, etc de cada producto en una fila diferente. Cada variante de un mismo producto debe corresponderse con una referencia diferente y una fila distinta.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
99
Importación y exportación en etienda®
100
Procedimiento de importación Para realizar la importación, acudimos al menú: Importar/exportar > Importar productos y se nos abre ésta página:
Una vez que tenemos ya configurada la importación, elegimos en la página de importación el perfil correspondiente a lo que vamos a importar. Pulsamos sobre “examinar” para obtener el archivo que vayamos a importar desde nuestro ordenador y le damos al botón “importar”.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
100
Importación y exportación en etienda®
101
Etienda® nos presentará una muestra de lo que se va a importar con unos pocos artículos, para que veamos si todo es correcto.
Una vez comprobado, realizaremos la importación del archivo, cuyos datos se incorporarán a la base de datos de etienda® para ser presentado en la vista cliente y/o ser utilizado por el sistema.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
101
Importación y exportación en etienda®
102
Importación de las imágenes Etienda® permite importar en bloque las imágenes de los productos. Para ello, las imágenes tienen que estar en un archivo zip., que será el archivo que se importa con todas ellas. Para importar las imágenes en bloque iremos al menú: Productos >Imágenes de productos
Asociación de las imágenes a los productos Las imágenes importadas pueden asociarse automáticamente a los productos si están nombradas con el mismo nombre de la referencia del producto. Para admitir más de una imagen asociada a una misma referencia, etienda® dispone de un método que consiste en añadir un prefijo al nombre de la imagen, que nos servirá para determinar la colocación de la imagen dentro de la página de presentación del producto. Nomenclatura de las imágenes Las imágenes, en el sistema etienda®, siguen la siguiente nomenclatura: PREFIJO_REFERENCIA.jpg Dónde: el prefijo va a determinar la colocación y posición de la imagen, el guión bajo hace de separador y la referencia va a asociar la imagen que tenga el nombre de la referencia al producto correspondiente. Como el sistema permite asociar varias imágenes a un producto, hay que darles diferentes prefijos a cada una de ellas asignándoles la misma referencia, o código de producto a todas como la base para el nombre de la imagen. Así las imágenes que tienen en su nombre idénticos caracteres que los de la referencia del producto serán asociadas al producto de esa referencia. Zonas de imágenes en la ficha del producto en la presentación a los clientes Las imágenes de un producto pueden colocarse en etienda® en 3 zonas diferenciadas. En el lado del administrador, las imágenes se pueden subir individualmente a cada zona. El propio sistema se ocupará de renombrar la imagen internamente para que quede asociada al producto y a la zona.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
102
Importación y exportación en etienda®
103
Inicialmente estas zonas se denominan: Imágenes Detalladas, Gráficos y Tablas. No obstante, se puede utilizar cualquier denominación para los títulos de las ventanas donde se muestran, cambiando éstas. Prefijos de Zonas La zona de imágenes detalladas tiene el prefijo DN_ donde N es un número que determina el orden de aparición de la imagen, siendo D1_ el prefijo de la imagen que aparecerá en primer lugar en la zona de imágenes detalladas. Además este prefijo D1_ es especial, ya que es el prefijo que será utilizado por el sistema para identificar la imagen que se utilizará como miniatura en todo el sistema. Por tanto, no es necesario cargar en la ficha de datos de producto una imagen de miniatura, ya que el propio sistema utilizará la imagen denominada D1_referencia.jpg como la imagen de miniatura, generándola automáticamente. La zona de gráficos tienen el prefijo GN_ y la zona de tablas, TN_ siguiendo el mismo criterio de presentación de arriba abajo, siendo la secuencia de visualización G1_, G2_ G3_ …. GN_ dentro de la zona G.
Exportación de datos Al igual que podemos importar los datos desde bases de datos externas, también podemos exportar desde etienda® la información en formato CSV para así poder abrirla en un Excel o importarla a cualquier otro sistema. Otro uso muy útil del sistema de exportación consiste en crear manualmente en etienda® un producto, o completar los datos del cliente y a partir de esta acción, realizar una exportación para obtener el archivo en el formato adecuado para poder añadirle, en este archivo, más datos externamente y luego realizar la importación con todos los datos agregados. En la exportación se obtienen los nombres de los campos de etienda® como cabecera del archivo CSV obtenido, siendo así fácil completar el resto de la información externamente.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
103
Importación y exportación en etienda®
104
Conclusión Mediante estos sistemas podemos construir rápidamente un sistema de presentación y tienda online, con los productos y datos de clientes de cualquier empresa, obteniendo la información existente en bases de datos externas, e importándola mediante procedimientos que no implican programación, utilizables por cualquier persona con unos conocimientos mínimos de informática. Así mismo, permiten una actualización sin esfuerzo de los contenidos de la tienda.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
104
CapĂtulo 8
Las noticias en etiendaÂŽ
Creación de noticias en etienda®
106
Las noticias en etienda® Etienda® dispone de una potente funcionalidad para crear noticias con múltiples imágenes, archivos asociados y enlaces. Las noticias se pueden clasificar por categorías y subcategorías y pueden ser enviadas a los destinatarios por email mediante boletines generados automáticamente por el sistema Así, el módulo de noticias se convierte en un poderoso medio de comunicación de todas las novedades, realizaciones y ofertas de la empresa. Organización de las noticias Las noticias están organizadas dentro del sistema, bajo dos secciones: Histórico de noticias, que es donde aparecen todas, y últimas noticias. Podemos hacer que las noticias que vayamos agregando, aparezcan en la categoría de últimas noticias, entre unas fechas determinadas, pasando al histórico de noticias al alcanzarse la fecha límite. Las noticias que aparecen dentro de esta sección de últimas noticias son las que se pueden enviar en los boletines de noticias. Dentro de estas secciones, las noticias están contenidas dentro de las categorías y subcategorías que vayamos creando, pudiendo hacer que a las categorías tengan acceso solamente un tipo de usuarios, para así poder distribuir noticias de interés sólo para un grupo determinado. También dispone de un buscador que se le ofrece al cliente para poder localizarlas. Adicionalmente a la presentación en las secciones mencionadas, las noticias pueden aparecer en los menús, como noticias destacadas presentando una miniatura y su titular. Estructura de una noticia La noticia se compone de los siguientes elementos: Categoría, titular, entradilla, cuerpo, archivos asociados, campos y enlaces asociados Creación de la categoría Lo primero que haremos será crear la categoría donde vayamos a colocar la noticia, para ello vamos al menú: Noticias > Categoría de noticias SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
106
Creación de noticias en etienda®
107
Accedemos a esta ventana dentro de la página de añadir categorías: En esta ventana, pulsamos sobre “Añadir nuevo”
Y nos aparece la página para agregar la información correspondiente a la categoría:
En esta página iremos completando la información de la categoría. El único campo imprescindible es el nombre de la categoría. En los demás campos podemos elegir como se visualizará la categoría, agregar una imagen junto al texto descriptivo de la categoría y quienes pueden ser los usuarios con acceso a ella. Además, cuenta con un campo para incluir los Meta tags, o palabras clave, para favorecer el indexado de la información dentro de los buscadores. SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
107
Creación de noticias en etienda®
108
Una vez creada, nos lleva a la pantalla para añadir información de la categoría en otros idiomas, o para gestionar su colocación en el árbol de categorías. Si el sistema de etienda® es uno principal y dispone de subsidiarias, podemos elegir los dominios en los que se mostrará la noticia.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
108
Creación de noticias en etienda®
109
Creación de una noticia Para crear una noticia iremos al menú: Noticias > Añadir noticias Se nos abre esta pantalla:
En esta pantalla completaremos los campos elementales correspondientes. Una vez rellenos, la damos a guardar, y se nos abrirá la ventana para añadir más datos e imágenes. La miniatura se genera automáticamente partiendo de una las imágenes de la noticia, así que no es necesario subir la miniatura ahora, a no ser que se quiera que sea diferente a una de las imágenes de la noticia de las cuales vayamos a generarla una vez subidas. SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
109
Creación de noticias en etienda®
110
Importar imágenes de la noticia Las noticias pueden ser acompañadas por múltiples imágenes. Hay dos métodos para incorporar las imágenes: 1. directamente en la noticia 2. en bloque para todas las noticias Importación de imágenes directamente a la noticia Para importarlas, seguimos los siguientes pasos: Buscamos la noticia a la que le queremos asociar imágenes: Noticias > Búsqueda de noticias Y obtenemos la siguiente pantalla, en la que elegimos la noticia a la que le queremos agregar imágenes. Pulsamos sobre el título de la noticia a editar. Se nos abre la página de edición de la noticia, y en ella vemos en la ventana superior enlaces para varias funciones, entre las que aparece “imágenes detalladas noticia” Pulsamos y se nos abre la siguiente ventana en la página:
En esta ventana, elegimos el idioma en el que se mostrarán las imágenes, y pulsamos seleccionar, en la ventana que se abre, pulsando examinar seleccionaremos el archivo con las imágenes de la noticia y pulsaremos transferir. Si vamos a subir más de una imagen de la noticia, podemos crear un archivo zip que contenga todas las imágenes que vamos a utilizar y subir este único archivo. El sistema lo descomprimirá y asociara todas las imágenes contenidas en él a la noticia. Hay que tener en cuenta que el nombre del archivo zip solo puede contener letras y números y ningún espacio. NOTA: Como siempre, las imágenes han de estar optimizadas para internet. Se sigue el mismo procedimiento que en el caso de las imágenes de productos, para ajustar el tamaño de la imagen y su calidad a lo adecuado en internet.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
110
Creación de noticias en etienda®
111
Una vez que subimos el archivo zip, se nos muestra la siguiente pantalla:
Como podemos apreciar, las imágenes han sido subidas y renombradas, teniendo cotas ellas en el nombre la referencia de la noticia y un prefijo de numeración. Cuando subamos imágenes en bloque para asociar a noticias, ése es el criterio que hay que seguir para nombrarlas. En esta página, ahora añadiremos el pie de foto, en el campo descripción y el Alt para cada imagen. También elegiremos la imagen más representativa, para hacerla miniatura de la noticia. El Alt es ese texto que aparece junto al cursor cuando en visitante pasa el cursor por encima de la imagen. Es muy útil rellenarlo, ya que los buscadores lo usarán para indexar las imágenes. Una vez que hayamos completado la información, pulsaremos “Transferir” para que quede grabada en el servidor.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
111
Creación de noticias en etienda®
112
Subir las imágenes en bloque para todas las noticias Para subir imágenes en bloque para todas las noticias, el procedimiento externo a seguir es el siguiente: Las imágenes se renombran con el código de la noticia y se les añade un prefijo a todas las que pertenezcan a una misma noticia, de manera que todas las que pertenecen a la misma noticia se numeren secuencialmente: 1_code.jpg 2_code.jpg 3_code.jpg … n_code.jpg Todas estas imágenes irán asociadas a la noticia que tenga code como código de noticia Una vez que las imágenes han sido optimizadas (puede hacerse antes o después de renombrarlas) se genera con todas ellas un archivo zip. En este archivo zip podemos incluir las imágenes de varias noticias. Cuando tengamos dispuesto el archivo, vamos a menú: Noticias > Importación de imágenes de noticias, y en la ventana que se nos abre pulsamos sobre Importación de imágenes de noticias para obtener esta ventana:
Localizaremos el archivo zip en nuestro ordenador pulsando en examinar, y las importaremos pulsando sobre “Enviar” NOTA: El archivo zip no puede contener ninguna carpeta y el nombre no puede contener espacios ni caracteres que no sean alfabeto internacional o números.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
112
Creación de noticias en etienda®
113
Asociación de archivos a las noticias A una noticia le podemos asociar cualquier archivo que deseemos. Los archivos pueden ser imágenes, vídeos, Excel, Pdf, etc. Estos archivos se presentarán en cada noticia con el nombre del archivo o con un nombre igual para todos ellos como por ejemplo, “oferta”, colocados en las diferentes noticias. Asociar archivos a una noticia Para asociar un archivo a una noticia, lo primero que hay que hacer externamente es cambiarle el nombre para que tenga el mismo nombre que el código de la noticia, precedido de un prefijo. El prefijo determinará el texto que aparecerá asociado al archivo en la presentación al visitante de la página. Es decir, si definimos como prefijo V_ para el texto “Vídeo” en todas las noticias a las que queramos asociar un video, subiremos el archivo nombrado así: V_code.ext Siendo V el prefijo que hará que aparezca el texto Vídeo y code el código de la noticia a la que lo queremos asociar y .ext la extensión del archivo. Creación de prefijos para titulo de archivos asociados Para crear los prefijos, vamos al menú: Noticias > Prefijos de archivos de noticias Se nos abre esta ventana, y en ella incluiremos el texto correspondiente al prefijo que creemos. Si nuestra página es multi-idioma, utilizaremos el texto correspondiente para cada idioma de visualización de la página
Podemos añadir cuantos prefijos sean necesarios pulsando sobre “Añada”. Subir archivos para asociarlos a una noticia Vamos a menú: Noticias > Subir archivos asociados a noticias, y subiremos el archivo o los archivos en un zip, Cuando suban, se mostrarán tal y como se parecía en la siguiente pantalla:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
113
Creación de noticias en etienda®
114
Aquí se aprecia en la nomenclatura utilizada, como los nombres de los archivos tienen su prefijo y el código de la noticia
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
114
Creación de noticias en etienda®
115
Campos asociados a las noticias A cada noticia le podemos asociar una serie de campos que podemos crear, para ofrecer más información de la que es estándar en la ficha de la noticia. Por ejemplo, si nuestras noticias se refieren a eventos, podemos incluir campos para expresar el lugar del evento, el precio de la entrada, el horario, el enlace a la web del evento, etc. Si se trata de una noticia comercial u oferta, podemos incluir campos para mostrar la fecha de la campaña, el enlace a la web del fabricante, o cualquier otra información de interés. Creación de campos adicionales de noticias Para crear los campos, iremos al menú: Noticias > Campos adicionales de noticias Se nos abre la pantalla donde podemos crear los campos
Aquí iremos añadiendo sucesivamente los campos que precisemos. Observamos que además de poder darle un nombre a un campo, podemos elegir qué tipo de campo es. Recordemos que para un tipo de información que se vaya a mostrar en cada noticia usaremos el campo correspondiente. Para crear un campo, le daremos nombre y elegiremos en el desplegable el tipo de campo. Por ejemplo, vamos a crear un campo para incluir el enlace a una página web relacionada con cada noticia. El nombre del campo que daremos será: Página web relacionada El tipo de campo será: Enlace Vamos ahora a ver como se completa el campo en la ficha de la noticia.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
115
Creación de noticias en etienda®
116
Completar campos adicionales en una noticia Para completar los campos en una noticia, una vez que los tenemos creados, vamos a la ficha de la noticia, abriendo en el menú: Noticias > Búsqueda de noticias y seleccionando la que vamos a editar, se nos abrirá esta pantalla:
Aquí iremos al enlace de la parte superior: Campos adicionales Y se nos abrirán los campos para rellenar correspondientes a la noticia, en nuestro caso un campo para incluir un enlace:
En Enlace, pegaremos la URL completa a la que queramos que vaya quien pulse sobre el texto para el enlace. Este texto lo pondremos en el campo Texto para el enlace. Señalaremos que el enlace se abra en nueva ventana del explorador, si no se señala, la web a la que enlazamos sustituye a la de origen del enlace. Una vez concluido esto, ya hemos creado la noticia con todas sus posibilidades de campos, imágenes, archivos asociados, etc. Y podemos visualizar la noticia tal y como la ven los visitantes de la página. SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
116
Creación de noticias en etienda®
117
Visualización de la noticia en la página web creada con eteinda® La noticia se ve en el lado del cliente, justo debajo de la categoría a la que pertenece; así vemos el carrito de fondo verde, de imagen de la categoría, con el espacio a su derecha disponible para insertar el texto de la categoría. Justo debajo de la categoría, vemos el resumen de la noticia:
Pulsando sobre “ver más” iremos a los detalles de la noticia, donde aparecerán los campos, archivos asociados y el texto detallado de la noticia.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
117
Creaci贸n de noticias en etienda庐
118
SEGUNDA UNIDAD: La creaci贸n de contenidos en la web creada con etienda庐
118
Creación de noticias en etienda®
119
Colocación de noticias destacadas en el menú Si queremos hacer que los clientes vean las noticias destacadas como en este ejemplo que se muestra más abajo, iremos a: Noticias > Noticias destacadas y elegiremos las noticias que queremos que se muestren como destacadas.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
119
Creación de noticias en etienda®
120
Ajustes de la configuración de las noticias Además de esto, es necesario ir al menú de la derecha: Diseño Gráfico > Colocación menús Aquí comprobaremos que la sección de “Lista de noticias destacadas” aparece como visible y en la posición deseada. Finalmente, comprobaremos que los ajustes se adecúan al comportamiento que queremos que tengan las noticias en los variados aspectos que se pueden configurar en esta página accesible desde el menú derecho: Configuración > Opciones > Noticias
Conclusión Como se ha podido ver, este módulo de noticias es un potente sistema para facilitar todo tipo de información acerca de las empresas, sus ofertas, eventos, e informaciones noticiables de todo tipo. No sólo es de aplicación en la empresa, sino también cualquier institución puede utilizarlo para dar a conocer sus actividades y eventos, realizar convocatorias e informar con datos organizados en campos. Además con la función combinada del envío de emails mediante los boletines de noticias, se logra disponer con etienda® de un potente sistema de comunicación, que hasta ahora sólo estaba disponible para las grandes empresas e instituciones.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
120
CapĂtulo 9:
Las informaciones en etiendaÂŽ
Las informaciones en etienda®
122
Las informaciones en etienda® Hay informaciones que pueden ofrecerse a los clientes, que no son propiamente noticias ni ofertas, y que es conveniente tenerlas organizadas dentro del sistema en categorías. Estas informaciones pueden contener imágenes, artículos, archivos par descarga, campos informativos, etc. y mostrarse mediante galerías de imágenes, pestañas con las informaciones parciales, etc. Imaginemos una página donde queremos ofrecer las imágenes de los edificios que ha realizado un arquitecto, o las fotos de las excursiones que se han realizado en un colegio…todas estas aplicaciones van a disponer de herramientas como galerías de imágenes para ser mostradas a los usuarios. Pensemos en su aplicación en una web de un fondo fotográfico, donde la información sobre los autores y sus biografías, se ofrecen a los visitantes mediante artículos de información en los que, básicamente, cada autor tiene una ficha con sus datos personales, referencias e exposiciones, imágenes destacadas, etc. Con todos los campos, textos diversos e imágenes se creará cada artículo de información. Con etienda®@ esta información quedará organizada por categorías y se presentará de manera atractiva. Crear un artículo de información La operativa de la creación de un artículo de información es similar al de un artículo de noticias, por lo que, salvo por algunas características propias de los artículos de información, las instrucciones son las mismas que para crear una noticia. El primer paso será crear las categorías de información dónde vayamos a posicionar los artículos. Una vez creadas, iremos al siguiente enlace del menú, para insertar un artículo de información: Información > Añada información Se nos abre la página correspondiente a la creación de un nuevo artículo de información: Se observa que, aunque no existan las categorías previamente creadas, esta página permite crear el título de la categoría únicamente, de modo que si ésta es la única información necesaria de la categoría, esto facilita la creación de la nueva información.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
122
Las informaciones en etienda®
123
Igualmente dispone de la posibilidad de subir en un único archivo zip todas las imágenes correspondientes a la información, para ser mostradas mediante una galería de imágenes que se seleccionará más adelante. Vemos también que hay algunos otros campos, como: Email de contacto, Año, Población Propietario, Tipo de información, que son opcionales, y que nos servirán para aportar más datos de clasificación
Una vez que ya hemos completado los datos básicos del artículo de información, pulsaremos sobre enviar cambios, para pasar la información al servidor y se nos abrirá la siguiente ventana para poder modificar o agregar más datos y visualizar la información creada:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
123
Las informaciones en etienda®
124
Imágenes de la información En las informaciones, etienda® da mucha importancia a las imágenes, pudiendo utilizarse este módulo para presentar galerías. A diferencia del caso de las noticias, en el primer paso al crear el artículo podemos importar las imágenes en un zip. Simplificando el proceso de creación de la información. Veamos cómo se organiza la presentación de las imágenes dentro de las informaciones. Tenemos la posibilidad de: • • •
que las imágenes sean la única información, presentada en galerías que las imágenes se combinen con información de textos y campos que ciertas imágenes pasen a ser parte de las pestañas de la información, presentándose en unas pestañas los campos y en otras ciertas imágenes, por ejemplo para presentar despieces.
Imágenes presentadas en galerías Abrimos la edición de una información desde menú: Información > Buscar información y nos presenta la siguiente ventana, una vez elegida la información que queremos ampliar o editar:
Después de hacer click sobre el enlace de la ventana superior “imágenes de la información”, en el apartado de subir imágenes, nos ofrece las diferentes galerías posibles a mostrar en el lado del cliente. Elegimos una, y veremos cómo se presentan en el lado del cliente. Si no elegimos una galería, las imágenes se muestran en mosaico al tamaño definido dentro de las opciones del módulo de información. (menú derecho: Configuración > Opciones > Información SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
124
Las informaciones en etienda®
125
En las casillas inferiores, al lado de cada imagen, podemos incluir un pie de foto y un enlace asociado a la imagen, al igual que la posición en la que queremos que se presenten las imágenes al usuario. La visualización de las galerías en el lado del cliente, es como se aprecia en las siguientes pantallas: Presentación de las imágenes en el lado del cliente Sin elegir galería: Se recomienda para los casos en los que las imágenes son de diferente dimensión, combinándose verticales y horizontales. Haciendo click sobre una de ellas, se abre una ventana flotante, por encima de la página, dónde se pueden ver secuencialmente todas, al tamaño predefinido por el administrador en las opciones del módulo de información.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
125
Las informaciones en etienda®
126
Galería fullscreen Esta galería presenta las imágenes de derecha a izquierda, pero las verticales salen recortadas, por lo que es adecuada sólo para imágenes apaisadas. Haciendo click sobre el icono de la parte inferior derecha, la imagen ocupará toda la pantalla, sea cual sea el tamaño de la misma. Es una galería de gran vistosidad y muy adecuada para presentar obras de arte, fotografías, etc.
Abajo se aprecia cómo se amplía la galería a pantalla completa:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
126
Las informaciones en etienda®
127
Galería transición suave Esta galería es adecuada para presentar múltiples imágenes que combinen imágenes verticales y horizontales: Ejemplo en la web de presentación de obras de un arquitecto:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
127
Las informaciones en etienda®
128
Galería deslizamiento lateral Se utiliza en caso de pocas imágenes
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
128
Las informaciones en etienda®
129
Creación de campos y pestañas en un artículo de información Las pestañas con imágenes Hay casos en los que a la imagen o imágenes principales de la información le pueden suceder imágenes parciales, como puede ser de un establecimiento y de sus secciones, o de un motor y sus componentes y despieces. O en el caso de un artista, para mostrar detalles de las obras que componen la información principal Para estos casos se utilizan las pestañas de información, cargando imágenes en ellas: Para cargar las imágenes en pestañas iremos al menú: Información > Buscar información > y una vez que estemos en la información que nos interesa, pulsaremos sobre “imágenes para las pestañas” y se nos abrirá la siguiente página:
Aquí elegiremos el nombre de la pestaña a la que queramos agregar las imágenes y pulsando “Transferir” serán colocadas en ella
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
129
Las informaciones en etienda®
130
Los campos de la información El módulo de información permite crear campos y grupos de campos y colocar estos grupos de campos dentro de pestañas. Veamos, por ejemplo, cómo esta empresa constructora utiliza una pestaña para dar información sobre las personas que han dirigido la obra:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
130
Las informaciones en etienda®
131
Creación de campos y pestañas en un artículo de información Para crear los campos, grupos de campos y pestañas, vamos al siguiente enlace en el menú de la izquierda: Información > Campos adicionales de información Se nos abre esta ventana, y en ella podemos crear los campos uno a uno, o importarlos todos en una hoja excel:
En esta ventana completaremos los datos para llegar a definir todos los campos que precisemos.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
131
Las informaciones en etienda®
132
Conclusión: Como vemos, este módulo de información tiene una gran potencia gráfica y de base de datos para presentar información de todo tipo dentro de la página web. Sus numerosas aplicaciones profesionales, hacen de él un módulo de gran importancia capaz de abordar con su utilización los más variados proyectos: Desde una web de una guardería donde presentar las fotografías de las actividades en galerías, accesibles sólo por los padres, y hasta sistemas técnicos de información con múltiples datos gráficos y de texto.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
132
Capítulo 10:
Las áreas de documentos en etienda®
Áreas de documentos en etienda®
134
Las áreas de documentos en etienda® El intercambio de archivos y documentos en internet es algo muy habitual y facilita enormemente la comunicación entre las empresas y sus clientes o entre las organizaciones y sus asociados. Etienda® dispone de funcionalidades para que la empresa pueda ofrecer archivos para descarga a sus clientes. Y de igual manera, también ofrece que los clientes puedan facilitar archivos para el intercambio de datos e información. Las funcionalidades de intercambio de documentos son: • •
El área de documentos, dónde en etienda® los archivos son organizados por categorías y se ofrecen a los clientes para la descarga El disco virtual personal, dónde los archivos se ofrecen a un cliente específico. El cliente, a su vez dentro de este espacio virtual, también dispone de una zona donde puede proporcionar archivos a la empresa. Aspecto muy útil para intercambiar información accesible por ambas partes desde cualquier lugar.
Veamos a continuación cómo se gestionan ambas.
El área de documentos general
Organización de los documentos En el área de documentos los archivos de cualquier tipo se organizan en categorías. Las categorías se crean por el mismo procedimiento que las categorías de productos y pueden crearse árboles de categorías y subcategorías. Por ejemplo, para proporcionar los archivos de una asignatura podemos crear una primera categoría del curso, otro nivel de subcategoría en el que ponemos la asignatura, y luego la documentación correspondiente a cada tema, creando otro nivel de subcategorías por cada tema. Lo mismo se podría decir para la distribución de manuales técnicos o de despiece, o de catálogos de productos y tarifas de una empresa, o fotografías e imágenes de obras de un artista SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
134
Áreas de documentos en etienda®
135
Las categorías pueden asignarse a diferentes tipos de usuarios, y así solo los usuarios a los que se les asigna una categoría pueden tener acceso a la descarga de los archivos que contiene.
Creación de categorías en el área de documentos Para crear el árbol de categorías, vamos al menú: Área documentos > Categorías de documentos Pulsamos sobre “Categorías de documentos” y se nos abre esta pantalla:
En ella vemos ya unas categorías creadas y las casillas para mostrarlas solo a usuarios registrados, al igual que los indicadores de posición. A igual indicador, se ordenan alfabéticamente. Par añadir una nueva categoría, pulsaremos sobre “Añada nuevo” y se nos abre esta pantalla:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
135
Áreas de documentos en etienda®
136
Completaremos los campos esenciales en ella y los optativos y, con esto, ya disponemos de una categoría dónde colocar los archivos. Seguiremos el mismo procedimiento para crear una subcategoría, lo único que para crear una subcategoría dentro de una categoría ya existente, hay que pulsar sobre el nombre de la categoría en la siguiente pantalla para acceder a la ventana de creación de subcategoría.
Crear tipos de usuarios para el área de documentos Puede interesar que solo los usuarios pertenecientes a un tipo determinado tengan acceso a los archivos que proporcionemos para este grupo. Pensemos en el caso de listas de precios para distribuidores, o de documentos para los alumnos de un determinado curso. SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
136
Áreas de documentos en etienda®
137
Para hacer que la categoría sea accesible solo a uno o varios tipos de usuarios, lo primero que necesitamos tener son los tipos de usuarios. Para crear los tipos de usuarios iremos al menú: Gestión > Tipos de usuario y allí crearemos los tipos de usuarios.
Luego en el perfil individual del cliente, le asignaremos el tipo de usuario al que pertenece Para ello, iremos al menú: Gestión > Gestión de usuarios y allí localizaremos el perfil del individuo para asignarle el grupo al que pertenece para visualizar archivos del área de documentos.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
137
Áreas de documentos en etienda®
138
Subir archivos al área de documentos Para subir un archivo al área de documentos, iremos al menú: Área de documentos > Buscar y subir documentos Se nos abre la siguiente pantalla:
Lo primero que haremos es seleccionar los usuarios para los que vamos a subir el documento, en la ventana de “seleccionar usuarios. Esta ventana también nos sirve para buscar archivos. Una vez seleccionado el tipo de usuario, nos salen las categorías para las que se le pueden subir los archivos. Seleccionaremos en el desplegable la categoría correspondiente, o si no hay una adecuada, pulsaremos sobre crear categoría para ir a la página de crear categorías, y añadirla como hemos visto antes. Pulsamos, sobre examinar y elegimos el archivo que vamos a subir. El campo descripción es muy útil, ya que indica a los usuarios de que se trata el documento, ya que puede que en el nombre del archivo no esté suficientemente claro. Este campo admite tags de HTML, con lo que se puede añadir a la descripción ilustraciones o textos modificados, diferentes a los estándar del sistema. El número de páginas es un dato orientativo para el usuario, y si el sistema dispone del módulo de pedido de impresiones, sirve para calcular el coste de impresión del archivo. Una vez que hayamos completado todo, pulsamos Transferir, y el archivo subirá para ser colocado en la categoría determinada.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
138
Áreas de documentos en etienda®
139
Editar la información del archivo subida al área de documentos Si queremos modificar la información, o los archivos subidos al área de documentos, iremos al menú: Área de documentos > Buscar y subir documentos Y pulsaremos sobre la categoría, para abrirla y ver los archivos que contiene. Obtenemos la siguiente pantalla, en la que haremos click sobre Gestión Archivo para editar la información:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
139
Áreas de documentos en etienda®
140
Áreas privadas de documentos
Cada usuario registrado en etienda® puede tener un disco virtual compartido con el administrador de etienda®. En este disco virtual se pueden organizar los documentos por categorías específicas creadas tanto por el administrador como por el usuario. El administrador de etienda® decide el espacio que se otorga a cada usuario en este disco, para ello, en el perfil del cliente determina el número de megas de capacidad de este espacio virtual. Ambos tienen acceso a visualizar toda la información que se deposite en él. Su utilidad es la de, por ejemplo: • •
•
En un proyecto intercambiar información entre el cliente y la empresa, o comercialmente propuestas de trabajos y presupuestos. En el ámbito de las incidencias puede servir para aportar documentación e imágenes de las incidencias y recabar información del cliente, teniendo todo en un único espacio virtual compartido En la docencia puede servir para intercambiar ejercicios y sus correcciones.
Zonas del disco virtual Este disco virtual tiene dos zonas: 1. Archivos de etienda® para usuario 2. Archivos de usuario para etienda® Asignación de espacio a un usuario Para asignar espacio de almacenamiento a un usuario iremos al menú: Gestión > Gestión de usuarios y localizaremos el usuario al que le queremos asignar espacio. Se nos abre la pantalla con los datos de su perfil, y vemos en la parte superior una ventana en la que pone “Opciones del área personal de documentos”:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
140
Áreas de documentos en etienda®
141
Pulsamos sobre este enlace, y se nos abre la siguiente pantalla:
Aquí indicaremos los MBytes que el disco virtual tendrá y si el usuario no puede subirnos archivos. Si se marca la casilla, no podrá subir archivos Acceso al disco virtual por el administrador para proporcionar archivos al usuario Para subir un archivo al usuario, iremos al menú: Área documentos > Área de documentos personales. Se nos abre esta pantalla, donde podemos buscar:
Pulsando sobre el nombre del usuario, obtenemos acceso a gestionar su espacio de almacenamiento virtual compartido con el administrador de etienda®. En esta pantalla podemos observar que se pueden gestionar las categorías propias de esta área y ver los archivos que nos ha proporcionado el usuario. SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
141
Áreas de documentos en etienda®
142
También disponemos de la caja para subir archivos desde nuestro ordenador adjuntándoles un comentario.
La gestión de categorías personales presenta esta pantalla:
Una vez creada la categoría, nos aparece la pantalla siguiente, donde podemos gestionar las categorías, crear subcategorías y ver sus contenidos pulsando en “examinar categoría”:
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
142
Áreas de documentos en etienda®
143
Visualización del área de documentos en el lado del cliente En el lado del cliente, así se presenta el área de documentos: Para descargarse el archivo sólo se tiene que pulsar sobre el nombre del archivo, y la descarga se inicia inmediatamente.
Observamos que en la ventana superior se facilita una casilla para que los usuarios puedan suscribirse a la categoría, de modo que sean avisados automáticamente de la colocación de un nuevo archivo en la categoría ategoría de su interés. Aquí vemos el contenido de un correo de alerta de un nuevo archivo
Conclusión Como hemos visto, la potencia del área de documentos de etienda® puede ayudar en el día a día de cualquier empresa a intercambiar y a ofrecer a sus interlocutores información actualizada y organizada. Es un sistema que, además, puede generar ingresos, para ciertos negocios que proporcionan archivos o documentación como cursos e informes, a los usuarios de pago.
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
143
Áreas de documentos en etienda®
144
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
144
Áreas de documentos en etienda®
145
Tercera unidad:
La interacción con el cliente en etienda®
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
145
Áreas de documentos en etienda®
146
SEGUNDA UNIDAD: La creación de contenidos en la web creada con etienda®
146
CapĂtulo 11:
La compra en etiendaÂŽ
El proceso de compra en etienda®
148
La compra en etienda® Cuando un cliente accede a una web creada por etienda® y desea adquirir un producto, se inicia un proceso en el que va a poder incorporar el producto a la cesta de la compra, y realizar el pedido y el pago. Vamos a seguir el detalle de este proceso desde el punto de vista del cliente y desde el punto de vista de la tienda.
El proceso de la compra Las búsquedas de productos El cliente puede localizar el producto que le interesa navegando por la web o efectuando una búsqueda en etienda®. En la navegación por la web se moverá por las categorías de productos hasta llegar a la lista de productos en la categoría o subcategoría de su interés. Localización de un producto navegando por las categorías Por ejemplo, en esta tienda llega a las camisetas, navegando por las categorías del menú, observemos en la parte central de la página que se incluye la lista de categorías en la que se está:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
148
El proceso de compra en etienda®
149
TERCERA UNIDAD: La interacción con los usuarios de etienda®
149
El proceso de compra en etienda®
150
Localización del producto en una búsqueda En el siguiente caso, el cliente ha efectuado una búsqueda, para llegar a los productos que reúnen las condiciones especificadas:
Visualización de los detalles del producto El cliente, una vez localizado el producto en la lista de productos resultante de su navegación o búsqueda, puede acceder a ver los detalles del producto, como paso en el que se va a informar de todas las características, visualizará las imágenes, valorará las opciones y consultará el precio y las condiciones de venta.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
150
El proceso de compra en etienda®
151
Para ello, pulsa sobre ver detalles, y éste es el resultado que obtiene, donde se pueden apreciar las diferentes imágenes del producto, sus campos informativos y descripciones:
Una vez que el cliente tiene acceso a ver todos los detalles del producto, puede realizar dos operaciones: 1. Añadir el producto a una lista personal, para tenerlo disponible en otras ocasiones 2. Realizar el pedido TERCERA UNIDAD: La interacción con los usuarios de etienda®
151
El proceso de compra en etienda®
152
Añadir el producto a una lista personal Si elegimos añadir el producto a una lista personal, como, por ejemplo, para realizar un pedido habitual posteriormente, o reunir en ella los productos que en principio nos interesan para pedirlos individualmente después, lo primero que haremos será darle un nombre a la lista. A partir de ahí, el producto podrá ser colocado en ella junto a los otros productos que hayamos añadido o vayamos agregando. Cuando entremos como usuarios registrados, con nuestras contraseñas, podremos acceder a las listas que tengamos en la correspondiente sección del menú.
Realización del pedido Paso 1 de la compra Estando en la página de detalles del producto, o en algunos casos en la lista, podemos iniciar el proceso del pedido del producto. Para ello, pulsaremos en “añadir al pedido” o en “comprar” y nos aparecerá nuestra cesta de la compra con los productos que vemos incorporando a ella.
NOTA: desde el lado del administrador, se puede elegir en Configuración > Opciones > Pedido, que una vez pulsado comprar, el cliente se redirija a la cesta de la compra, o vaya de vuelta a la tienda.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
152
El proceso de compra en etienda®
153
Paso 2 de la compra Una vez que tengamos en la cesta de la compra los artículos que deseamos adquirir, iniciamos el siguiente paso, pulsando sobre añadir al pedido. En este paso nos pide la identificación, si es que no nos habíamos identificado antes de hacer el pedido. Si no somos usuario registrado, tenemos la posibilidad de facilitar nuestros datos, con el fin de que sea emitida la factura de la compra y de que se facilite la dirección de entrega del producto.
Si somos usuario registrado, facilitamos nuestras contraseñas y pasamos al paso en el que se elige la forma de pago.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
153
El proceso de compra en etienda®
154
Formulario de registro Para el caso en el que el comprador no está previamente registrado, este es el formulario que ha de completar:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
154
El proceso de compra en etienda®
155
Paso 3, elección de la forma de pago Etienda® ofrece varias formas de pago al cliente, estas formas de pago en el lado del administrador se configuran en el siguiente enlace del menú: Configuración >Formas de pago
Las formas de pago que se elijan serán las que se muestren al cliente en la pantalla del pago al cliente:
Una vez elegida por el cliente la forma de pago y los portes, cuando pulsa sobre realizar el pedido, o comprar, se pasa a la ventana de confirmación, en la que se confirman los datos de compra y de envío
TERCERA UNIDAD: La interacción con los usuarios de etienda®
155
El proceso de compra en etienda®
156
Formas de envío El administrador puede crear las formas de envío en el enlace: Envíos formas de entrega
Zonas de envío y Fórmulas de portes El propietario de la tienda puede tener pactados con su transportista unos precios en función del número de bultos, del peso, del destino, de las zonas de destino, etc. Definición de zonas de portes Las zonas a las que se les aplica una mismo precio de porte se definen en: Envío > Zonas de portes, dónde se van creando las zonas, moviendo los destinos de la tabla principal a las zonas que se van definiendo, según el acuerdo que tengamos con la compañía de transportes. Definición de fórmulas de envío Una vez definidas las zonas de portes, los demás parámetros que influyen en el cálculo de los portes que se le ofrece al cliente se configuran en el siguiente enlace: Envío > Fórmulas gastos envío
TERCERA UNIDAD: La interacción con los usuarios de etienda®
156
El proceso de compra en etienda®
157
Con los parámetros que hayamos definido en las ventanas anteriores, si tenemos fijados los pesos en la ficha del producto, el sistema calculará el porte que se debe cobrar al cliente en el momento de hacer la salida por caja. Paso 4, confirmación de los datos y finalización de la compra.
Pulsando sobre finalizar pedido, se pasa ya a la confirmación del pedido, procediendo al siguiente paso, que será la conexión a la entidad bancaria en el caso de que el pago sea por VISA NOTA: Los datos de la tarjeta de crédito se facilitan en la web del banco que tiene contratado el comercio con su pasarela de pago. Es el banco quien autoriza o deniega la operación y devuelve al cliente, desde su página de autorización en la que le pedirá los datos, a la página de la tienda una vez completado el proceso. Pago por transferencia En el caso de que el pago sea por transferencia, para que le aparezca al cliente la información en el momento que elija esta forma de pago, el administrador de la tienda tiene que completar los datos de la cuenta corriente a la que se tiene que hacer las transferencias en el siguiente enlace: Configuración > Formas de pago TERCERA UNIDAD: La interacción con los usuarios de etienda®
157
El proceso de compra en etienda®
158
Pago por Paypal Si hemos elegido esta forma de pago, seremos redirigidos a la web de Paypal, dónde seguiremos el proceso propio del pago en Paypal
Una vez que se completa el pedido, el administrador y el cliente reciben correos electrónicos con la información del pedido. Visualización del pedido en el lado del administrador Para ver los pedidos que se han recibido en la tienda, el administrador puede acceder al listado de pedidos en el siguiente enlace del menú: Informes > Pedidos En este enlace se le abre una ventana en la que puede efectuar la búsqueda de los pedidos por diversos criterios:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
158
El proceso de compra en etienda®
159
A partir de la búsqueda aparece la lista de pedidos, donde se localizará el pedido y se abrirá la ventana con los detalles de la compra y campos para control del estado del pedido y de información adicional:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
159
El proceso de compra en etienda®
160
Recepción de confirmación del pedido El cliente recibe un correo electrónico en el que se le confirma que ha realizado el pedido. Igualmente cualquier cambio de estado en la situación del pedido le es comunicada por email En este correo de confirmación del pedido aparecen los datos del pedido, como archivo adjunto:
Conclusión Hemos podido comprobar la precisión en la información y los detalles en los pasos del pedido para asegurar que tanto el cliente como el propietario de la tienda online tiene claro durante todo el proceso lo qué se compra, cómo se entrega, cómo se paga y los demás detalles del pedido como a quién se le vende y dónde se entrega. Este detalle, en la formalización del pedido, es esencial para generar la confianza en el cliente, ofreciéndole toda la información del producto y diversas formas de pago para su comodidad.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
160
CapĂtulo 12:
Los formularios de contacto en etiendaÂŽ
Creación de formularios de contacto en etienda®
162
Los formularios de contacto en etienda® Etienda® ofrece la posibilidad de configurar los formularios de contacto, o solicitudes de información, de manera que los clientes que visiten la página puedan ofrecer sus datos para realizar consultas y tomas de contacto, con le empresa que ha creado su web con etienda® Esta potente funcionalidad permite crear más de un tipo de formulario, y puede gestionar las respuestas desde el lado del administrador. Todo esto facilita las consultas específicas por parte de los clientes, y es especialmente útil en empresas de servicios que presentan sus realizaciones y pueden recibir las consultas por parte de los clientes interesados, manejando en una base de datos, en el lado del administrador, todas las consultas recibidas. Creación de un formulario de contacto con campos personalizados Para crear un formulario de contacto personalizado, iremos al enlace en el menú de la derecha: Solicitudes info > Solicitudes de información Se nos abre esta pantalla:
En la parte superior, pulsaremos sobre “Gestionar campos de solicitudes” y se nos abrirá esta pantalla que es la que da acceso a editar formularios existentes y a agregar nuevos:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
162
Creación de formularios de contacto en etienda®
163
Primero, elegiremos el idioma para el cual vamos a crear el formulario o solicitud de información y, seguidamente, le daremos un nombre a la solicitud, luego pulsamos sobre “Añadir nuevo” Nos aparecerá la siguiente pantalla, en la que están los campos base iniciales para el formulario:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
163
Creación de formularios de contacto en etienda®
164
Aquí vemos un editor HTML, para crear la introducción o instrucciones relativas a la solicitud y todos los demás campos en los que podemos colocar la imagen que aparecerá en el menú y/o en todas las páginas, además del texto que queramos poner como enlace, normalmente relacionado con la información que vamos a ofrecer o solicitar. Una vez que completemos cada sección, es importante no olvidar de pulsar el botón actualizar para no perder lo que se ha escrito.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
164
Creación de formularios de contacto en etienda®
165
Campos del formulario En la parte inferior de la página vemos los campos y los ajustes para cada uno de ellos. Podremos elegir si se muestran, si son obligatorios, el tipo de campo que es, si va a aparecer en el listado del informe en el lado de administrador, el orden en el que le aparecen al cliente, y si se incluye en el CSV (archivo que se abre con el Excel) de la exportación de la información recibida. Si necesitamos un campo nuevo para personalizar el formulario, lo podemos añadir siguiendo el procedimiento que se detalla a continuación. Añadir campos personalizados al formulario Para añadir campos iremos a la parte inferior y elegiremos el nombre y el tipo del campo a mostrar. Señalaremos las casillas que indicarán cómo va a ser su comportamiento y la posición en la que queremos que aparezca. Se recomienda utilizar posiciones numeradas de 10 en 10, de manera que si se quiere cambiar la posición de un campo, no sea necesario volver a modificar todas las posiciones, otorgando al desplazado una posición intermedia para colocarlo a continuación del campo que se quiera. Una vez que pulsamos “Añadir/Actualizar” el nuevo campo se mostrará en el formulario. Vista del formulario por los clientes Aquí vemos en la vista del cliente el formulario personalizado creado:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
165
Creación de formularios de contacto en etienda®
166
Gestión de las solicitudes de información recibidas Etienda® tiene un gestor de las solicitudes recibidas que le va a permitir, desde el lado del administrador, dar seguimiento a todas las solicitudes de información que reciba, clasificándolas por el estado en que se encuentran Configuración de los estados de las solicitudes recibidas Etienda® permite definir los estados personalizados, de manera que se puedan ajustar los estados al proceso de la empresa. Para ello, iremos al menú: Solicitudes info > Estado de las solicitudes Se nos abre esta ventana, en la que iremos añadiendo los diferentes estados, como por ejemplo, pendiente, contestada, enviada a comercial, cerrada, etc.:
Alertas de recepción de solicitudes Cada vez que un cliente complete un formulario, el administrador recibirá un email que le alertará de la nueva consulta. Si se dispone de la funcionalidad de alertas por SMS, también puede recibir una alerta en su móvil. Además, todas las solicitudes son registradas en el lado del administrador para ser consultadas, contestadas, clasificadas y exportadas si se desea. Consulta de solicitudes recibidas Para ver las solicitudes recibidas, iremos al menú: Solicitudes info > Solicitudes de información Se nos abre la siguiente pantalla, en la que aparece un buscador con el fin de acotar la búsqueda entre fechas y por tipos de solicitudes:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
166
Creación de formularios de contacto en etienda®
167
Una vez elegido el criterio de búsqueda, pulsando “buscar” se nos presentan todas las solicitudes que reúnen los criterios de búsqueda:
Contestación a las solicitudes por SMS Etienda® puede enviar mensajes SMS si dispone de saldo asociado al dominio en el que opera. El saldo de los mensajes se adquiere del proveedor del programa etienda® Contestación a las solicitudes por email Pulsando sobre el icono >> que se encuentra junto a cada consulta, se abre la ventana desde la que el administrador puede contestar al cliente. El sistema enviará el correo directamente, sin necesidad de abrir el cliente de correo en el ordenador. Esto facilita ofrecer respuesta desde cualquier sitio desde el que se disponga de internet. Conclusión Como vemos, etienda® permite crear múltiples formularios y dar un seguimiento a las solicitudes de información y cuestiones que planteen sus clientes, ayudando a ofrecer un mejor servicio y aumentado las posibilidades de venta online y offline personalizadas. TERCERA UNIDAD: La interacción con los usuarios de etienda®
167
Creaci贸n de formularios de contacto en etienda庐
TERCERA UNIDAD: La interacci贸n con los usuarios de etienda庐
168
168
Cap铆tulo 13:
Los cuestionarios y la aportaci贸n de informaci贸n por los usuarios en etienda庐
Cuestionarios, información del cliente, encuestas y tests en etienda®
170
Los cuestionarios y la captación de información de los usuarios en etienda® Las empresas e instituciones requieren conocer de los clientes sus opiniones, para poder incrementar su satisfacción, mediante tests de diferente extensión. En otras ocasiones, es necesario recopilar datos que puedan proporcionar los usuarios, como en el caso de curriculums y en alguna aplicación profesional es necesario evaluar a usuarios mediante cuestionarios y test. Lo miso para la toma de datos en campo para remitir a central. La capacidad de gestión de cuentas de usuarios independientes de etienda®, abre la posibilidad de recopilar información personalizada, esto unido a las funcionalidades propias de creación de cuestionarios, con preguntas y diversos modos de poder responder a ellas utilizando los recursos que etienda® proporciona al administrador, facilita la toma de datos individualizados. Etienda® ofrece las siguientes funcionalidades: • •
Creación se Cuestionarios para recabar información del cliente Creación de encuestas y envío de boletines de encuestas
En este capítulo veremos cómo se pueden configurar los cuestionarios y tests, y cómo se puede recibir y evaluar la información recibida por estos procedimientos en etienda® Estas funcionalidades encuentran aplicación en el mundo de la docencia, de la selección de personal, y de la evaluación de calidad en empresas certificadas ISO
Creación de cuestionarios Para crear un cuestionario, lo primero que tenemos que tener es la categoría dónde colocarlo, para ello iremos al menú: Info Clientes > Categorías de cuestionarios Se nos abre la siguiente pantalla en la que rellenaremos la información de la categoría:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
170
Cuestionarios, información del cliente, encuestas y tests en etienda®
171
Una vez que le damos a enviar, aparece la pantalla donde podemos crear su descripción internacional o moverla a otra categoría. Con la categoría ya creada, vamos a generar el sistema para recibir la información del cliente, Para ello iremos al menú: Info Clientes > Añadir petición de información Y se nos abre la siguiente pantalla:
Le damos un Título a la petición de información y pasamos a crearla, insertando los campos que queremos que se nos proporcionen, y definiendo su comportamiento señalando las casillas correspondientes.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
171
Cuestionarios, información del cliente, encuestas y tests en etienda®
172
Observamos que se pueden crear grupos de preguntas, de manera que queden ordenadas por grupos en la petición de información. Un caso especial de las peticiones es ofrecer la posibilidad al usuario de proporcionarnos archivos; así por ejemplo, nos puede adjuntar un Pdf con su curriculum, o su fotografía. Aquí vemos una previsualización del resultado tal y como se le ofrece al cliente
TERCERA UNIDAD: La interacción con los usuarios de etienda®
172
Cuestionarios, información del cliente, encuestas y tests en etienda®
173
Como se puede ver, con este sistema podemos crear cualquier tipo de formulario para que nos proporcione el cliente la información que necesitamos. El módulo permite editar la información así proporcionada, y en algunos casos publicarla en la web una vez editada, y con la posibilidad de acceso restringido, si es información que los clientes proporcionan para su publicación; por ejemplo, si se trata de ejercicios que se publican corregidos para que los pueda ver sólo el interesado. Gestión por el administrador de la información recibida Para acceder a la información que nos ha proporcionado un cliente iremos a su visualización en el menú: Info Clientes > Buscar info aportada por clientes. Nos aparece esta ventana:
En ella especificaremos los criterios de búsqueda y se nos presentará la lista de informaciones que los reúna; pulsando sobre la que nos interese, se abre la ventana:
TERCERA UNIDAD: La interacción con los usuarios de etienda®
173
Cuestionarios, información del cliente, encuestas y tests en etienda®
174
A la vista de la información, el administrador puede editarla, pulsando sobre “Editar información”. Esto da lugar a la siguiente ventana, donde se ven, a la par, la información original y la editada.
De este modo, el administrador almacena la información corregida o ampliada para su uso interno o la publicación en la web.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
174
Cuestionarios, información del cliente, encuestas y tests en etienda®
175
Exportación de la información Los datos obtenidos pueden ser exportados para su tratamiento externo. Para ello accedemos al menú: Info Clientes > Exportación info cliente Se nos abre esta pantalla en la que una vez establecidos los criterios de la búsqueda nos proporciona las informaciones que los reúnen. Señalamos de la lista las que queramos exportar y pulsamos sobre obre “Exportar”
Eso nos proporcionará un archivo Excel con la información aportada por el cliente.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
175
Cuestionarios, información del cliente, encuestas y tests en etienda®
176
Creación de encuestas Etienda® ofrece a los usuarios la posibilidad de completar encuestas que diseñadas en etienda®, son proporcionadas mediante invitaciones para rellenarlas, enviadas por email, o accediendo a ellas como usuario registrado. Para crear una encuesta iremos al menú: Encuestas > Búsqueda de encuestas Se nos abre la siguiente pantalla, en la que le daremos un título a la encuesta y decidiremos para qué tipos de usuarios está dirigida.
Pulsamos Añadir nueva encuesta y se presenta el espacio para rellenar la primera pregunta:
Escribimos la primera pregunta y pulsamos añadir, y la pregunta pasa a la lista. SI pulsamos sobre ella se nos abren las opciones de respuesta para esa pregunta, en las que elegiremos Tipo de respuesta si es única o puede haber varias, si se le ofrece al cliente una caja de texto para rellenar, el texto que va a preceder a esa caja de texto, como por ejemplo, Denos su opinión y si es obligatoria. Finalmente, le proponemos las diferentes respuestas que nos puede contestar
TERCERA UNIDAD: La interacción con los usuarios de etienda®
176
Cuestionarios, información del cliente, encuestas y tests en etienda®
177
Así, sucesivamente, iremos añadiendo las preguntas y las posibles respuestas para que nuestros encuestados las vayan contestando online. Ofreciéndoles las respuestas posibles de manera lo mas clara, sencilla e inequívoca posible. Hay que tener en cuenta que los resultados se van a evaluar posteriormente, por lo que es importante definir bien las preguntas y las respuestas teniendo en cuenta que la evaluación sencilla que hace etienda® es del % de contestaciones a las opciones presentadas en cada pregunta.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
177
Cuestionarios, información del cliente, encuestas y tests en etienda®
178
Previsualización de la encuesta Conforme vamos creando las preguntas podemos ver el aspecto que ofrecerá la encuesta en el lado del cliente Para ello, pulsaremos sobre el enlace de la parte superior “Visualizar encuesta”
Y así vamos viendo como nos van quedando las preguntas que vamos añadiendo.
Conclusión Vemos con estos sistemas que podemos recabar la información que necesitemos de los visitantes de la web creada con etienda® Y esto puede tener innumerables aplicaciones prácticas que ayuden al desempeño de la labor de la empresa: • • • • • • •
Conocer la necesidad de productos y servicios de nuestros clientes Valorar la atención recibida Recibir curriculums Recibir lecturas de información en el campo Recibir datos para publicar posteriormente en la web Recibir información para elaborar estudios e informes Crear sistemas de evaluación en la docencia
La potencia de estas funcionalidades de etienda® hacen entrar a su empresa en una dimensión de contacto con los clientes hasta ahora sólo disponible en sistemas utilizados por las grandes empresas e instituciones.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
178
CapĂtulo 14:
Soporte a encargos, incidencias y consultas de clientes en etiendaÂŽ
Soporte a clientes en etienda®
180
Soporte a encargos, incidencias y consultas de clientes en etienda® Es frecuente en el día a día de la empresa que los clientes puedan necesitar comunicar incidencias que pueden surgir en la entrega o el uso de los productos vendidos. Así mismo puede ser necesario entablar diálogo con los clientes para llegar a presentarles la oferta ajustada a sus necesidades, sobre todo en el caso de servicios, teniendo en cuenta sus comentarios, los nuestros y los archivos relacionados con la consulta. Para tener una gestión ordenada de todas las incidencias y consultas técnicas y comerciales, etienda® dispone de un sistema denominado encargos. Combinado con la funcionalidad de encuestas, proporciona tanto al servicio de atención comercial, como al de soporte, una potente herramienta para gestionar la satisfacción del cliente. Los encargos Los encargos funcionan de la siguiente manera: Un cliente que precisa un servicio o producto que no está en el catálogo, o que quiere hacer una consulta, abre un nuevo encargo. A este encargo, el cliente le asigna un nombre o título, y puede adjuntarle un comentario, un archivo, o un enlace a una página web. El administrador de la web creada con etienda® recibe la notificación de que hay un nuevo encargo, y tiene la posibilidad de contestar al cliente, iniciándose una especie de chat, donde quedan registrados todos los comentarios, propuestas y contestaciones entre ambos. El cliente y el administrador pueden adjuntar archivos, y finalmente, el administrador puede asignar un precio al encargo. Si este precio es fruto de una negociación con el cliente, puede modificarse, registrándose las modificaciones, para finalmente quedar listo para poder ser incluido en la cesta de la compra para el pago. Esto puede ser especialmente útil para la contratación de servicios donde es necesario dejar claros todos los aspectos del encargo y disponer de archivos de originales, o de indicaciones para el trabajo a realizar, al igual que enlaces a webs de referencia.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
180
Soporte a clientes en etienda®
181
Creación de un encargo por el cliente Para crear un encargo, el cliente entra en etienda® como usuario registrado, y se le abre la sección en el menú donde puede abrir encargos: Menú personal > encargos Al pulsar sobre encargos, se abre la siguiente pantalla:
Se inicia el encargo dándole un título en la ventana inferior. Una vez que se pulsa “Añadir nuevo” queda creado el encargo y se abre la ventana donde vamos a completar sus detalles:
En la parte superior vemos la posibilidad de asociar un email al las alertas del encargo. ( nos pone por defecto el que tenemos en nuestro perfil) Y en la parte inferior podemos escribir el texto de la consulta, adjuntar un archivo y proporcionar una URL por si queremos referenciar una página en internet relativa a la consulta.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
181
Soporte a clientes en etienda®
182
Pulsamos “Añadir nuevo” y la consulta es enviada al administrador, a la vez que se envían correos de confirmación y alerta a ambos. La consulta queda así en el lado do del cliente:
Venos en la parte superior los detalles de la consulta, y en la parte inferior la ventana para poder añadir más comentarios a la misma consulta. Recepción de encargos y consultas en el lado del administrador En el momento que un encargo sse e emite por un cliente, el administrador recibe este correo que contiene un enlace al encargo:
Siguiendo el link iremos directamente a la consulta. Acceso a las consultas desde el lado del administrador Para acceder a las consultas que emite el cliente rrecibidas ecibidas en el lado del administrador, hay que ir al siguiente apartado del menú: Informes > Encargos
TERCERA UNIDAD: La interacción con los usuarios de etienda®
182
Soporte a clientes en etienda®
183
Se nos abre una ventana donde podemos buscar los encargos, y una vez establecidos los criterios de búsqueda, aparece la lista de encargos que los reúnen:
Pulsando sobre detalles se abre la página donde podemos responder al cliente:
Presupuesto del encargo En esta página podemos, además de responder a la consulta con un comentario, agregarle un presupuesto por la realización de lo que se nos solicita. El importe que figura en el presupuesto y el concepto que detallamos, si el cliente quiere puede añadirlo a la cesta de la compra para efectuar el pago. Contestación al encargo Podemos contestar con comentario, adjuntando URL y proporcionando un archivo. Puede que consideremos que la respuesta que facilitemos pueda servir para ser utilizada en otra ocasión para otra consulta; en este caso, señalaremos “añadir a colección de respuestas” para que sea almacenada y pueda ser utilizada en un futuro. Cuando contestemos, el cliente recibirá un email alertándole de que su consulta ya ha sido respondida. TERCERA UNIDAD: La interacción con los usuarios de etienda®
183
Soporte a clientes en etienda®
184
Conclusión Con este sistema de encargos, el titular de etienda® dispone de una potente herramienta para poder asegurarse la satisfacción del cliente, al estar en disposición de recibir todas sus consultas, informes de incidencias y consultas comerciales. El registro de las fechas y horas de las consultas y sus comentarios en una única secuencia, permite evaluar por toda la organización el estado de la acción y detectar los puntos de mejora en el logro de la satisfacción del cliente, contando con datos objetivos, visibles por ambas partes.
TERCERA UNIDAD: La interacción con los usuarios de etienda®
184
Cuarta unidad:
Publicidad y promoci贸n de la tienda
Soporte a clientes en etienda®
186
TERCERA UNIDAD: La interacción con los usuarios de etienda®
186
Capítulo 15:
Creación de Boletines y Newsletters en etienda®
Creación de boletines y newsletters en etienda®
188
Creación de Boletines y Newsletters en etienda® Una de las funcionalidades más útiles de un sistema de tienda online es la capacidad de transformarse en una vía activa de promoción de la empresa. Etienda® aprovecha la capacidad propia de crear noticias, información de productos y generar envíos de emails y cuenta, además, con la posibilidad de diseñar plantillas para ser utilizadas en la creación de envíos atractivos. Todo esto combinado con la importación masiva de direcciones de correo electrónico de clientes, convierte a etienda® en un sistema activo de promoción y comunicación de las novedades, noticias y ofertas de la empresa. ¿Cómo funcionan los boletines? Un boletín o newsletter es la combinación de 3 conceptos: Plantilla, contenido, destinatarios Plantilla La plantilla se compone de una cabecera, una introducción, espacio para el cuerpo del mensaje y una conclusión donde se facilitan los datos de contacto del emisor. Contenido El contenido es la parte de información que se inserta en el espacio para el cuerpo del mensaje. En el caso de un boletín de productos, será la información del producto o productos que se vayan a incluir en el boletín de productos. Si es un boletín de noticias, el contenido será el titular de la noticia, una imagen y la entradilla de la noticia. Destinatarios Los destinatarios del boletín son los correos electrónicos de las personas o empresas pertenecientes a un grupo. Los emails se pueden importar otorgándoles un grupo y a la hora de enviar se elige el grupo que recibirá el boletín.
Generación del boletín El sistema combina una plantilla con el contenido y lo envía automáticamente al grupo seleccionado. Los destinatarios del correo pueden darse de baja en la lista de correos, para no volver a recibir un nuevo correo en el futuro. CUARTA UNIDAD: La publicidad y promoción en etienda®
188
Creación de boletines y newsletters en etienda®
189
Creación de una plantilla de boletín Para crear una plantilla lo primero que haremos es tener preparado el diseño de la cabecera y del pie de la plantilla en algún programa externo, habiendo diseñado la imagen que queremos insertar. Para el ejemplo hemos utilizado el Photoshop para crear las imágenes de las cabeceras para los diferentes boletines. Haremos las imágenes de un ancho máximo de 750 px Una vez que disponemos de las imágenes para hacer las plantillas vamos al menú de Boletines>Plantillas de Boletines Se nos abre la página dónde tenemos la gestión de plantillas de boletines, y pulsamos sobre abre nuevo, para obtener esta página dónde crearemos la nueva plantilla
Lo primero que elegiremos es el tipo de plantilla que va a ser, según los boletines de: Producto, Noticias o Encuesta Luego le daremos un título, o nombre por el que la podamos localizar en ora ocasión. Es imprescindible darle el título, si no, no se guardará el diseño de la plantilla. Seguidamente vemos que hay tres zonas de editor. Estas zonas se corresponden con la Cabecera, la Introducción, que van seguidas una debajo de otra en el diseño, luego va el espacio para el Contenido, que se añadirá posteriormente al crear el boletín, y finalmente vemos la Conclusión.
CUARTA UNIDAD: La publicidad y promoción en etienda®
189
Creación de boletines y newsletters en etienda®
190
Creación de la cabecera Para crear la cabecera simplemente vamos a importar una imagen que se incluirá en la parte superior del boletín .En la parte de arriba del editor, podemos ver una serie de iconos: seleccionaremos el icono para subir imágenes al editor:
Y se nos abre esta pantalla
En esta pantalla seleccionaremos “Enviar cambios” y nos permitirá elegir una imagen de nuestro ordenador para subirla al almacén de imágenes del editor. La seleccionamos y, una vez que pulsemos en esta pantalla sobre el botón insertar, pasará a colocarse en la zona de la cabecera. Creación de la introducción A continuación de la cabecera viene la introducción. En ella colocaremos esa frase o mensaje que invite a quien reciba el boletín a ver el contenido que se le presenta a continuación en el cuerpo del mensaje. Para ello utilizamos todos los recursos del editor de texto HTML y podemos escribir, elegir tipografía, tamaño y color de fuente, añadir enlaces, etc. Una vez compuesta, teniendo en cuenta que la visualización se producirá en como mucho a un ancho de 750 px, le darnos a guardar. CUARTA UNIDAD: La publicidad y promoción en etienda®
190
Creación de boletines y newsletters en etienda®
191
Creación de la conclusión Para la conclusión haremos lo mismo: insertar aquellos textos que inviten a contactar con nosotros o den información adicional o comentarios u observaciones a los contenidos que vayamos a incluir en esta plantilla. Generalmente se suelen poner los datos de contacto. Previsualización y edición de la plantilla Si vamos a Boletines> Plantillas para boletines, se nos abre la lista de plantillas, seleccionamos la que queremos visualizar y pulsamos “Editar”, nos mostrará la plantilla, con la posibilidad de modificar cada una de sus partes.
CUARTA UNIDAD: La publicidad y promoción en etienda®
191
Creación de boletines y newsletters en etienda®
192
Importación de direcciones de correo electrónico para el envío de boletines El sistema soporta una base de datos de contactos que puede gestionarse desde el siguiente enlace: Boletines > Grupos de email para boletines Pulsando en el enlace del menú, se nos abre la siguiente página:
En esta página observamos en la parte superior de la ventana central los campos que componen la base de daros de contactos para envío de newsletters y boletines: Email; Nombre de contacto; Nombre compañía; Grupo; Notas Estos son los tipos datos (campos) que puede contener la base de datos. Podemos hacer una búsqueda por cualquiera de ellos y aparecerán listados a continuación.
Destinatarios del boletín Introducir destinatarios manualmente Debajo de la sección añada nuevo, vemos casillas en las que introduciremos los valores de los campos. Conforme vayamos añadiendo grupos, estos aparecerán en el desplegable de grupos existentes, para facilitar el llenado y sobre todo para unificar el nombre del grupo. Tengamos en cuenta que si, por ejemplo, estamos introduciendo la lista de arquitectos de Málaga, el sistema considerará diferentes grupos a cada variante de la escritura. Por ejemplo, Arq Málaga, Arquit. Málaga, Arq. Málaga y Arquitectos Málaga se consideran diferentes. Por CUARTA UNIDAD: La publicidad y promoción en etienda®
192
Creación de boletines y newsletters en etienda®
193
eso es importante introducir siempre el mismo texto, o seleccionar desde el desplegable el ya introducido para un grupo, con el fin de mantener la coherencia de la base de datos. Una vez introducidos los datos de un destinatario, pulsaremos “Añadir/actualizar” para grabar lo escrito e ir a introducir el siguiente. Importación en bloque de direcciones de correo electrónico La otra opción que tenemos es la de importar los datos de listas de email que hayamos obtenido desde nuestro Outlook, o desde alguna base de datos externa. Para ello dispondremos los emails en una tabla Excel, con los siguientes campos en la primera fila y en este orden: Email; Nombre de contacto; Nombre compañía; Grupo; Notas En los campos pondremos: Campo
contenido
Sólo el email completo del destinatario
Nombre del contacto
Nombre del destinatario (no es obligatorio)
Nombre compañía
Nombre de la empresa del destinatario
Grupo
Grupo al que pertenece el destinatario
Notas
Cualquier observación, dirección, teléfono, etc.
Llenaremos el Excel con los datos de los destinarios en cada fila. Una vez completado el Excel, se guarda como Excel 2003-2007, o preferiblemente como archivo CSV, y ya queda listo para ser importado. Importación a etienda® del Excel con los emails de los destinatarios Para hacer la importación, abriremos la página: Boletines > Grupos de emails para boletines
Una vez importadas, las direcciones aparecerán en la página y se podrán editar y utilizar para los envíos.
CUARTA UNIDAD: La publicidad y promoción en etienda®
193
Creaci贸n de boletines y newsletters en etienda庐
CUARTA UNIDAD: La publicidad y promoci贸n en etienda庐
194
194
Creación de boletines y newsletters en etienda®
195
Creación de un boletín de productos Ahora que ya tenemos la plantilla y las direcciones a las que les vamos a enviar subidas al sistema, vamos a ver cuál es el proceso para crear un boletín de novedades, en el que vamos a informar a nuestros clientes y a los destinatarios de los emails importados de los nuevos productos que tenemos para ofrecerles. El sistema de etienda® está preparado para combinar automáticamente la información de los productos con las plantillas. Esta combinación da lugar a atractivos email gráficos, con enlaces directos, desde el email que recibe el destinatario a la página del producto en e-tienda. ¿Cómo se crea un boletín de productos? Tenemos 3 maneras de crear un boletín de productos: 1. Utilizando una plantilla que hemos creado, como se ha explicado anteriormente 2. Sin utilizar una plantilla 3. Utilizando un diseño externo Caso1. Tenemos una plantilla creada Vamos al menú: Boletines > Boletín de productos Se nos abre esta pantalla
En esta pantalla vemos los boletines que ya tenemos creados, y en la sección de Asistente para un nuevo boletín un desplegable para elegir las plantillas que ya tenemos grabadas. Elegimos la plantilla de “Novedades” y pulsamos sobre el botón “asistente para crear un nuevo boletín” Nos muestra el código fuente de la plantilla y aquí podemos darle un nombre al boletín, que aparecerá como asunto en el correo que enviemos a los destinatarios. También elegiremos el número de productos que vamos a incluir en el boletín.
CUARTA UNIDAD: La publicidad y promoción en etienda®
195
Creación de boletines y newsletters en etienda®
196
Pulsando en siguiente nos sale esta pantalla, en la que elegiremos los productos que vamos a incluir en el boletín. Nos aparecen tantos selectores como productos vayamos a incluir.
Elegimos en el desplegable los artículos que queremos incluir, y pulsamos siguiente. Se nos cargará la combinación de nuestra plantilla con la información del producto:
En esta pantalla tenemos la posibilidad de editar la información que aparece en cualquiera de las partes del boletín, además de realizar un envío de prueba. Si queremos adjuntar un archivo en el email que enviemos, podemos subir el correspondiente archivo para que se adjunte en el boletín y sea recibido por los destinatarios del grupo al que se le envíe.
CUARTA UNIDAD: La publicidad y promoción en etienda®
196
Creación de boletines y newsletters en etienda®
197
Caso 2. En el caso de que no tengamos una plantilla cread seguiremos éste procedimiento: Vamos al menú de la izquierda: Boletines > Boletín de productos Y se nos abre la página en la que iniciamos la creación de un boletín. En ella pulsamos sobre el Asistente de boletines. Nota: No pulsar sobre Añada nuevo en el apartado Simple email: Es para hacer un boletín manual sin hacer uso de los productos en la base de datos. Por ejemplo, para incluir una oferta que nos han preparado externamente en HTML
Al pulsar sobre ese botón “asistente de boletines” obtenemos esta página:
En ella escribiremos el Asunto que aparecerá en el email que se envíe y el número de productos que queremos incluir en el boletín. Pulsando en “Siguiente” nos sale esta pantalla, en la que elegiremos los productos que vamos a incluir en el boletín. Nos aparecen tantos selectores como productos vayamos a incluir.
Elegimos en el desplegable los artículos que queremos incluir, y pulsamos siguiente. Nos aparece la siguiente pantalla con la información que se va a incluir en el boletín.
CUARTA UNIDAD: La publicidad y promoción en etienda®
197
Creación de boletines y newsletters en etienda®
198
Si no hemos pegado el código HTML en el paso anterior, o queremos editarlo en las secciones de Cabecera, Introducción o Conclusión, entonces pulsamos el correspondiente botón para insertar o editarlo. Por ejemplo, pulsamos sobre cabecera, para insertar una cabecera. Se nos abre esta ventana, en la que aparece el editor HTML:
Pulsamos sobre el icono para insertar imagen, para elegir la imagen de la cabecera que tenemos subida al sistema, y la seleccionamos en esta ventana y pulsamos insertar.
CUARTA UNIDAD: La publicidad y promoción en etienda®
198
Creación de boletines y newsletters en etienda®
199
Una vez insertada en el editor, pulsamos sobre Guardar. Pulsamos ahora sobre enviar prueba a emails, para volver a la pantalla inicial de edición del boletín. Vemos aquí, cómo ha sido incluida ya la cabecera.
Repetimos el proceso con las diferentes secciones de introducción y conclusión para configurar la plantilla. Finalmente, enviaremos el email a los emails de prueba que podemos introducir en las correspondientes casillas
CUARTA UNIDAD: La publicidad y promoción en etienda®
199
Creación de boletines y newsletters en etienda®
200
Caso3. Envío de un boletín diseñado exteriormente Vamos al menú. Boletines > Boletín de productos Se abre la ventana de Gestión de boletines, en ella debajo de la sección Simple email, pulsamos “añada nuevo”
Esto da lugar a esta pantalla:
Después de escribir el asunto, en la casilla consulta incluiremos el código HTML del email que queramos enviar. Muy importante que las imágenes que se incluyan en él tengan una url de referencia para que se muestren al destinatario. Enviaremos un email de prueba antes de guardarlo para comprobar que todo es correcto.
CUARTA UNIDAD: La publicidad y promoción en etienda®
200
Creación de boletines y newsletters en etienda®
201
Envío de los boletines Envío de un boletín a los destinatarios de un grupo de emails Una vez que ya hemos creado nuestro boletín, y lo hemos enviado a los emails de prueba para ver que todo es correcto, el boletín queda guardado en el sistema, listo para ser enviado cuando nos convenga. Para hacer el envío seguiremos el siguiente proceso: Pulsamos sobre Boletines >Boletines de productos Se nos abre la pantalla con la lista de todos los boletines que tenemos creados, en este caso del ejemplo, nos aparece el que acabamos de crear: Junto a la fecha del boletín aparece un círculo. Este círculo es el que debemos señalar para enviar el boletín que quede así marcado.
Observación: Si queremos asegurarnos antes de enviarlo de que el boletín es el que queremos enviar, pulsaremos sobre la fecha para visualizarlo. Una vez que estamos seguros, elegimos el grupo de destino en el desplegable “Elegir grupo de destinatarios” y pulsamos enviar. El sistema enviará a todos los destinatarios del grupo elegido el email con el boletín de productos que hemos elegido.
CUARTA UNIDAD: La publicidad y promoción en etienda®
201
Creación de boletines y newsletters en etienda®
202
Boletines de ofertas o de noticias Para el envío de un boletín de noticias, contaremos con las noticias u ofertas o la información que hayamos considerado como noticia. En algunos casos las noticias se utilizan para divulgar las realizaciones de trabajos de la empresa. Como esto es un uso muy interesante de la funcionalidad de envío de noticias, seguiremos este ejemplo. Plantillas de noticias El procedimiento es análogo, para la creación de la plantilla de noticias, con lo que para referencia se sigue lo indicado en la creación de plantillas de producto. Creación de un boletín de noticias Para crear un boletín de noticias, pulsamos sobre Boletines > Boletín de noticias se nos abre la ventana de Gestión de boletines
Aquí vemos los boletines que hemos creado anteriormente y el enlace para añadir nuevo Para añadir uno nuevo, elegimos la plantilla a usar en el desplegable, y pulsamos sobre “añadir nuevo”. Nos saldrá la pantalla con la lista de noticias que tengamos seleccionadas como últimas noticias. Nota: Es imprescindible que para que una noticia aparezca en la lista, la fecha en la que esta noticia aparece en últimas noticias sea posterior a la actual.
CUARTA UNIDAD: La publicidad y promoción en etienda®
202
Creación de boletines y newsletters en etienda®
203
En esta pantalla, Le daremos un Asunto al correo que se enviará y elegiremos la o las noticias que queramos que aparezcan en el boletín, seleccionando las casillas junto a ellas. Una vez seleccionadas, realizamos un envío de prueba para ver si todo es correcto y ya queda listo el boletín para ser enviado al grupo que queramos, de igual manera que hacemos con los boletines de productos.
CUARTA UNIDAD: La publicidad y promoción en etienda®
203
Creación de boletines y newsletters en etienda®
204
Visualización y edición del boletín creado En la lista de boletines, pulsando sobre la fecha del boletín, visualizamos el boletín de noticias para poder editarlo:
Con esto queda finalmente creado el boletín de noticias para ser enviado a los destinatarios de email.
CUARTA UNIDAD: La publicidad y promoción en etienda®
204
Creación de boletines y newsletters en etienda®
205
Conclusión Como se ha visto, etienda® dispone de un potente sistema de generación de boletines haciendo que la propia empresa pueda hacer de manera fácil promociones, por un método y con medios hasta ahora reservados a importantes empresas. Por este procedimiento conseguimos comunicar a todos nuestros clientes nuestras novedades de productos, ofertas y noticias de la empresa, e incluso podemos realizarles encuestas de satisfacción. Así el programa etienda® no sólo es un potente sistema de venta online, sino que además, es el medio más económico para hacer que sus clientes entren en su tienda online o tienda física para realizar más ventas.
CUARTA UNIDAD: La publicidad y promoción en etienda®
205
Capítulo 16:
La publicidad con el módulo publiwebs en etienda®
La publicidad en etienda®
208
La publicidad con el módulo publiwebs en etienda® Etienda® viene preparada para poder incluir publicidad en ciertas zonas, como pueden se la cabecera, los laterales, en la parte inferior de la página y en los menús. Esta publicidad consiste en anuncios tipo “banner” que con unos formatos estándar son proporcionados por las grandes empresas que se anuncian en internet. El modelo de negocio de este modo de publicidad funciona de manera que, los anunciantes pagan según los resultados de la publicidad: en algunos casos por registro en su web del que sigue al anuncio, en otros un % de comisión por las compras realizadas del usuario que ha sido derivado de la web a la tienda online del anunciante.
CUARTA UNIDAD: La publicidad y promoción en etienda®
208
La publicidad en etienda®
209
Cómo insertar publicidad en la web creada con etienda® Para poder insertar publicidad en la web creada con etienda®, hay que tener instalado el módulo opcional Publiwebs y tener un acuerdo de comisiones con el proveedor de los anuncios. Con este módulo se gestiona la aparición de los anuncios, y se mantienen actualizadas las campañas automáticamente, retirándose las que no están en vigor. Desde el lado del administrador se controla qué anuncios aparecen dentro de cada zona reservada, elegidos entre todos los posibles. De este modo, los anuncios se pueden adaptar al contenido de la página que los aloja, prestigiándola y no entrando en competencia con lo que en ella se ofrece. Los visitantes de la web creada con eteinda podrán visualizar estos anuncios y enlazar desde ellos a las webs de los anunciantes para registrarse o para hacer compras en ellas. Conclusión Mediante el módulo publiwebs, la web creada con etienda® puede disfrutar de unos ingresos adicionales obtenidos por las comisiones que pagan los anunciantes en función de los accesos a sus páginas derivados desde los visitantes de la página creada con etienda® y de las condiciones establecidas para cada campaña.
CUARTA UNIDAD: La publicidad y promoción en etienda®
209
La publicidad en etienda®
210
CUARTA UNIDAD: La publicidad y promoción en etienda®
210
Capítulo 17:
La optimización para los buscadores de la web creada con etienda®
La optimización SEO en etienda®
212
La optimización SEO para los buscadores de la web creada con etienda® SEO, que viene de Search Engine Optimization, se ha convertido en unas iniciales que toda página web debe de tener en cuenta para poder estar en internet y que se pueda localizar lo que en ella se muestra. Los contenidos que aportamos a la web tienen que prepararse de modo que los buscadores tengan facilidad para indexarlos. Para ello etienda® tiene varias herramientas que se han detallado en el apartado de crear contenidos, pero que resumimos en este tema por su importancia. ¿Cómo hablar con los robots de Google? Los robots de Google y de otros buscadores continuamente están rastreando la web para lograr indexar los contenidos de las webs. A estos robots les vamos a facilitar una serie de archivos y forma de presentar la información para que puedan entender lo que mostramos y la relevancia que tiene. Para ello etienda® dispone de una serie de campos que se deben completar con la información que leerán estos robots. Información acerca de la página web Para completar esta información iremos al siguiente enlace del menú: SEO buscadores > Meta tags, se nos abre una pantalla en la que insertaremos las palabras clave ( Meta tags ) por las que alguien nos va a buscar los contenidos que ofrecemos en la web. Igualmente en la casilla Meta description incluiremos el resumen de lo que nuestra empresa ofrece
CUARTA UNIDAD: La publicidad y promoción en etienda®
212
La optimización SEO en etienda®
213
Vista en Google oogle de los contenidos indexados por etienda® En la siguiente pantalla podemos apreciar como un buen uso de los metatags y del meta description hace que los contenidos queden indexados correctamente en Google:
Información SEO para los robots a nivel de categorías En la página de cada categoría disponemos de una caja para insertar las palabras clave o meta tags de la categoría Además con el módulo de indexación en Google podemos crear esta información para cada categoría
CUARTA UNIDAD: La publicidad y promoción en etienda®
213
La optimización SEO en etienda®
214
Vemos casillas para completar: • • • •
el alt de la imagen de la categoría, el titular de la categoría, el subtítulo de buscadores y los metatags.
Insertaremos los metatags separados por comas. Información SEO para los robots a nivel de productos En la página de cada producto disponemos de casillas para completar la información SEO referente al producto. Completaremos todos estos campos para que los buscadores indexen los contenidos.
A las imágenes de los productos les asignaremos el Alt, (texto que se muestra al pasar el cursor por encima de ellas). Es un dato muy importante para que Google indexe las imágenes dentro de su búsqueda de imágenes, atrayendo a visitantes a la página desde las búsquedas de imágenes. Información SEO para los robots de categorías, artículos de noticias e informaciones En las páginas correspondientes de edición de categorías y de artículos encontraremos los campos para rellenar con la información SEO. URLS “Google friendly” Etienda® genera una URL individual para cada página. En estas URL se genera el texto de lo que existe en la página, con el título del producto o de la noticia, de manera que se favorezca el indexado y el posicionamiento en Google. Por ello se les llama “friendly”, amistosas
CUARTA UNIDAD: La publicidad y promoción en etienda®
214
La optimización SEO en etienda®
215
Conclusión Un correcto indexado, y un mantenimiento de los metatags es muy importante de cara a la localización de la página al realizar búsquedas en Google. Etienda® viene dotado de potentes sistemas de indexación de sus contenidos que hacen que las empresas que lo usen tengan preferencia en el posicionamiento de sus contenidos gracias a ellos. El trabajo de mantener esta información actualizada y relevante, es valorado por Google y potencia así que la página que aporta esta información aparezca en los primeros logares de la búsqueda, si además se realizan otras acciones exteriores para que la web esté referenciada por otros sitios ajenos a etienda®
CUARTA UNIDAD: La publicidad y promoción en etienda®
215
CapĂtulo 18
IntegraciĂłn de las redes sociales con etiendaÂŽ
Ejemplos de realizaciones con etienda®
218
Integración de las redes sociales con etienda® Cada día van cogiendo más auge las redes sociales como medio de dar a conocer nuestros productos, servicios, opiniones a los miembros de nuestra red. Facebook y Twitter hoy son dos potentes herramientas de comunicación que nos permiten estar en contacto permanente con la gente que nos interesa y se interesa por nosotros. En etienda® hemos integrado una interacción total con las redes sociales, de manera que cualquier visitante puede hacer click sobe le icono de la página que está visualizando y hacer llegar a sus contactos o publicar en su propio Facebook la información que aparece en ella. Al ser esta una funcionalidad que no exige ninguna intervención por parte del administrador, en éste capítulo simplemente vamos a explicar su funcionamiento desde la vista del cliente.
Cómo compartir una página en nuestras redes sociales Veamos una pantalla donde aparecen los iconos de redes sociales:
Observamos que en la cabecera aparece un icono más grande de twitter. Este icono lleva a la página de twitter de la empresa o individuo, al estar vinculado al enlace a ella.
Muestras de realizaciones con el programa etenda®
218
Ejemplos de realizaciones con etienda®
219
Enlaces de compartir Por encima de la imagen del cuadro, vemos unos pequeños iconos de redes sociales, soci estos nos llevan a que se pueda compartir la información de la página con nuestros contactos en facebook, twitter, por email, y por las demás redes sociales Compartir en Facebook Si, por ejemplo, pulsamos sobre el de facebook, obtenemos esta página:
Y en cuanto pulsemos sobre “compartir enlace” veremos cómo aparece en nuestra página de facebook la citada página:
Compartir en Twitter Para enviar un tweet a todos nuestros seguidores de la página de nuestro interés, pulsaremos sobre el botón de twitter y se nos abre la pantalla en la que entrando con nuestro login de twitter nos permite editar el mensaje, que ya incluye la URL de la página que queremos compartir.
Muestras de realizaciones con el programa etenda®
219
Ejemplos de realizaciones con etienda®
220
Conclusión Como vemos, con esta integración de las redes sociales en etienda®, la potencia de comunicación que se alcanza y de difusión de nuestro mensaje y promoción de los productos es elevadísima, contribuyendo además a una indexación muy superior y a un mejor posicionamiento en los buscadores, debido a los enlaces cruzados que generan estas acciones de compartir.
Muestras de realizaciones con el programa etenda®
220
Ejemplos de realizaciones con etienda®
221
AGRADECIMIENTOS Agradecemos su atención y esfuerzo al seguir este curso y esperamos que le resulte de gran utilidad para poder configurar para sí mismo o para sus clientes proyectos de tiendas online profesionales. Agradecemos igualmente al equipo de desarrollo, a todas las personas que han hecho posible la difusión del programa y a los clientes que han confiado en etienda® para disfrutar de una presencia eficaz en internet. Queremos estar a su lado: para cualquier consulta o sugerencia, puede registrarse en www.etienda.net y plantearla desde el área de soporte a clientes: Muchas gracias, Julio García de la Peña
Muestras de realizaciones con el programa etenda®
221
anexo
muestras de webs creadas con etienda速
Ejemplos de realizaciones con etienda速
223
Muestras de realizaciones con el programa etenda速
223
Muestras de webs creadas con ee-tienda® tienda®
e-tienda® es un programa modular para crear una web autogestionada que permite crear todo tipo de sistemas de información en internet. Dispone de varios módulos, entre los que destacamos los más importantes: • • • • • • • •
Noticias, con envío de newsletters de ofertas Catálogo de productos, co con n tienda online con pasarelas de pago bancarias por VISA y Paypal Páginas informativas informativas, con galerías de imágenes Catálogo de servicios con formularios de consulta Áreas de documentos para descarga descarga, públicas y privadas Registro online de clientes Solicitudes es de información y recepción de archivos de clientes Precios y contenidos según los tipos de clientes
Son múltiples los desarrollos realizados para todo tipo de empresas con este programa. Podrá apreciar la diferente utilización de las combinaciones de mó módulos dulos que permiten a un mismo sistema ser configurado para aplicaciones tan dispares como una tienda online o una web de una asociación. Para cualquier aplicación ón especí específica que pueda necesitar en su empresa, se pueden desarrollar nuevos módulos que intera interactúan ctúan a la perfección con el resto. A continuación, le invitamos a conocer algunos de los desarrollos realizados con el programa etienda®
Ejemplos de realizaciones con etienda®
225
CATÁLOGO DE PRODUCTOS CON TIENDA ONLINE http://www.e-avima.com/ Avima
SOPORTE ON-LINE LINE A CLIENTES Y NOTICIAS Euroweb http://soporteeuroweb.com/customer/home.php?no_redirect
Muestras de realizaciones con el programa etenda®
225
Ejemplos de realizaciones con etienda®
226
TIENDA ONLINE Y CATALOGO DE LAMPARAS Pagola Iluminación http://pagolailuminacion.es/
CATALOGO Y NOTICIAS DE PRODUCTOS Vivergal http://vivergal.com/customer/home.php
Muestras de realizaciones con el programa etenda®
226
Ejemplos de realizaciones con etienda速
227
TIENDA ONLINE Exposanfermin http://www.exposanfermin.com/customer/home.php
CATALOGO DE SERVICIOS Y NOTICIAS CON TIENDA ONLINE Luminosos Arga http://www.luminososarga.es/
Muestras de realizaciones con el programa etenda速
227
Ejemplos de realizaciones con etienda®
228
CATÁLOGO DE PRODUCTOS INDUSTRIALES URKOITIK http://urkoitik.com/customer/home.php
VENTA DE MAQUINARIA PARA OFICINA Benoba http://benoba.es/customer/home.php
Muestras de realizaciones con el programa etenda®
228
Ejemplos de realizaciones con etienda®
229
CATÁLOGO DE OBRAS Y SERVICIOS Construcciones Edeg http://construccionesedeg.info/customer/home.php
CATÁLOGO DE OBRAS Y SERVICIOS Renesa http://www.renesa.es/customer/home.php
Muestras de realizaciones con el programa etenda®
229
Ejemplos de realizaciones con etienda®
230
CATALOGO Y TIENDA ONLINE Firehome http://firehome.info/customer/home.php
CATÁLOGO DE VEHÍCULOS Y NOTICIAS Volumen4 motor http://volumen4motor.es/customer/home.php
Muestras de realizaciones con el programa etenda®
230
Ejemplos de realizaciones con etienda®
231
ASESORIA DE EMPRESAS Marcadi http://marcadi.es/customer/home.php
CATÁLOGO Y TIENDA ONLINE DE PAPELERÍA Royalofi http://www.royalofy.com/customer/home.php?&no_redirect
Muestras de realizaciones con el programa etenda®
231
Ejemplos de realizaciones con etienda®
232
CATÁLOGO Y TIENDA ONLINE DE PAPELERÍA Reproar http://materialparaoficina.es/customer/home.php
CATÁLOGO Y VENTA ONLINE DE MOBILIARIO Piñeiro http://www.xn--pieiro-xwa.com/customer/home.php?no_redirect
CATÁLOGO DE OBJETOS PUBLICITARIOS
Muestras de realizaciones con el programa etenda®
232
Ejemplos de realizaciones con etienda速
233
Manuel de la Cruz http://www.manueldelacruz.com/customer/home.php
TIENDA ONLINE Buenaceite http://buenaceite.es/
Muestras de realizaciones con el programa etenda速
233
Ejemplos de realizaciones con etienda速
234
TIENIDA ONLINE Gorlizbiker http://gorlizbiker.es/
INFORMACION DE EMPRESA Y NOTICIAS Astilleros Jos辿 Vali単a http://astillerosjosevalina.es/customer/home.php
INFORMACION DE EMPRESAS Y NOTICIAS
Muestras de realizaciones con el programa etenda速
234
Ejemplos de realizaciones con etienda速
235
Abin http://abin.es/customer/product.php?productid=27&cat=0&page=
ACADEMIA Academia Porta Nova http://www.academiaportanova.com/customer/home.php
Muestras de realizaciones con el programa etenda速
235
Ejemplos de realizaciones con etienda®
236
VENTA DE ROPA http://comasuniformes.com/customer/home.php Comas Uniformes
CATÁLOGO E INFORMACIÓN ACERCA DE EQUIPOS INDUSTRIALES Cymasa http://cymasa.es/customer/home.php
Muestras de realizaciones con el programa etenda®
236
Ejemplos de realizaciones con etienda®
237
ASOCIACIÓN DE EMPRESAS DE CONSTRUCCIÓN APIC http://www.apicsegovia.es/customer/home.php?
ASOCIACION DE EMPRESARIOS Fele (Federación Leonesa de Empresarios) http://www.federacionleonesadeempresarios.es/customer/home.php
Muestras de realizaciones con el programa etenda®
237
Ejemplos de realizaciones con etienda®
238
CATALOGO DE SERVICIOS Reprosam http://reprosam.es/customer/home.php
CATALOGO EMPRESA Y TIENDA ONLINE Masfijación http://www.masfijacion.com/customer/home.php
Muestras de realizaciones con el programa etenda®
238
Ejemplos de realizaciones con etienda速
239
OFERTA DE SERVICIOS DE ESTUDIO DE ARQUITECTURA Arqium http://www.arqium.com/customer/informations.php?sta=info
Muestras de realizaciones con el programa etenda速
239
Ejemplos de realizaciones con etienda速
240
Muestras de realizaciones con el programa etenda速
240
Curso práctico para crear una tienda online con etienda® Edición 20121010 ©COPYRIGHT 2012 Julio García de la Peña Puede descargar la versión más actual en www.etienda.net Muchas gracias.