1

Curso taller de gestión y configuración de tiendas online

MÓDULO 1. INTRODUCCIÓN A LA GESTIÓN ONLINE DE CONTENIDOS DIGITALES.

Internet como modelo económico. El desarrollo y la evolución de Internet ha permitido el nacimiento de un nuevo modelo económico, basado en la desmaterialización de la economía, y que permite su utilización en todos los procesos de la empresas. En contadas ocasiones un medio de comunicación ha supuesto tal revolución en el mercado, modificando los cánones y actores que han intervenido en la ley sobre la oferta y la demanda.

Internet ha supuesto para la economía lo que otros revolucionarios avances ya lo fueron en su época, como puede ser el caso del ferrocarril. Actualmente, la inversión en nuevas tecnolgías y la renovación de la infraestructura tecnológica se convierte en una pieza clave para que las empresas y organizaciones empresariales, pues además de aumentar significativamente

su productividad, puedan llevar sus productos hasta sectores de mercado en los que antes era impensable poder llegar. Por todo ello, la competitividad de las empresas se ve mejorada. La mayor influencia de la red dentro del entorno de la empresa, se produce dentro de los canales de comunicación, pero no solo en lo que se refiere a la posibilidad de vender el producto en cualquier lugar del mundo, sino en la ventaja de la retroalimentación. Con los nuevos formatos que surgen fruto de la evolución de Internet, como el caso de blogs o redes sociales, el cliente ayuda a configurar los servicios e influye en el desarrollo de los mismos.

2

Por este motivo, ya no solo se habla de la influencia que pueda tener sobre la economía, sino de la configuración de un nuevo modelo económico con sus propias leyes reguladoras.

Internet y sus beneficios para los negocios. Desde el correo electrónico al comercio electrónico, Internet ha recorrido un largo camino y por todos son conocido los beneficios y ventajas estratégicas que puede aportar a la empresa. Sin embargo todavía queda un largo camino por recorrer y este requiere que las empresas que lo sigan posean una base tecnológica y conocimiento para poder adaptar estas soluciones dentro de sus organizaciones. Cada día surgen nuevas plataformas que posibilitan a la empresa el descubrir las funcionalidades y servicios que Internet ofrece, posibilitando que estas ventajas no sean sólo para una pequeña elite. La evolución de los modelos de negocio en internet han venido marcadas en el tiempo por el grado de complejidad tecnológico que implican frente a las funcionalidades que aporta cada uno de los distintos modelos. Podemos hablar de los inicios de la empresa en internet comenzando por el descubrimiento de las ventajas que el uso del correo electrónico representó para las comunicaciones de la empresa. Siguiendo por las primeras presencias de la empresa en Internet, a través de webs corporativas, en la mayoría de los casos con información estática y de escaso valor añadido y con el único objetivo de la presencia publicitaria. Más allá de esta simple presencia corporativa o del estar por estar, sin objetivos ni estrategias definidas, se encuadran las actuaciones dentro de lo que entendemos por estrategias de comercio electrónico, dentro de las cuales encontramos desde catálogos electrónicos de productos a plataformas más avanzadas en cuanto a funcionalidades y herramientas de contenidos. La gran capacidad del comercio electrónico en la reducción de costes de distribución, la posibilidad de acceder a nuevos mercados, el rápido retorno de la inversión y la posibilidad de un gran impacto en el mercado,

3

han sido las grandes bazas por las que la empresa ha realizado presencias más activas en internet. Estas grandes ventajas aportadas por internet a la empresa no han hecho más que vislumbrar el futuro de posibilidades para la adopción de nuevos modelos empresariales basados en internet. Es de la experiencia de la pequeña y mediana empresa en internet, donde esta se plantea el uso de este medio no solo como herramienta para el ensanchamiento del mercado potencial, sino también como herramienta para la mejora de los procesos de negocio, tanto en su operativa interna (escasamente planteada por la empresa hasta ahora), como en su operativa externa (cubriendo no sólo los procesos de negocio en internet sino toda la red de venta, distribución y logística que rodean a la empresa). Justo en este punto entraríamos en el terreno del negocio electrónico y las soluciones B2B, que conducirán a una empresa más racional que pretende adaptarse a las nuevas formas de comercio que el nuevo mercado demanda. Esta transición del e-commerce al e-business, implica de los directivos encargados de evaluar estas actuaciones, un cambio de mentalidad: de estrategias centradas en el producto y la venta, a estrategias centradas en el cliente, el valor añadido y la optimización de todos los procesos de negocio. La perspectiva empresarial de internet se ensanchó y se pasó de verlo como un medio para comprar, vender, comunicar y publicitarse, a verlo como una herramienta de gestión empresarial global, que acerca al público a la realidad de una empresa que interactúa con proveedores, clientes, procesos productivos y con otras empresas al mismo tiempo. Si el comercio electrónico o e-commerce, ha sido la evolución del propio comercio, el e-business es la evolución lógica de los modelos de gestión tradicionales. De la urgencia para la comprensión y adopción de modelos de e-business por parte de la empresa, nos da buena cuenta el hecho de que la industria del software, Microsoft y Oracle entre ellas, empezase a implantar en todas sus plataformas estándares como XML, en búsqueda de mejoras en los sistemas transaccionales de interacción con terceros. Esta tendencia llevará al uso generalizado de soluciones empresariales de gestión global basadas en internet para todo tipo de empresas, con independencia del tamaño y sector en el que desenvuelvan su actividad, y esta dinámica, de una empresa interconectada con

4

su medio ambiente, si será la auténtica revolución de internet, la revolución que llegue a todos independientemente del posicionamiento o predisposición a adoptar las nuevas tecnologías, pues la empresa que no este en internet en unos años, prácticamente no será empresa, y estar no significara disponer de una web corporativa y un catálogo de productos, significará aprender a interactuar y relacionar los procesos de negocio.

El tipo de soluciones empresariales que aporta el e-business no son algo nuevo y muchos de los conceptos han sido introducidos por los sistemas EDI (Intercambio Electrónico de Datos) tradicionales, usados por las grandes corporaciones para la gestión de sistemas de compra-venta en sus cadenas de suministro. Pero la implantación de sistemas EDI, resulta todavía hoy demasiado costosa, debido a la tecnología sobre la que están basados, y es aquí donde se imponen las soluciones de e-business, por su poder de implantación en entornos empresariales donde antes resultaba prohibitivo. La ventaja competitiva de soluciones e-business basadas en internet sobre los sistemas EDI tradicionales, ha venido propiciada por la propia evolución de internet y de los lenguajes de desarrollo de aplicaciones como el ya mencionado XML. Las nuevas tecnologías han proporcionado a la Pyme soluciones empresariales más económicas y viables que le permitirán conseguir los necesarios niveles de eficacia para competir al mismo nivel que antes lo hacían sólo las grandes corporaciones. Internet y sus posibilidades están por encima de modelos de comercio electrónico y del impacto mediático que ha sufrido la propia palabra Internet. Debemos diferenciar claramente entre internet como medio y los modelos de negocio (tanto

5

e-commerce como e-business) que puedan surgir basados en él. No cabe ninguna duda de que en los últimos años, internet ha aumentado enormemente la competitividad y productividad de las empresas, en especial aquellas que han sabido trasladar sus procesos de negocio tradicionales a internet, convirtiéndose en pieza fundamental dentro de la estrategia empresarial. La planificación e implantación de sistemas e-business y sus ventajas no siempre resultan sencillas de comprender y requieren por parte de los responsables de implantarlos, de una observación detallada del medio ambiente donde la empresa desarrolla su negocio, tanto interna como externamente para poder así reflexionar sobre qué se quiere conseguir o mejorar, y evaluar las distintas soluciones disponibles.

Modelos de negocio basados en la tecnología de Internet.

El e-business, o negocio electrónico, engloba a toda una serie de modelos de negocio basados en tecnología Internet encaminados a mejorar las relaciones comerciales entre empresas, cadenas de aprovisionamiento, mercados verticales y un largo etcétera de posibilidades. En última instancia un sistema de e-business puede tomar múltiples formas y es la empresa quien debe decidir la mejor o más adecuada según sus necesidades. A continuación describiremos brevemente los modelos que con toda seguridad más tendrán que aumir las empresas en los próximos años:

ERP (Enterprise Resuorce Planning). Podemos considerar este software como la tecnología subyacente de gestión interna sobre la cual basar el resto de modelos de negocio de e-business. El término ERP deriva de MRP (Material Requirement Planning) herramienta para el control de procesos productivos.

Los sistemas ERP administran los procesos internos del negocio para la optimización de la cadena de valor que sirve a todos los departamentos dentro de la empresa. El software ERP incluye diversas funcionalidades: facturación, contabilidad, compras, producción, transporte, informes de gestión y recursos humanos entre otras.

6

SCM (Supply Chain Management). Gestiona los procesos de negocio tanto internos como externos de la empresa implicando a todos los agentes que directa o indirectamente están dentro del proceso, desde la producción a la distribución.

El SCM incluye el aprovisionamiento de materias primas, proveedores, la atención al cliente, la logística y en general todo la cadena de valor de la empresa, optimizando los procesos más que automatizándolos, como es el caso del ERP.

CRM (Customer Relatinship Management). Dirigido a todos los aspectos relacionados con la atención y el servicio al cliente, coordina a todos los departamentos involucrados en esta atención: departamentos de ventas, marketing y relaciones con los clientes.

Las soluciones CRM gestionan conjuntamente el servicio de reclamaciones, la gestión de incidencias, vendedores y seguimiento de ventas. Al funcionar sobre sistemas de Datawarehouse permiten obtener perfiles de usuario, preferencias y hábitos de compra.

Marketplaces. Mercados virtuales para la venta, compra e intercambio de información entre múltiples participantes. Básicamente consiste en un directorio de empresas con información sobre los productos de cada una donde compradores y vendedores buscan productos o servicios, solicitan ofertas y procesan pedidos.

E-procurement. Abastecimiento electrónico de productos y servicios vía internet. Bajo estas plataformas se gestionan los procesos de compra a proveedores bien sean compras de productos directos (implicados en el proceso de producción del producto final): materias primas, o indirectas (no implicadas en el producto final): papelería, informática, servicios varios.

La principal ventaja del uso de estas plataformas radica en el ahorro de tiempo en la gestión de compras, la comodidad y la reducción de los precios

7

de adquisición de productos y la posibilidad de acceder a nuevos proveedores.

Otros. Existen más modelos de e-business como el BI (Business Intelligence) centrado en el apoyo a la toma de decisiones y la evaluación de indicadores de negocio. El KM (Knowledge Management) para la gestión del conocimiento y cuyo objetivo es lograr que la información dentro de una organización llegue a todo aquel que la necesite, procesada de forma tal que sea posible llevarla a la práctica.

Es preciso comentar que la empresa debe comprender estas múltiples de llevar un negocio electrónico a cabo y conocer las posibilidades para poder así aplicar modelos personalizados basados en las necesidades de cada organización. Esto es lo que se denomina la convergencia en los distintos modelos de e-business para llegar a la e-organización. Como vemos, este nuevo uso de internet como herramienta de apoyo a la gestión global de la empresa no se presenta como la nueva solución para obtener grandes beneficios. Lo que nos muestran estas soluciones son una nueva visión de internet como un terreno de enormes posibilidades para el desarrollo y fortalecimiento de las empresas. El comercio electrónico en España. El entorno tecnológico en España para la implantación de soluciones e-business dista aún mucho de lo deseable. A pesar de que la gran mayoría de las empresas disponen de conexión a internet, la escasa infraestructura tecnológica, el desconocimiento de las potencialidades que internet tiene para la empresa y la falta de visión e inadaptación a las nuevas formas de mercado se configuran como los principales factores que retraen a la empresa para implementar este tipo de soluciones. Además, si lo que la empresa busca es la integración total de todos sus procesos y la adaptación de estos a soluciones de e-business, la curva de adaptación a las nuevas formas de trabajo y el alto costo en formación y medios, resultan en un significativo esfuerzo por parte de la empresa para la adopción de las nuevas mecánicas de trabajo. El reto de los desarrolladores es mostrar a la empresa los

8

servicios concretos y herramientas que internet puede ofrecer, dejando que el empresario y el trabajador se beneficien de ellos. A medida que las empresas adquieran el necesario bagaje tecnológico y conocimiento de las reglas de la nueva economía, comenzarán a establecer las relaciones interempresariales que propicien la explosión de estos modelos de negocio entre las empresas y su entorno. La pequeña y mediana empresa española adaptará estos modelos al igual que adoptó internet en su momento, pero el ritmo de implantación será sin duda bastante más corto.

El futuro de la empresa en internet pasa por el desarrollo de soluciones personalizadas de e-business.

Un ejemplo: breogan.com. Un ejemplo sobre todo esto que estamos viendo es el sitio breogan.com. Este sitio es principalmente una plataforma de e-procurement pero que aúna bajo un mismo interface web, las funcionalidades más inmediatas que una empresa puede necesitar en internet. Así, Breogan.com presenta en forma de agenda de tareas personalizada, el acceso a un mercado invertido de productos y servicios, sistema de subastas, gestión de recursos humanos y freelance, viajes y encuestas de mercado. La idea es poner al alcance de la empresa las herramientas básicas para comenzar a beneficiarse de las posibilidades que internet puede ofrecerle. Ya no es necesario el movernos de una a otra web en busca de distintas herramientas: una web donde subastar nuestros productos, otra donde gestionar recursos humanos, varios marketplaces y mercados verticales donde interactuar. Lo que se

9

ha hecho es poner todas estas funcionalidades bajo una misma plataforma de acceso gratuito. Surgida como sistema de e-procurement al servicio tanto de compradores como de vendedores la idea ha ido evolucionando a medida que se agregaban nuevas funcionalidades. La plataforma resultante es una extensión de los sistemas de e-procurement cerrados para compras directas, que alcanza a cualquier persona dentro de una organización para la adquisición de forma rápida y eventual de productos indirectos. La idea era crear un sistema de abastecimiento electrónico pero al mismo tiempo proporcionar las herramientas necesarias para ser más competitivos y entrar en un mercado interconectado y global.

Las conclusiones del e-commerce. No cabe duda de que la empresa española (un 90% de la cual es considerada Pyme) tiene en mente la adaptación a los modelos de negocio de la Nueva Economía, tanto en la vertiente de gestión interna como en la externa en sus relaciones con los nuevos mercados y competidores. Sin embargo, no todas disponen de la capacidad suficiente para adoptar los modelos de negocio que la hagan más abierta y competitiva. La base tecnológica de la gran mayoría de las empresas españolas tiene todavía mucho que evolucionar y es necesario el cambio de mentalidad hacia posiciones más abiertas y flexibles respecto a las Nuevas Tecnologías. Es por ello necesario demostrar a las empresas las ventajas de los distintos modelos disponibles para que comiencen a pensar en como cada una de ellas puede beneficiarse de esta tecnología. La implantación de estas soluciones será paulatina pero inevitable, conduciendo a la empresa y a la sociedad a la verdadera revolución tecnológica que abrirá un enorme campo de posibilidades a todos por igual. Conceptos como innovación, gestión del cambio y mejora continua medirán a partir de ahora la velocidad con que la empresa detecte y haga suyos los modelos más

10

adecuados a sus organizaciones para encontrar las oportunidades de negocio y crecimiento que marcarán las diferencias en los próximos años.

La gestión de las tiendas online. Alternativas de las tiendas online. A la hora de montar una tienda online son muchas las dudas que pueden surgir a la hora de elegir entre distintas alternativas. Formas de montar una tienda online existen muchas y lo que tendremos que hacer es buscar la más adecuada para nuestro negocio. Es importante mantener un criterio en la elección y para ello en este punto mostramos cuatro alternativas de gestión para montar una tienda online.

Lo primero que deberá tenerse en cuenta es cómo se va gestionar y sobre todo quién va a gestionarla. Al igual que cuando emprendemos la aventura de gestionar un negocio se requieren unos conocimientos previos mínimos a la hora de poder gestionar la tienda, también se requieren para renovar los productos que ofrecemos a través de la misma, etc. En la actualidad no es necesario ser un experto en diseño web, pero sí se necesita una base de conocimiento y ciertas nociones en el tema que se maneja.

11

Diseño a medida. Es una buena opción para todos aquellos que no tienen los conocimientos mínimos a la hora de gestionar el catálogo de productos de una tienda online. Se busca un profesional que diseñe y cree la tienda, que añada los productos que se quieran tener disponibles en el catálogo online y que monte la pasarela de pago de manera que el dueño de la empresa pueda despreocuparse y confiar en un trabajo bien hecho por un profesional. El mayor inconveniente que se tiene es que son tiendas estáticas, es decir, que no renuevan el catálogo. Por lo tanto si se quieren hacer cambios se tendrá que volver a contratar a este gestor para que vuelva a introducir más artículos y sacar los que ya no se quieren vender. No se depende de un único profesional ya que el diseño de la tienda puede ser continuado por otro profesional del sector, aunque dependiendo de la limpieza y anotaciones del mismo muchas veces es mejor partir de cero a la hora de volver a retocar la tienda online o nuestra página web corporativa, que por lo general van ligadas.

Contratación con proveedor de alojamiento. En este caso realizamos un acuerdo con la empresa que nos facilita el alojamiento de nuestra página web corporativa. Efectuamos un pago de cierta cantidad al mes y podemos crear nuestra tienda online de manera sencilla. Son necesarios unos mínimos conocimientos de diseño, no muy elaborados y que están al alcance de casi todo el mundo. La parte positiva es que los asistentes automáticos en línea para crear la tienda online suelen ser bastante intuitivos de manera que se hace sencillo cargar artículos, darles una descripción y borrarlos en caso de ser necesario. La integración de la pasarela de

12

pagos es igualmente sencilla y sólo tendremos que proporcionar unos cuantos datos. Esta es la gran virtud que tienen este tipo de tiendas. Otra de sus ventajas es que no requieren una inversión inicial alta. La parte negativa es que si no se obtienen buenos resultados o se está descontentos, será imposible migrar la tienda a otro proveedor de alojamiento y tendremos que partir de cero. Muchas veces quedamos “prisioneros” y aunque no nos acaba de convencer nuestra tienda la mantenemos porque la migración o es inviable o muy complicada.

Contratación con mensajería. Es otra alternativa que tenemos a la hora de contratar una tienda online. Se trata de un modelo similar a la de los proveedores de alojamiento, solo que facilitado por las empresas de transporte. Su punto fuerte, como es lógico, es la facilidad en la distribución de los productos de nuestra tienda. Se trata de una solución que integra el proceso de venta con el transporte al cliente final. Con ello se aceleran los tiempos de entrega, y se mejoran los márgenes comerciales, en lo que se refiere a los gastos de transportes. Además facilita un control de stock, almacenaje o envío y manipulación de pedidos de manera que podemos externalizar toda la logística de nuestra tienda online. La parte negativa, como en el caso anterior, es que una vez dentro de una estructura de este tipo es complicado cambiar de proveedores de alojamiento o de mensajería, teniendo prácticamente que partir de cero si el servicio no es de nuestro agrado. Lo mejor es la potencia de esta plataforma que nos permitirá crecer sin preocuparnos de la logística.

Gestor de contenidos. Esta es una de las alternativas más positivas por la facilidad de gestión que ofrece a la hora de crear el catálogo online, tenerlo siempre al día y, en definitiva, gestionar la tienda de forma sencilla. Si utilizamos un gestor de contenidos para hacer nuestra tienda online, ya sea Magento, PrestaShop, Joomla, Drupal o incluso WordPress, por citar algunos ejemplos, siempre tendremos el control de nuestro producto.

13

Lo mejor de esta cuestión es que no quedamos atados con nadie. Si hemos contratado un diseñador web para poner en marcha la tienda o una empresa que nos lo realice y no nos ha gustado el trabajo podremos migrar fácilmente de alojamiento y contratar a otra persona que continúe el trabajo sin mayor problema. Mantener la tienda y la página siempre actualizadas depende ya de nosotros. Además los costes de actualización, una vez montada toda la estructura los costes de mantenimiento no son elevados, ya que crear productos nuevos, eliminar antiguos y gestionar el catálogo es realmente sencillo y rápido, prácticamente al alcance de cualquiera que sepa utilizar un procesador de textos y tenga unos mínimos conocimientos de edición de imágenes. El modelo que más se ajuste y se adecue a cada empresa tiene que evaluarse de manera personal. Al igual que no existen dos empresas iguales, el modelo de gestión para montar la tienda online para una pequeña empresa no tiene que ser igual que para un restaurante que quiere realizar pedidos a domicilio. De nada nos sirve tener un gestor de contenidos para actualizar la tienda online si carecemos de los conocimientos o el tiempo necesario para realizarlo.

14

Etapas previas a la creación del sitio web.

Conectarse a Internet. Es importante estar conectado, si es posible con banda ancha y tarifa plana. Existen diferentes tipos de conexión a Internet y diferentes proveedores. Deben estudiarse bien las diferentes ofertas de los proveedores para obtener la mejor elección.

Comprar un nombre de dominio. Los proveedores de acceso suelen ofrecer espacio para alojar sitios web. Las direcciones que proponen son difíciles de recordar y, además, usted hace publicidad a su proveedor lo cual no resulta interesante para su empresa.

Es preferible disponer de un nombre de dominio propio. Sus clientes recordarán más fácilmente la dirección y usted mostrará una buena imagen de la empresa. Elegir un nombre de dominio: Un nombre de dominio debe ser único. Normalmente los nombres de dominio terminan en ".com" o ".es". Elija nombres fáciles de recordar para sus clientes. Comprar un ".com": Puede comprarse el nombre a INTERNIC directamente o bien a otros proveedores. Todo el procedimiento se puede hacer on-line en el sitio: http://www.nic.com. El precio ronda los 60 euros para dos años.

15

Comprar un ".es": La petición de compra debe hacerse al ESNIC. Es necesario presentar: el CIF y un certificado de registro de marca.

Declarar el sitio en la AGPD. Deben declararse:

La recogida de datos personales de clientes. La finalidad de esta recogida.

Esta declaración puede efectuarse on-line en el sitio de la AGPD: http://www.agpd.es.

Encontrar un proveedor. Para tener un sitio Internet hay que tener un proveedor. Un proveedor es una empresa que aloja todos los ficheros que constituyen su sitio web. Existen muchas empresas que ofrecen alojamiento Web a diferentes precios y que proporcionan distintos servicios complementarios. Los servicios proporcionados normalmente por los proveedores son:

Cortafuegos. Estadísticas. Acceso FTP (File Transfert Protocol). Cuentas e-mail. Herramientas de comunicación para el sitio.

Hasta ahora hemos visto una pequeña introducción al comercio y los negocios a través de internet y hemos dado algunas pistas sobre la creación de tiendas online. A lo largo de este curso desarrollaremos la idea de la creación de una tienda online, tanto su configuración como su gestión. Para ello, nos basaremos primordialmente en el gestor de contenidos Pretashop, a través del cuál veremos los pasos a seguir para configurar y gestionar nuestra tienda online.

16

MÓDULO 2. ANTES DE EMPEZAR: OBJETIVOS DE NEGOCIO

Y ESTRUCTURA DE LA CARTERA ONLINE. Crear una tienda online a partir de una idea empresarial no es tarea fácil. Deben tenerse una estructura de la estrategia muy bien definida, comprender todos los ámbitos en los que queremos meter a nuestra empresa y comenzar a diseñar los propios objetivos del negocio onlines, pensando siempre en los clientes. Así, en este módulo aclararemos algunos conceptos sobre qué es una página web corporativa y de qué elementos está compuesta, cómo desarrollar la propia tienda online, teniendo presentes en todo momento los objetivos de negocio. Y por último nos centraremos en cómo enfocar la Web a los clientes, como captarlos y lo que es más importante, cómo mantener esta cartera de clientes. Página web corporativa. La página web oficial de una empresa constituye su presencia en el mundo virtual, donde los clientes o posibles consumidores pueden acudir a recibir información de la empresa, consultar productos o servicios, encontrar cómo contactar, etc., y no debe de convertirse en una extensión de la empresa física, sino formar parte de una misma concepción, y tratar la web corporativa como si del local o entorno físico donde se encuentra ubicada la empresa se tratase.

17

Para conceptualizar nuestra página y poder definir su funcionalidad, existen multitud de clasificaciones tipológicas que atienden a diferentes tipos de criterios, las más clásicas para realizar la distinción entre las webs aludían a la complejidad en la elaboración de las mismas, cuando el uso de la tecnología marcaba una gran distancia entre unas páginas y otras. Otra que ha sido más utilizada hasta que se produjo la nueva configuración de la wev, y más cercana a la que realizaremos a continuación, es la que clasifica en función del contenido publicado. Utilizando como base esta clasificación, vamos a distinguir entre tres tipos de páginas corporativas:

Web corporativa estática. Web corporativa dinámica. Web corporativa participativa.

Uno de los errores frecuentes en los que se suele incurrir, es en la sobreutilización de elementos que no son necesarios para realizar la comunicación que desde la emprea se pretende emitir. La configuración de la misma debe estar acorde con la filosofía empresarial tanto en el diseño como en la presentación de la información, si no necesitamos incluir videos, imágenes o zonas para promover la partecipación, no hay que forzar su integración porque estaremos desperdiciando esfuerzos y perjudicando la comunicación que pretendemos, todo lo que no debería de estar, se considera ruido. Igual suele ocurrir con la actualización del contenido, si no es necesario no es recomendable sobresaturar de información y contenido sin sentido. A continuación hacemos una breve descripción de los tipos de webs en las que fijarnos para poder desarrollar nuestro propio sitio corporativo.

Web estática. La mayoría de los sitios web que las empresas utiliza para comunicarse con su público, son totalmente estáticas, donde el contenido es actualizado a través de profesionales con conocimientos específicos en informática y programación. Cualquier cambio, por minúsculo que fuera, necesita de su intervención.

18

Aunque se considera que este tipo de páginas denota cierta desactualización, todavía sigue siendo usado por aquellas organizaciones que por filosofía o estrategia definida desde la dirección no centra sus esfuerzos en la red, ya sea por falta de conocimiento del beneficio que ello supone para su marca en la mayoría de las ocasiones, por desconfianza o falta de presupuesto. En cualquier caso, como hemos estado viendo resulta una decisión un tanto equivocada. El objetivo que se pretende cubrir con este tipo de proyectos web consiste normalmente en mostrar solamente la presencia de la empresa en la red, prestando especial importancia a los sistemas y medios de contacto con la empresa física.

Web dinámica. Este tipo de web corporativas está formado por aquellas páginas que utilizan para configurar su contenido tanto secciones estáticas que no suelen ser modificadas con asiduidad, como secciones dinámicas que suelen ser modificadas para renovar la información expuesta o para la introducción de nuevos elementos.

Aquellas zonas de la web que son calificadas de estáticas, suelen estar relacionadas sobre todo con la estructura de la propia página y con la distribución de sus contenidos. Mientras que las zonas dinámicas suelen utilizarse para las secciones dedicadas a los servicios y productos, lógicamente porque la oferta presentada al consumidor pueda variar en función de la estacionalidad, presentación de ofertas, etc. de forma que a la hora de diseñar la página web es recomendable utilizar sistemas de

19

programación que permitan que un miembro de la plantilla pueda realizar los cambios de forma más sencilla y rápida posible, sin necesidad de acudir al servicio profesional de un programador externo a la organización. Dentro del grupo de páginas webs dinámicas se suelen incluir también aquellos sitios utilizados como tiendas virtuales, portales, etc.

Web participativa. Se incluye dentro de este tipo de web a aquellos sitios corporativos que de alguna forma permiten que el usuario publique contenido, exprese su opinión, interactúe con otros usuarios, etc. Las empresas que desarrollan este tipo de recursos suelen mostrar una muy marcada orientación al cliente. Cuando hablamos de Web participatiba corporativa, hay que ser muy cuidadoso con el tipo de información que los usuarios pueden publicar, porque puede convertirse en un lugar donde los posibles cliente descontentos expresen su opinión con el objetivo de desmejorar nuestra imagen y dañar a nuestra empresa.

La recomendación para que nuestra página Web se convierta en un lugar de peregrinación de los usuarios, un lugar en el que puedan conocer la empresa, sus valores, los servicios, es recomendable utilizar un contenido dinámico que se actualice de forma periódica y que se configure de acuerdo a los principios que hemos planteado en la definición de la estrategia de nuestro negocio, reservando un espacio dentro de la misma para la presentación de la comunidad y mostrando a los usuarios, la existencia de la empresa en diferentes medios sociales a través de

iconos, que permitan enlazar directamente con los demás perfiles sociales desarrollados desde nuestra organización. Será este lugar donde sí se pueda dialogar directamente con los usuarios sin tener la necesidad de poner en peligro nuestra base de operaciones en la red, es decir, nuestra página web corporativa.

20

Recomendaciones para la creación de la web. Dada la importancia que la página web corporativa de una empresa tiene en Internet, hay ciertos puntos que se deben tener en cuenta al comenzar a trabajar en un nuevo sitio. Parecen aspectos simples, que supuestamente ya son conocidos, y que probablemente así sea, pero que en el proceso de creación de un nuevo proyecto es recomendable recordar: Debe formar parte de la integración del marketing online. La página web oficial de una empresa se convierte en la fuente de todos los demás enlaces y acciones de Marketing 2.0, hacia ella vamos a tratar de remitir todo el tráfico de usuarios ya que es en ésta donde realmente la empresa tiene su existencia, y los individuos que acudan a ella lo harán de forma voluntaria y con interés por el contenido que en este espacio se publica. Palabras clave, título y etiquetas. Completar estos datos a la hora de crear nuestra página web resulta de vitar imporancia para que los buscadores puedan localizar el sitio e indexarlo entre sus resultados de búsqueda. Aporta una imagen muy poco profesional introducir una palabra clave en un motor de búsqueda y encontrarnos con un sitio que tiene como título “documento sin título”. Indexado de la Web. Igual que hemos realizado con el títulos y las etiquetas, debemos hacer con el contenido. En muchas ocasiones, como suele ocurrir en su mayoría con los blogs corporativos, el usuario accede a través de los buscadores a un artículo concreto o a un comentario determinado. Compatibilidad con los navegadores. A la hora de definir el documento deberemos compatibilizar el contenido del sitio web con los diferentes buscadores, o al menos, comprobar tras el diseño y la publicación en Internet que la visualización en los principales navegadores es correcta y que toda la información aparece sin ningún tipo de error. Compatibilidad de resoluciones. La gran variedad de pantallas de las que disponen los usuarios, hace que sea recomendable diseñar la Web para que pueda ser visualizada con las resoluciones más estandarizadas, como puede ser la 800x600 o la 1024x768, resulta muy incómodo para la lectura tener que desplazar la barra horizontal del navegador para leer al completo la Web.

21

Facilidad en la navegación. La distribución del contenido se debe realizar de forma lógica y sin demasiadas divisiones, ya qe cimplica la navegación y fomenta la desubicación del usuario. Para facilitarla podemos recurrir a los mapas del sitio o a los breadcrumbs.

El término breadcrumb que se traduce al español como desmigado, es un recurso similar a los conocidos mapas del sitio, y su objetivo consiste en ayudar al usuario a localizar en qué parte de la Web se encuentra si el entramado, la información y el contenido pueden inducir a la confusión. Rapidez del loading. La mayoría de los usuarios que encuentran problemas en la carga del contenido de la página acaban por cerrar la ventana y seguir buscando la información deseada a través de los demás resultados de los buscadores. Habrá por lo tanto que evitar que los recursos incluidos en la Web pesen en demasía, huyendo de las cargas interminables. Diseño atractivo. El diseño de la Web debe estar en consonancia con la identidad corporativa, ayudando a comunicar los valores predefinidos en nuestra estrategia y además favoreciendo la identificación de todos los elementos de nuestro sitio. Actualización del contenido. Es uno de los principios básicos del Marketing 2.0, hay que ofrecer al usuario un contenido útil, que satisfaga sus necesidades, creativo y además que se actualizado regularmente. Si nos esforzamos por crear este tipo de información, pero no la actualizamos, el usuario solo visitará nuestra web una sola vez, en cambio si a través del RSS

22

(Rapid Signal Service) va recibiendo información, dinamizaremos la relación con él, acercándolo a nuestra propia Web. Cabecera corporativa. La cabecera es el primer elemento que los usuarios verán cuando accedan a la Web, debe ser perfectamente representativa de la empresa. Feeds. Hoy en día y con la actual configuración de la red, un sitio no estará completo si no incorpora las diferentes opciones de suscripción. Cómo desarrollar una tienda de comercio electrónico. Una de las principales diferencias entre el comercio electrónico y el comercio “físico” es el uso de la tecnología. Como ya dijimos en el módulo anterior, en la mayor parte de las ocasiones, la principal barrera de entrada al comercio en internet es el desconocimiento de las tecnologías y funcionalidades que conforman la tienda y el propio medio en el que se va a desenvolver la empresa a la hora de vender sus productos o servicios. En este módulo revisaremos, no solo las distintas opciones tecnológicas a la hora de lanzar una tienda en internet, siendo éstas muy variadas y adaptándose a las distintas necesidades, sino también los propios objetivos de negocio y la estructuración de la cartera de clientes que se pretende para nuestra tienda online. En la elección de la tecnología para nuestra tienda veremos cómo uno de los principales factores a la hora de decidirnos serán las funcionalidades que la tecnología nos ofrezca y sus posibilidades de adaptarse a nuestro negocio según éste vaya incrementado sus ventas (objetivo de negocio) y su tamaño (cartera de clientes). Selección de la tecnología. Uno de los puntos críticos a la hora de vender en internet es la selección de la tecnología que vamos a utilizar. Esto es porque será un condicionante del crecimiento de nuestro negocio, y por tanto es necesario tomarse el tiempo suficiente para evaluar las distintas opciones existentes en el mercado y decidir en función a criterios objetivos del negocio que nuestra empresa espera alcanzar.

23

Por tanto, antes de elegir la tecnología, es necesario realizar una ejercicio de análisis de hasta dónde queremos llegar en la venta en internet. Con sólo dos preguntas que nos realicemos podremos tener una idea bastante clara de hacia qué solución tecnológica debemos tender:

¿Queremos introducirnos como una primera fase de test de aceptación de nuestros productos en internet?

Si la respuesta es “Sí”, tendremos que utilizar una solución que pueda permitirnos vender de forma rápida y con la suficiente visibilidad de nuestros productos al menor coste posible.

¿Sabemos que nuestro producto tiene una alta aceptación y que internet es una gran oportunidad?.

En este caso tenemos un enfoque de venta a largo plazo y con una inversión mayor. Las necesidades tecnológicas también serán mayores, ya que probablemente para ser eficientes en el proceso de venta necesitaremos integrar los sistemas de contabilidad, gestión de clientes, gestión de proveedores… etc.

No obstante, previo a desarrollar toda la fase que precede a la creación y configuración de una tienda online y a comentar los principios de su gestión deberemos tener claras las implicaciones en el ámbito empresarial, los objetivos de negocio y el público al que va dirigida nuestra tienda de manera primordial. Implicaciones en el ámbito empresarial. Sin duda, el mundo de la empresa es uno de los que más ha asimilado e incorporado a su forma de gestión y desarrollo todo lo relativo a estrategias, herramientos, recursos y espacios 2.0, tanto lo orientado a los clientes como a sus propios empleados.

24

Las características principales de las empresas 2.0 (empresas con presencia en la Web) son las que a continuación especificamos:

11.. Horizontalidad. Habiendo las mínimas jerarquías posibles. El empleado de una empresa en la que manda el conocimiento sabe que él es una pieza clave de todo el entramado y, por tanto, debe exigir una mayor participación en todas las decisiones. Esto se debe traducir, sobre todo, en que sus posibilidades de expresarse sean totales. El jefe debe seguir existiendo pero debe ser una persona plenamente disponible y, sobre todo, debe ser un líder que se gane esa posición. Al mismo tiempo, los empleados también deben absorber muchas más responsabilidades para justificar esa horizontalidad.

22.. Diversión. Sí, el empleado 2.0 quiere que su trabajo sea creativo y enriquecedor no debe hacer de la empresa el centro latente de su vida.

33.. Innovación. Relacionado con lo anterior, la empresa 2.0 debe estar permanentemente buscando nuevos retos para que sus miembros no se aburran o distraigan. Desde la empresa debe fomentarse la inquietud del empleado para que explore nuevas formas y metodologías para llevara a cabo su trabajo. También los empleados 2.0 deben corresponder con un espíritu crítico que permanentemente les lleve a sugerir cambios y mejoras.

44.. Colaboración. La empresa 2.0 debe fomentar el trabajo en equipo, porque de él salen decidisiones y productos mucho más polivalentes y enriquecidos. Lo mismo respecto a su colaboración con el entorno y, sobre todo, con sus clientes y proveedores. Sin embargo, también hay que reivindicar el trabajo individual.

55.. Transparencia. Esto resulta fundamental para cualquier organización 2.0 y está relacionado con la horizontalidad. Es importante que los empleados tengan toda la información necesaria para poder participar en las decisiones. Sin embargo, en la empresa 2.0 también hay diferencias salariales e información que no puede salir de determinados círculos.

Ciertamente, estas características harían de la empresa, una emprea ideal, aunque si bien es cierto, es complicado de llevar a cabo. La tendencia general de las empresas va en esta línea, pero no sólo se ha de cimentar sobre un cabio de

25

ideología desde la directiva, sino también desde los empleados quienes son la fuerza real a desarrollar para llevar a cabo estos cambios. Sus actitudes, su forma de actuar, su implicación con el proyecto corporativo, etc., son elementos fundamentales para llegar al éxito. Esta necesaria transformación hacia la 2.0, trae consigo otra acuciante necesidad y es la de analizar y escoger aquellas herramientas, recursos y estrategias de carácter, que pueden ayudar a la empresa en su desarrollo, en su evolución, en la implantación y ampliación de su imagen, producto actividad, a una forma de aplicación donde el espacio virtual se está conformando como una cuestión esencial y una vía de desarrollo a tener en cuenta.

Espacios como la página Web, supone un auténtico escaparate para el servicio o producto de una empresa; un blog puede ser un canal de información y comunicación con los usuarios de la empresa, además de ser fiel reflejo de la filosofía de la misma, de su ideología y de sus estrategias; foros, chats, que junto con los blog, permiten interaccionar con los usuarios, resolver dudas y consultas, etc.; del mismo modo el

correo electrónico es uno de los recursos más utilizados por los usuarios, espacios donde colocar documentos, catálogos, videos de la empresa, etc., constituyen un elemento que ofrece una imagen muy innovadora de la empresa. Todos estos espacios y recursos, requieren de la adquisición, por parte de directivos y trabajadores, de cierta habilidades y conocimientos que hasta ahora no se había dado. Implica la actualización y reciclaje formativo constante de la plantilla. Todo tiene un lado menos motivador. Por otra parte, la empresa ha visto en las redes sociales un recurso esencial, otorgándole un papel fundamental en su desarrollo hacia la empresa 2.0. Las redes sociales implican un proceso de socialización del negocio, de la empresa, que va mucho más allá que simplemente crear un blog o un foro.

26

La idea de generar una empresa conlleva de forma implícita fomentar en los miembros de la misma, la implicación, la pertenencia y el sentido de comunidad. Aunque este proceso no es tan sencillo, no se consigue con tan solo utilizar las herramientas disponibles. Como miembro de la comunidad (tu empresa, tus clientes, tus compañeros, etc.), trae consigo la necesidad de compromiso con mi comunidad, estar abierto a la participación, promocionarla, ser accesible, generar confiaza a los clientes, etc., y sobre todo entender que la comunidad es un ente vivo, que crece cada día, que está viva y que hay que atenderla. De forma simple, la empresa 2.0 se caracteriza por una serie de elementos que vemos a continuación: Transforma sus operaciones y forma de trabajo, creando redes sociales entre clientes, empleados y asociados. Esto permite que todos aquellos involucrados en los procesos ante y post venta estén comunicados. De esta manera cada uno puede aportar desde sus perspectivas mejorando el producto final. Extiende su presencial y alcance más allá de los límites locales y regionales. Al estar conectados, se es miembro de una red. Esto da acceso a todos los hogares que poseen un ordenador. Solo se necesita delimitar bien el público objetivo para realizar una campaña innovadora. Converge voz, datos y video a través de un solo medio, Internet. Los medios de comunicación convencionales no permiten explotar todos los sentidos de las personas para que reciban el mensaje. Utiliza blogs y wikis para documentar en tiempo real la operación del negocio. Todas las personas interesadas en la empresa pueden enterarse de los acontecimientos o noticias en tiempo real sucedidos con relación a la organización. Puede disfrutar de las ventajas competitivas de una empresa grande. El gran margen de acción que otorga Internet permite elaborar estrategias y compañas de gran envergadura con bajos presupuestos. Anteriormente, las estrategias más importantes eran exclusivas de las empresas grandes por su gran poder de inversión, pero con la Web, este hecho queda anclado en el pasado.

27

Libertad para sus empleados, que pueden trabajar en cualquier lugar, sólo les basta estar conectados. El trabajo, años atrás, estaba destinado a una oficina gastando recursos innecesarios como alimentación, espacio, transportes. Con la Web 2.0 las personas solo necesitan tener conexión a Internet para desempeñar diversas funciones con la misma o mayor eficación de antes.

Estas son las bases que conforman a las empresas 2.0. Pasemos a continuación a meternos más de lleno en lo que conforman los propios objetivos de negocio de las empresas. Los objetivos de negocio. El análisis interno y objetivos del negocio. Es tan necesario conocer los factores externos que nos rodean como el análisis interno y objetivos del negocio, conocer los factores internos que van a influir en el desarrollo de la iniciativa. La importancia de conocer y analizar los factores internos de la empresa, de manera independiente, sin ser ni excesivamente indulgentes ni extremadamente estrictos, nos dará una idea de nuestras posibilidades y capacidades, así como de nuestros puntos fuertes a potenciar y los débiles a cubrir y enmendar. Hay que dedicar un apartado a identificar nuestras debilidades, es decir, todo aquello en que es menos fuerte la iniciativa y nosotros mismos, puede que sea la situación financiera (muy común en las nuevas iniciativas) la inexperiencia, la falta de clientes, etc., hay que consignar todo y no obviar nada, no hay que temer sacar a la luz los puntos débiles, pues se deben primero conocer para luego compensar. Igual proceso hay que realizar con los puntos fuertes, sea alguna de nuestras capacidades personales, la imagen que damos, la red de aliados, nuestra ventaja

28

competitiva, lo que sea que tenga nuestra empresa y nos favorezca habrá también que especificarlo y ponerlo por escrito. Tenga en cuenta que para todos los casos habrá que detallar sólo aspectos relevantes, si se detallan temas sin importancia se producirá mucho ruido en el análisis. Deben determinarse los puntos clave positivos y negativos tanto internos como externos, relevantes para su iniciativa, que se deben sacar a la luz ordenadamente. La formulación de objetivos. Gracias a los pasos anteriores ya conocemos nuestra misión, nuestras limitaciones y potencial, los puntos que juegan a nuestro favor y en contra, etc. con todo ello ya debería comenzar a ser capaz de desarrollar unos primeros objetivos para su actividad y en eso consiste este paso. La cuestión es plantearse metas, objetivos a los que llegar y cumplir. Estos objetivos deben siempre cumplir las siguientes condiciones: Adecuados: que expresen lo que realmente quiere conseguir, recuerde su misión y su visión. Realistas: vuelva a su análisis, tanto interno como externo y no ponga cifras que no sean reales. Se debe ser coherente con lo que ha descubierto en los pasos anteriores, si nuestra posición no es la de líder, no podemos aspirar a ponernos los mismos objetivos que ese líder. Oportunos: hay que aclarar cuando se pretenden conseguir dichos objetivos, tanto los críticos finales, como los intermedios: qué hay que saber, en qué tiempo queremos conseguir el objetivo, por qué si no ponemos la dimensión temporal como límite se vuelven difusos. Medibles: hay que establecer cifras concretas, 100, 200, 300, lo que sea, pero que luego pueda contrastar con la realidad y modificar si es necesario, porque si no nunca sabremos si llegamos o si nos pasamos. Alcanzables: Hay que apuntar alto, porque se deben tener aspiraciones y luchar por ellas, pero no se deben poner cifras de sueños imposibles en un tiempo

29

igualmente imposible. Repase la lista de objetivos que se ha planteado, compruebe que cumplen las condiciones anteriores y que se basan en suposiciones (porque esta parte siempre será una estimación) que son reales y están fundamentadas en sus análisis anteriores y no sólo en su intuición.

La tarea más importante de un analista web es tener claros los objetivos del site. Sin conocer estos objetivos, será imposible crear y manejar una cultura de negocios basada en la analítica web. Es la base de nuestra estrategia. Los objetivos deben ser específicos, realistas y sobre todo, se deben poder medir. El

analista web debe ser responsable de facilitar el proceso de la definición de los objetivos de negocio, junto con los responsables de negocio. ¿De qué manera se puede participar en este proceso? Conociendo nuestro site y preguntándonos:

¿Por qué existimos en Internet? ¿Qué estamos aportando al negocio? ¿Qué pretendemos sacar y cómo podemos hacerlo?

Los objetivos pueden focalizarse en el propio negocio, o en las necesidades de los clientes. Los que se refieren al negocio se clasifican en dos grandes grupos. Los que hablan de bajar costes y los que hablan de incrementar beneficios, así como cualquier combinación entre ambos. Este tipo de objetivos pueden referirse a:

Dirigir tráfico a otros canales offline y explotar la venta cruzada (conseguir un 30% de las ventas o llevar un 20% de clientes a pedir más información en el call center).

30

Testar nuevos productos o promociones o diseños o usabilidad (incrementar un 2% las solicitudes de contratación de un nuevo producto).

Generar leads o contactos (obtener 1.000 nuevos clientes).

Monetizar contenido y marketing (disminuir 5% el coste de un nuevo cliente

por la web, aumentar 1% el ROI de cada campaña).

Construir imagen de marca (relevancia de la marca en el sector, en buscadores, en redes sociales).

Rebajar los costes de servicio al cliente y del call center (reducir en un 20%

el número de clientes que llaman al call center mediante la resolución de incidencias online).

Ahorrar tiempo y dinero al facilitar tareas que forman parte de nuestra rutina

(disminuir 15% el coste de material de papel y sellos y un 10% los costes de dedicación de personal).

Los objetivos que se centran en el cliente tienen como reto conseguir un canal eficiente para los visitantes, y proveer de un alto nivel de personalización y relevancia a nuestra web:

Incrementar el nivel de servicio al cliente, centrándonos en el antes (aumentar 5% el paso de potenciales a clientes), el durante (información de los productos y servicios), y el después (garantías, reparaciones, atención al cliente).

Comunicar información de la compañía, exponer catálogo de productos (incrementar 5% el tráfico a nuestro site).

Fidelización del cliente y apoyo a la venta (aumentar 30% la recompra del cliente en el mismo mes de la adquisición).

Crear experiencia de producto y de cliente (conocer las preferencias de nuestros usuarios para dar mejor servicio).

31

Permitir el feedback de nuestros clientes (subir un 10% el índice de satisfacción de clientes).

La medición de los objetivos. Cuando tengamos claros los objetivos de nuestra organización en general, y de cada departamento en particular, nuestra tarea será definir las KPI’s (Key Performance Indicators), es decir, definir las métricas necesarias para saber cómo de cerca o lejos estamos de alcanzar los objetivos propuestos, estableciendo un plazo de control sobre los mismos. Será el momento de decidir cómo vamos a medir cada objetivo, qué métricas están implicadas y cómo podemos alcanzar el objetivo. Como ejemplo, podemos tomar el objetivo de aumentar un 30% la recompra de un cliente en un semestre. ¿Qué métricas pueden ser importantes a tener en cuenta para formar la KPI que mejor defina si estamos teniendo éxito en nuestro objetivo? Vamos a comentar algunas que, a cualquier negocio que tenga este objetivo, pueden resultarle interesantes:

Número de visitas de clientes en el periodo. Tanto por ciento de visitas de clientes en el periodo respecto al total de las visitas.

Número de visitas de clientes que repiten en el periodo. Tanto por ciento de clientes que repiten respecto al total de clientes. Recency (cuanto tardan los clientes en volver).

En nuestras manos está el decidir qué composición haremos para medir en qué punto estamos. Esto depende del negocio y del propio objetivo en sí. Definir los objetivos y recopilar métricas constituye la base de todo buen guión. Sin embargo, el convertir los objetivos de negocio en métricas web, es una tarea dura. A continuación exponemos un modelo que refleja el proceso a seguir. Diseñar métricas para medir objetivos de negocio. El modelo. Un negocio puede tener muchos objetivos. El propio canal web puede ser parte de un único objetivo o formar parte de varios. Es imprescindible tener los objetivos del

32

negocio bien definidos, de esta manera será más fácil definir en qué aspectos puede ayudar el site. Si el site es de ventas, es fácil saber los objetivos del mismo. No obstante, si el objetivo de negocio no es específicamente de ventas, no será tan fácil determinar los objetivos, pues pueden ir desde la reputación de la empresa hasta la fidelización de clientes. La táctica más simple que podemos emplear, para tener cada objetivo más claro, es definir qué acción debe hacer el visitante para considerar que tenemos éxito. ¿Debe rellenar un formulario? ¿Llamar a algún teléfono? ¿Descargarse un pdf? ¿Terminar de ver un video? Este objetivo es importante fijarlo junto a alguien que forme parte del propio negocio y que esté pendiente de los informes.

Una vez se tenga definido el objetivo del site se deberá seleccionar la métrica (o métricas), que determine/n el éxito al alcanzar dicho objetivo. Para comenzar, tendremos que determinar cuántas visitas hemos tenido y cuántas han llegado al éxito. Habiendo tantos tipos de métricas, puede tomarse la decisión de elegir algunas, como las que hemos comentado más arriba, seguirlas durante distintos períodos de tiempo y decidir si son efectivas y nos transmiten información válida o no se ajustan del todo al objetivo marcado y en este caso elegir nuevas métricas que nos ayuden de manera más efectiva y nos puedan llevar al éxito.

33

Igual de importante es monetizar la métrica, definir un valor en euros para el evento de éxito. No tiene por qué ser un valor preciso, pero es básico tomar un marco de referencia para tomar decisiones sobre el site. Si tenemos 10 objetivos en el site y todos tienen un valor cuantitativo, será más fácil comparar el éxito que estamos teniendo en cada uno, además de saber cómo de cerca o lejos nos encontramos de alcanzarlos. ¿Cuánto nos cuesta generar un lead? ¿Y lograr una venta? ¿Y derivar una llamada? ¿Y solicitar información sobre un producto o servicio? Es decir, ¿cómo asignamos este valor? Hay que identificar todas las acciones que pueda realizar el usuario en la web y priorizarlas. Así, cuando se comparen entre sí, se podrá ver el efecto que tiene cada una en el logro de nuestro mayor objetivo, y de esta manera optimizar nuestra web. Veamos algunos ejemplos de lo que se quiere decir con métricas a las que añadimos un valor, es decir, a las que monetizamos:

Objetivo de negocio: Incrementar el número de suscriptores a nuestro catálogo online.

Objetivo de la web: Lograr nuevos leads a través de nuevos visitantes.

Métricas: visitantes únicos, tasa de conversión (mandar relleno el formulario).

Valor: 2.000 nuevos suscriptores, a 50 euros el lead = 100.000 euros.

Si los datos son cuantitativos podremos presentar a los implicados en el negocio los resultados que se están consiguiendo, de manera que lo vean más claro y entiendan el grado de impacto con mayor precisión. Adaptación de los objetivos a las necesidades. Conocer al público objetivo es de gran importancia para obtener un sitio web de éxito, sea cual sea la temática que tratemos o el objetivo que deseemos cumplir. Ahora vamos a dar algunas ideas que podemos desempeñar para conseguir esos datos de nuestros usuarios, de modo que podamos identificar nuestro público objetivo.

34

Está claro que con nuestro propio sentido común podemos saber qué tipo de público nos va a visitar, además de adaptar nuestro sitio para que lo puedan usar con comodidad el mayor rango de usuarios posibles. Pero, cuanta más información dispongamos, más fácil será tomar las decisiones correctas y para ello podemos poner en marcha varias estrategias.

Analizar el perfil de los usuarios que nos contactan. Una de las maneras más fáciles, asequibles y directas de conocer quién nos visita es analizar el perfil de las personas que se ponen en contacto con nosotros, sea cual sea la vía de comunicación que utilicen. Por ejemplo, podemos analizar todo el correo electrónico que recibimos, los formularios de contacto que nos envían, o incluso las llamadas de teléfono a nuestras oficinas. Todos estos datos nos darán un perfil de usuario/s que entran en nuestro sitio. Otro dato muy interesante que podremos deducir de este análisis es el grado de utilización de nuestros contenidos o servicios, ya que muy probablemente las personas que se han puesto en contacto nos harán solicitudes de información o nos reportarán problemas que han encontrado en la utilización del sitio. Todas estas informaciones nos darán pistas sobre lo que tenemos que hacer para mejorar nuestra web, los contenidos y la facilidad de uso de los servicios que ofrezcamos. Para obtener una información completa sobre el perfil de usuario, tenemos que solicitar, en la medida de lo posible, de los usuarios ciertas informaciones personales. Por ejemplo será útil conocer el sexo, edad, localización del visitante, grado de utilización de Internet, relación con nuestra marca (y nuestros productos o servicios), cómo nos ha conocido, etc.

Analizar nuestro servicio de estadísticas. Hasta las webs más básicas tienen un servicio de estadísticas. Muchas veces lo ofrece nuestro propio servicio de hosting y, en caso que no sea así, podemos instalar un servicio gratuito en pocos minutos como Google Analytics. En nuestro servicio de estadísticas podemos obtener muchas informaciones interesantes y de lo más variadas. No nos ofrecerán datos personales de nuestros usuarios, pero al menos podremos saber otras cosas, como los recorridos que

35

realizan en el sitio para llegar a las informaciones, los puntos de entrada y los de fuga de visitantes, los tramos de horas o de días que más nos visitan, los países de donde provienen las personas, etc. Todos estos datos, bien analizados nos darán pistas sobre qué es lo que más se consulta, si es fácil la navegación o donde se quedan parados los usuarios en el recorrido de uso del sitio. O bien nos servirá para cuantificar nuestros esfuerzos de comunicación de nuestra marca en Internet por medio de enlaces o banners. Estas pistas las podremos utilizar para reestructurar el sitio, los mecanismos de compra o nuestras actividades de promoción.

Encuestas de uso. Otro método que podemos poner en marcha es la creación de encuestas para que los usuarios que nos visitan nos cuenten cuál es su experiencia con el sitio y el grado de satisfacción al usarlo. En estas encuestas debemos recabar toda la información posible que nos ayude a decidir futuras actualizaciones. No se trata simplemente que nos diga si algo le parece bien o mal, sino que nos pueda dar su opinión en qué se podría mejorar, los problemas que pueda haber encontrado y con ello podremos obtener soluciones a los asuntos más habituales. Podemos hasta preguntar sobre ideas que hayamos tenido, para ver el grado de interés de las personas y así saber hasta qué punto merece la pena desarrollarlas. Las encuestas pueden enviarse por correo electrónico a nuestra lista de usuarios o se pueden colocar en la propia página avisos pidiendo su realización. Como sabemos que lo más fácil es que los usuarios no quieran otorgarnos un poco de su precioso tiempo para rellenar la encuesta, podemos compensarlos con pequeños beneficios, sorteos o cualquier cosa que se nos ocurra y que anime a la participación.

36

El mundo offline también nos puede dar datos. Casi siempre, para nuestra empresa o nuestro sitio web, tenemos ciertas personas a las que preguntar en el mundo offline, es decir, personas que tenemos a mano en el mundo real y que nos pueden dar una visión sobre lo que hacemos bien o mal y sobre lo que esperan que nuestra página web les ofrezca. En este sentido podemos preguntar a clientes actuales de nuestra empresa qué es lo que esperan que la página les proporcione. Esta misma pregunta también podemos hacérsela a nuestros proveedores, que también deben saber bastante sobre el negocio que desempeñamos y nos pueden dar ideas o metas a realizar. La empresa debe conocer a diversas personas que se incluyen dentro del público objetivo del sitio y podemos preparar un correo para que nos digan qué les parece el sitio, si lo han sabido manejar y qué les gustaría que se mejorase. En caso que nuestro correo no reciba muchas respuestas podemos llamar a estas personas para intentar recabar cuantas más informaciones mejor.

Estudiar los competidores que han tenido éxito. Otro modo de saber hacia donde dirigir nuestros esfuerzos es el estudio de la competencia. Claro que debemos centrarnos en aquellas empresas que han tenido éxito y cuyas páginas, es de suponer, que estén bien realizadas. Las páginas de las grandes empresas suelen estar realizadas por agencias que tienen buenos mecanismos para definición de objetivos, análisis y adecuación de los contenidos a la audiencia. Por ello pueden ser un lugar muy útil donde recabar ideas. Aunque debemos admitir que no siempre grandes empresas tienen las mejores páginas, pero eso cabe analizar un buen número de webs y ver cuáles son las que mejor han desarrollado las soluciones. De modo que, no sólo podremos tomar buenas ideas, sino también detectar puntos flacos de los competidores, que debemos realizar de una mejor manera para intentar comer un pedazo del mercado online. Estos son algunos de los métodos, más al alcance de cualquier desarrollador o empresa para definir el público objetivo, que será fundamental para construir una

37

página web que de verdad solucione las necesidades de las personas que van a visitarla. Pero no hay que olvidarse de utilizar nuestro propio sentido común y experiencias en el mercado donde estemos trabajando. Gestión de clientes. La fidelización de los clientes requiere un proceso de gestión de clientes que parte de un conocimiento profundo de los mismos. La investigación comercial de los clientes nos facilita la información que nos permitirá adaptar el servicio al cliente concreto y gestionar el proceso para conseguir una alta satisfacción con el servicio.

Partiendo de la información sobre los clientes podemos agruparlos en función de su respuesta a las actividades de marketing. Realizamos una segmentación de los clientes formando grupos internamente los más homogéneos posible. La fidelización no trata de mantener a todos los clientes como consumidores

durante años. Se trata de mejorar la rentabilidad a largo plazo de la empresa y generalmente esto implica eliminar a muchos de los clientes menos rentables. Por tanto, tenemos que retener a los clientes más rentables y que se mantengan fieles a la empresa, realizando compras repetidas por mucho tiempo. Y conseguir que la mayoría de las compras del tipo de producto o servicio al que nos dedicamos sean en nuestra empresa. Pero debemos conseguir que los clientes menos rentables se pasen a la competencia. La idea de mantener durante mucho tiempo los clientes más rentables es una primera aproximación al tema. En realidad se trataría de atraer y mantener en la empresa a los mejores clientes. Por ejemplo, si un cliente no es rentable pero trae a otros muchos clientes rentables puede ser interesante conservarlo.

38

Satisfacción del cliente. La fidelidad de los clientes depende de tres factores fundamentalmente:

11.. La satisfacción del cliente. Es la satisfacción del cliente lo que le mantendrá como cliente durante años.

22.. Las barreras de salida. Los costes de cambiar de entidad o empresa pueden mantener fiel a los consumidores aunque no estén satisfechos y desearían cambiarse.

33.. El valor percibido de las ofertas de la competencia. El cliente hace una evaluación de nuestro servicio al consumidor comparándolo con su valoración del servicio ofrecido por los competidores. Por ejemplo, la valoración que realizamos de un bar depende de las opciones que tenemos y de cómo percibimos los productos y servicios del resto de bares.

Factores fundamentales de la fidelidad. Hemos comentado como la Fidelidad dependía de tres factores fundamentales: la satisfacción del cliente, las barreras para el cambio y la percepción de la deseabilidad de las ofertas de la competencia. Y esa satisfacción que comentamos como primer factor fundamental depende a su vez de la comparación que realiza cada cliente entre las expectativas que tenía antes de consumir y la percepción post-compra. El consumidor compara lo que esperaba antes de comer en un restaurante con lo que percibe después de comer en el restaurante. Son por tanto valoraciones subjetivas relacionadas con lo que espera recibir antes de ser atendido con lo que ha recibido después de la compra. Las barreras de salida son el segundo aspecto fundamental en la retención de clientes. Por ejemplo, pensemos simplemente en lo sencillo que resulta adquirir una línea telefónica y lo complicado que resulta darla de baja. La fidelidad también depende de las barreras o costes del cambio. No se trata de una fidelidad tan auténtica cuando el cliente se mantiene con nosotros por los altos costes de cambio.

39

El tercer factor fundamental en la fidelidad de los clientes es el valor percibido de las ofertas de la competencia. El consumidor valora distintas opciones que le ofrecen las empresas competidoras. Un cliente fidelizado mantiene la relación con nuestra empresa sin evaluar cada vez que compra todas las posibles opciones que ofrece la competencia. En el momento que la competencia consiga que el cliente fidelizado evalúe alternativas, su satisfacción con mi empresa más el coste de cambiar debe ser mayor que la valoración de la competencia para mantenerlo fiel. Por ejemplo, si cierro mi bar por vacaciones durante unos días, los clientes seguramente probarán bares de la competencia y al final de las vacaciones evaluarán si mantenerse fieles a mi negocio. Debemos mantener una vigilancia sobre las ofertas de la competencia, analizando sus puntos fuertes y débiles. Y diferenciar nuestra oferta de la oferta de los competidores. Si nuestro producto se percibe por parte de los consumidores como absolutamente igual al de la competencia, entraremos en una competencia por el precio. Es importante que el consumidor perciba nuestro producto o servicio como distinto de la competencia si no queremos competir por precio.

Eso en lo que somos mejores que la competencia, ese esfuerzo marginal que realizamos debe ser resaltado para que se transforme en una fuente de ventaja competitiva sostenible. Por ejemplo, el director de oficina que realiza las declaraciones de hacienda a los mejores clientes está fidelizando a la clientela con un servicio adicional que a los competidores les resulta difícil de copiar. Estos clientes fidelizados son menos sensibles al precio, se les puede cobrar más y proporcionan un mejor margen durante mayor tiempo. La clave de la fidelización consiste en ofrecer más al cliente por lo que paga y sobre todo, que lo perciba.

40

Causas de la Fidelidad. Existen una gran multitud de causas que llevan a un cliente a mantenerse fiel a un producto o servicio. Entre las principales causas de fidelidad que las investigaciones señalan se encuentran: El precio. La calidad. En la mayor parte de los productos y servicios la decisión de compra no se guía estrictamente por el precio. Incluso aunque el producto físicamente sea el mismo, el consumidor puede percibirlo como distinto, como seguramente es el caso de muchos detergentes y de las gasolinas. El valor percibido. Es ese valor percibido subjetivamente por el consumidor el que emplea para seleccionar ofertas. La imagen. El consumidor no es estrictamente racional sino que muy al contrario se suele guiar por percepciones subjetivas, por sentimientos, emociones y por diferentes rasgos de personalidad que asigna a los productos o servicios. La confianza. La credibilidad es uno de los aspectos fundamentales en la evaluación de alternativas de compra por parte del consumidor. De especial importancia es la confianza en los servicios. Los servicios son intangibles y su producción y consumo se produce al mismo tiempo. Por ejemplo, podemos probar un coche antes de comprarlo pero no podemos hacer lo mismo en el dentista. Si queremos extraernos una muela no podemos visitar 20 dentistas y después optar por el mejor. Si queremos una hipoteca no podemos probarla por unos días como si fuera un coche. Tenemos que confiar en que el título del dentista es auténtico, que sabe lo que hace, que el instrumental está desinfectado, que la anestesia hará efecto y que es técnicamente competente. Inercia. La comodidad o los obstáculos a la salida son una de las razones para mantenerse fiel a un servicio aunque sea de un modo artificial. Por ejemplo, las compañías de televisión por cable saben que muchos abonados no se dan de baja por inercia. Incluso cuando un abonado muestra sus quejas o pide la baja, alargan el proceso e incluso lo obstaculizan de modo que muchos de los que piden la baja se mantienen mucho tiempo sólo por inercia.

41

Conformidad con el grupo. El hombre es un ser social y muchas compras se ven fuertemente influidas por consideraciones sociales. Las relaciones personales, amistades, pertenencia a un grupo determinan en buena medida sus comportamientos de compra. Cuando se organiza por ejemplo una fiesta en una discoteca, el conseguir la aceptación de unos pocos líderes de grupo supone el éxito de la misma. Evitar riesgos. Uno de los grandes frenos para la compra por parte del consumidor son los riesgos percibidos. Pero una vez que el cliente conoce nuestro servicio, el cambiarse a otro desconocido supone psicológicamente un riesgo. No hay alternativas. La fidelidad en muchos casos se produce porque el consumidor no conoce o dispone de alternativas. El incremento de la competencia, el ser España uno de los países del mundo con más oficinas por mil habitantes, hace que los consumidores tengan muchas alternativas y esto dificulta el mantenerlos fieles. Costes Monetario del cambio. Cambiar de proveedor puede tener un coste directo. Por ejemplo, el coste de cambiar la hipoteca de banco. Cuando una empresa utiliza un proveedor informático y descubre el altísimo coste que supone cambiar de base de datos por las incompatibilidades informáticas. Costes no monetarios. En muchas ocasiones el coste es más el coste psicológico, de tiempo y esfuerzo para realizar el cambio. Ventajas de la Fidelidad. La fidelidad representa ventajas tanto para la empresa como para el cliente. Entre las ventajas para la empresa de la fidelidad de los clientes podemos destacar los siguientes aspectos significativos:

Facilita e Incrementa las ventas. El mantener los clientes fieles facilita el venderles nuevos productos. Una gran parte del marketing de las entidades financieras se dirige a sus propios clientes para venderles productos que no poseen. Es lo que se denomina Venta Cruzada. Al que tiene la nómina le ofrecen un seguro y al que tiene nómina y seguro se le ofrece un fondo. Al mantenerse fieles y repetir las compras aumenta la cifra de ventas.

42

Reduce los costes de promoción. Es muy caro captar un nuevo cliente. Es mucho más barato venderle un nuevo producto a uno de nuestros clientes fieles. El mantener una gran base de clientes fieles nos permite incrementar las ventas, lanzar nuevos productos, con un coste en marketing reducido.

Retención de empleados. El mantenimiento de una base sólida de clientes favorece la estabilidad del negocio y la estabilidad laboral. La motivación y retención de empleados puede mejorar cuando disponemos de una gran base de clientes conocidos que proporcionan un negocio estable y sólido.

Menor sensibilidad al precio. Los clientes fieles y satisfechos son los que permiten un margen sobre el precio base del producto indiferenciado. Los clientes satisfechos son mucho menos sensibles al precio. Están dispuestos a pagar un sobreprecio por el servicio diferenciado que reciben y por la satisfacción obtenida.

Los consumidores fieles actúan como prescriptores. Uno de los aspectos más importantes de tener clientes fieles es que comunican a los demás las bondades de nuestra empresa. Esto es especialmente verdad en los servicios que tienen un elevado componente social y se basan en la credibilidad. Por ejemplo, de donde proceden casi todos los clientes de un dentista, de otro cliente que lo recomendó.

Ventajas de la fidelización para los consumidores:

Reduce el riesgo percibido. El consumidor que tiene que elegir entre varias alternativas de servicio tiene miedo a equivocarse. Produce una cierta ansiedad el tener que ir a un dentista que no se conoce. El cliente que va regularmente a un dentista en el que confía reduce esa sensación de riesgo, ese miedo a equivocarse.

Recibe un servicio personalizado. Los clientes fieles pueden recibir un servicio personalizado. El dentista al que vamos siempre conoce nuestro historial médico. Los camareros que conocen a los clientes pueden adaptar su servicio a los gustos particulares de cada cliente sin necesidad de muchas preguntas.

43

Evitar los costes de cambio. El cambiar de proveedor tiene un coste psicológico, de esfuerzo de búsqueda, de riesgo percibido e incluso monetario como cuando queremos cambiar la hipoteca.

Una vez hemos visto la importancia y el proceso para la fidelización de los clientes, es hora de estudiar la manera de estructurar y gestionar una cartera de clientes. La cartera de clientes. El proceso de compra de un usuario en el comercio electrónico. En primer lugar, es importante conocer cuál es el proceso de compra de un usuario en un ámbito electrónico, de esta manera podremos adaptar nuestra web mejor a sus necesidades.

La llamada Pirámide de Maslow procede del ámbito de la psicología y en la actualidad se aplica con acierto tanto a los negocios tradicionales como al terreno de las tiendas online. En el fondo, no hay diferencia a la hora de identificar determinados patrones de conducta básicos que determinan nuestros comportamiento como consumidores, aunque algunos detalles sí se han desarrollado de

forma específica en el mundo online. Generalmente, los usuarios llegarán a nuestra tienda online con una necesidad muy concreta en la mente. Es cierto que la navegación por Internet posibilita el vagar por las tiendas durante horas, simplemente consultando el catálogo, pero lo normal es que tengan una cierta idea de lo que están buscando. La seguridad en la compra siempre será el aspecto fundamental que un usuario mire en cualquier tienda online. Igual que nos marchamos de un comercio tradicional si consideramos que no tiene buena pinta, si entramos en una tienda online y no vemos a simple vista, de forma accesible, los términos y condiciones, no se nos ofrecen diferentes opciones de pago, no se garantiza la seguridad de

44

nuestros datos a la hora de registrarnos, etc., todo este cúmulo de aspectos puede redundar en que el cliente no nos considere de confianza y se marche. Del mismo modo, es recomendable que ofrezcamos diferentes vías de contacto. Si el usuario ha encontrado el producto que buscaba y considera que nuestra tienda online es de fiar, será cuando llegue el momento de formalizar la compra. En este punto, es deseable ofrecer la mayor facilidad posible: que el checkout sea intuitivo y en pocos pasos, y por supuesto que se envíe una confirmación de la compra con todos los datos. No hay nada que vuelva a un cliente más reticente a regresar a una tienda online que un proceso final dificultoso. Si tratamos con mimo los aspectos indicados, dedicándoles el tiempo que sea necesario, terminaremos conformando nuestra cartera de clientes habituales y consiguiendo ese bien tan preciado, el compromiso de nuestros compradores. Estructurar la cartera de clientes. Como ya hemos comentado anteriormente, uno de los puntos que conviene tener controlado dentro de cada empresa es el tiempo y número de visitas que los vendedores dedican a cada uno de sus clientes. Ésta función corresponde a los jefes de venta, deberán estructurar las carteras de clientes de cada uno de sus vendedores. La frecuencia de visitas a cada uno de los clientes debe estar controlada y planificada con bastante antelación. En caso contrario podemos estar dedicando demasiado tiempo a clientes que tienen poco consumo y poco tiempo a otros clientes de mayor consumo o que cuentan con un mayor potencial de compra. Se puede estructurar a los clientes en seis categorías según su consumo anual. De esta forma podríamos denominar a los de mayor consumo como clientes de 6 estrellas, que serían los de mayor consumo. Las siguientes denominaciones serían de 5, 4, 3, 2, 1 y 0 estrellas. Podemos establecer unos baremos que nos sirvan de ejemplo aunque todo cambia en función de cada sector y cada compañía. Así podríamos estructurar la cartera de cualquier empresa. Los clientes de 6 estrellas serían aquellos que tienen un consumo anual superior a 60.000€, los de 5 estrellas de consumo superior a 50.000€, los de 4 estrellas superior a 40.000€ y así sucesivamente.

45

Según el número de visitas de cada sector se establece una media de visitas diarias que puede hacer cada vendedor y establecemos unos 200 días laborales por año. Finalmente obtenemos la cifra de visitas que nuestros vendedores pueden hacer por año. Del resultado obtenido podemos determinar si nos faltan o nos sobran vendedores para mantener la cartera de clientes actual y poder abrir nuevas cuentas para crecer o simplemente sustituir a los clientes que por diversos motivos se caen de nuestra cartera. El tiempo a invertir en el número de visitas a clientes nuevos lógicamente varía en función de la madurez de la empresa o del vendedor. Podemos establecer un parámetro de prospección para captar nuevos clientes y emplear entre un 15% y un 20% del tiempo disponible de visitas dentro una empresa con una cartera consolidada y para un vendedor experto. La frecuencia de visitas se podría establecer en, por ejemplo, 2 mensuales para los clientes de 6 estrellas, 1 al mes para los 5 estrellas y 4 estrellas, 1 cada dos meses para los 3 estrellas, 1 cada cuatro meses para los 2 estrellas y 1 cada seis meses para los clientes de una estrella. Se debe estudiar a parte a los clientes 0 estrellas y los aquellos que no son clientes o potenciales clientes, según sus posibilidades de compra y expectativas de ventas, podemos clasificarlos según la estructuración anterior. También podemos utilizar esta estructuración para segmentar vendedores dedicados a clientes de gran consumo. Claves para aumentar la cartera de clientes. Todo negocio debe de tener una estrategia de ventas dentro de la cual debe de plantearse metas de crecimiento para vender más. Para ello, debe hacer clientes, mantenerlos y seguir haciendo nuevos clientes. La parte más difícil, quizá, sea la de mantener los clientes que ya se tienen, pero antes de ello veamos algunos consejos para lograr captar clientes.

46

Ser el mejor. Todo emprendedor sabe que su supervivencia depende primero y principalmente, de su producto. Por ello hay que procurar ser el mejor, causar una gran impresión, tener confianza en lo que se hace y dedicar todas las energías a conquistar el éxito. La impresión que causamos y la calidad de nuestro trabajo es nuestra mejor tarjeta de visita, y la que va a generar un mayor “boca a boca”.

Definir el nicho de actuación. De nuevo hacemos hincapié en saber cuál es nuestro público objetivo. Uno de los grandes errores del emprendedor es creer que su producto es para todos. Si bien todo el mundo puede beneficiarse potencialmente de tu producto o servicio, define claramente quién es tu cliente y organiza todo tu mensaje y esfuerzos de comunicación para captar su atención. El mensaje adaptado es más efectivo que el generalista.

Ver donde está el cliente. Ya que tienes claro quién es tu cliente, no basta con anunciarte y esperar que suene el teléfono. En el cambiante y dinámico mundo que vivimos, los emprendedores que triunfan son aquellos que establecen una relación personal con su nicho de mercado: participan activamente de eventos, foros online, conferencias, y visitan con frecuencia páginas web, redes sociales, lecturas y clases en torno a las temáticas que interesan a su nicho de mercado. Cuanto más cercano eres, más confianza ofreces a tus clientes en potencia.

Aprovechar lo que ya se tiene. ¿Ya tienes una página web? ¿Y correo electrónico? ¿Ofreces a tus clientes ventajosos descuentos si te recomiendan a terceros? ¿Cuentas con un lugar donde nuevos clientes puedan leer acerca de tus casos de éxito y testimonios de personas satisfechas con tu producto? ¿Ofreces productos gratuitos en tu web para que el público se familiarice contigo antes de comprar? Muchas veces, las mejores estrategias de promoción son las más cercanas y obvias. No dejes pasar cada e-mail, tweet, visita, amistad y cliente como puentes hacia una nueva oportunidad.

47

Probar algo nuevo. Muchas veces caemos en la rutina de repetir las mismas estrategias de promoción una y otra vez. Tenemos la tendencia de volver a lo conocido. El autor motivacional y empresario Brian Tracey comparte un método para combatir esta repetición, que consiste en forzarnos a hacer una lista de 20 cosas que podemos hacer para conseguir clientes.

Por lo general, las 10 o 15 primeras suelen ser una versión reciclada de métodos que ya estamos empleando pero, una vez pasado ese filtro inicial, no veremos forzados a crear de cinco a diez ideas que aún no habíamos tenido y que podremos poner en práctica de forma inmediata. En resumen, céntrate en tu esfuerzo personal y crea una gran impresión en todos aquellos que conoces. Utiliza tus redes sociales, tanto humanas como digitales, para llegar a tu público y comunicar tu mensaje. Ofrece algo de manera gratuita y nunca dejes de tener nuevas ideas y probar nuevos métodos para llegar a tus potenciales clientes.

48

Inspirar confianza. Radica en generar tranquilidad en el cliente. Para que un "escaparate online" gane adeptos existen una serie de sellos que corroboran que la página cumple con los parámetros idóneos de calidad.

Crear un diseño accesible. Ofrecer una navegación sencilla al consumidor es esencial para retenerle en la página y evitar la fuga de clientes. La primera toma de contacto creará una sensación positiva o negativa difícil de cambiar.

Facilitar el proceso de compra. La transacción debe ser sencilla para evitar que el consumidor abandone la navegación sin que culmine la compra. Además, los precios deben aparecer de manera clara junto a cada artículo que se ofrezca.

Mecanismos anti-fraude. El sistema de pago es una de las principales preocupaciones del cliente. Es indispensable contar con una pasarela de pagos segura, que pueda proveer el banco y que sean las entidades bancarias las que almacenen la información de las tarjetas de crédito, para que las dudas por la amenaza de posibles hackers se desvanezcan.

Buscar tráfico de calidad. La información de la página debe conquistar a todos los consumidores, por lo que es muy importante contar con un buen posicionamiento en internet, insertando en los contenidos las palabras clave para que un producto determinado se localice de manera inmediata.

Impactar al usuario para que actúe. Incitar a los clientes a adquirir los artículos que se promocionan en la web es crucial, así que no pueden faltar los botones de compra o elementos gráficos que persuadan a hacer clic en el elemento solicitado.

49

Buscador de productos. En la mayoría de los casos, las personas que acceden a una tienda online buscan una referencia concreta por lo que es necesario ofrecer un localizador que permita visualizar el artículo deseado.

Disponer de una tienda física. A pesar de que no es esencial, contar con un local físico aporta un gran valor al espacio online, puesto que el cliente asocia los productos a una empresa que ya conoce.

Actualizaciones. El dinamismo informativo de la página crea una gran interacción en el consumidor. Una web desactualizada genera desconfianza y rechazo, ya que le crea dudas en lo que se refiere a la veracidad de los contenidos.

Información de contacto. Una de las principales recomendaciones es ofrecer un email y un número de teléfono de contacto que provoquen en el usuario una sensación de confianza. El cliente debe saber que sus dudas y consultas serán satisfechas.

Utilizar bien los colores. De sobra es conocido el distinto efecto que ejercen los colores en nuestro estado de ánimo. No hay reglas generales, y todo dependerá del tipo de web, nuestro público objetivo y el producto ofertado, pero a grandes rasgos, no debe abusarse de los colores estridentes, grandes dosis de amarillo o rojo y debe evitarse representar el texto en negativo (texto en blanco sobre fondo oscuro).

Usar imágenes. La parte visual activa más regiones del cerebro que ninguna otra. Es mucho más fácil que recordemos algo si lo hemos visto, por ello no se debe tener miedo a utilizar gran profusión de material fotográfico si es preciso.

50

¡Corre que se acaba! Asociado al concepto de pérdida, es una práctica comercial muy común jugar con la escasez. A todos nos suenan frases como “últimas unidades”, “date prisa antes de que se agote” o “sólo disponible hasta el...”. Muy efectivo, aunque no demasiado ético.

Experimenta con los precios. Un interesante aspecto del neuro-marketing postula que los consumidores asignamos un precio a un producto determinado. De modo que si veo unos auriculares de 150€, es mucho más probable que me compre luego un modelo de 90€, que si el primer precio que veo es, por ejemplo, de 30€.

Recomendaciones. Los testimoniales son un poderoso reclamo. Si no tienes presupuesto para contratar a un personaje célebre, procura publicar referencias o frases de clientes satisfechos o de una autoridad en la materia.

Ofrecer algo desinteresadamente. Si publicas información valiosa, la gente volverá a tu sitio con frecuencia para documentarse. Si ofreces una muestra de producto, puntos o cupones canjeables, descuentos, etc., los usuarios serán más proclives a devolverte el favor comprando más, rellenando largos formularios o recomendando la web a terceras partes.

El orden importa. Para terminar, una curiosa práctica: ¿quieres que tus clientes elijan un producto determinado de un catálogo? Entonces enséñalo el primero de la lista. Experimentos realizados por Alexander Felferning en 2007 muestran un elevado ratio de elección a favor del producto listado en primer lugar. Al ser preguntados más adelante, los sujetos entrevistados intentaron ofrecer una justificación coherente a esta decisión arbitraria, inventándose los motivos.

51

Todas estas técnicas y consejos deben aplicarse de manera racional, de acuerdo a nuestro tipo de empresa y los objetivos de negocio que hemos marcado desde un principio. Si se hace de esta manera se llegará más rápidamente al éxito esperado.

Para alcanzar el éxito:

Define tu estrategia empresarial.

Establece los objetivos de negocio.

Empatiza con el cliente.

Manténte permanentemente actualizado de acuerdo a

las necesidades del cliente.

52

MÓDULO 3. LA INTERFAZ DE CONFIGURACIÓN. BACKEND.

Backend y Frontend. Dós términos en relación. No podemos comenzar a explicar el Backend sin mencionar lo que es el Frontend. Ambos son términos del ámbito informático que hacen referencia a un mismo proceso del diseño y desarrollo web. La creación de un sitio web o una página de internet en general implicaa a estos dos factores, el frontend y el backend, también llamados backoffice o frontoffice.

El frontend en diseño de software y desarrollo web hace referencia a la visualización del usuario navegante o, dicho de otra manera, es la parte que interactúa con los usuarios (los clientes). De una manera práctica, el frontend sería todos esos formularios que rellenamos en las webs, las aplicaciones que manejamos y todas esas cosas que tengan que realizar los usuarios. De esa manera el backend es la parte que procesa la entrada de datos que se efectua desde el frontend, es decir, son los procesos que utiliza el administrador del sitio con sus respectivos sistemas para resolver las peticiones de los usuarios. De manera conjunta, el frontend y el backend interactúan en un sistema web o software para resolver las necesidades de los usuarios.

53

La idea de esta abstracción es mantener separadas las diferentes partes de un sistema web o software con el fin de tener un mejor control. En pocas palabras el objetivo es que el frontend recolecte los datos y el backend los procese, es decir, el frontend forma la parte inicial del proceso y el backend la parte final. La separación de los sistemas de software en frontend y backend, es una abstracción que sirve para mantener separadas y controladas las diferentes partes de un sistema. La interfaz Backend es un conjunto de elementos (programas) que sirven como complemento de una interfaz Frontend. Ayuda en la administración, control y configuración de los sistemas teniendo un acceso directo a los recursos (base de datos, comunicaciones, servidores, etc.), que el sistema requiere. Entre sus funciones principales se tienen:

Administración de la memoria. Seguridad. Manejo de base de datos. Procesamiento remoto.

El Frontend, como ya hemos apuntado, se refiere a lo que uno ve en una pantalla, y backend a la programación técnica que hay detrás de eso que uno ve. La relación que existe entre ambos constituye un tipo de interfaz. El diseño de la interfaz. La interfaz web son elementos gráficos que permiten al usuario acceder a los contenidos, navegar e interactuar. Para lograr que un usuario se quede y vuelva, el diseño de la interfaz es importante. Cuando accedemos a alguna de las muchas fuentes de información, desde los simples libros hasta los ordenadores, encontramos que la información contenida está organizada de forma tal que puede accederse a los contenidos con facilidad. En algunos casos, como en los libros, por ejemplo, el uso continuo por generaciones ha hecho que dicha organización se encuentre estandarizada y sea muy sencillo para los lectores encontrar cada uno de los elementos que lo constituyen.

54

Siguiendo el ejemplo de los libros, el orden en que aparecen los contenidos está descrito en el índice, que generalmente se encuentra al principio o al final del mismo. Además, la propia forma física del libro, la forma en que se encuentran ordenadas las páginas, hacen que la interfaz sea muy sencilla e intuitiva. En las páginas web, esta forma de ordenar las páginas no es posible, por lo que el ordenamiento y la clasificación de las secciones, páginas y contenidos deben realizarse empleando otros métodos, pero que permitan acceder a cada uno de ellos con la misma facilidad. ¿Qué es la interfaz? El concepto de interfaz es muy amplio y se refiere a todo sistema que permite el contacto y la funcionalidad entre dos sistemas diferentes. Por ejemplo, los botones y la pantalla del teléfono celular conforman la interfaz, ya que permite que el usuario pueda emplear las funciones que este aparato ofrece. Sin embargo, en este módulo nos referimos a la interfaz web, que es un sistema gráfico que permite a los usuarios acceder a los contenidos, realizar tareas, comprender las funcionalidades y navegar por las diferentes páginas del sitio. En definitiva, la interfaz web es el conjunto gráfico que permite la presentación y la navegación del sitio. Esto se consigue con la inclusión de elementos gráficos comunes a toda la web que son estándares, haciendo que los usuarios tengan completo control sobre las funcionalidades del sitio desde el momento mismo de entrar a él sin que para ello deba tener amplios conocimientos ni preparación anterior alguna. Una página web puede contar con los mejores contenidos en el género que se desarrolla, pero indefectiblemente fracasará si su interfaz no permite un rápido y cómodo acceso a los mismos por parte de los usuarios. Por el contrario, una

55

página web cuyos contenidos sean de menor calidad (sin que éstos sean malos, por supuesto) pero cuya interfaz permite que sus usuarios naveguen en forma sencilla, tengan acceso en forma inmediata al contenido que desean e interactuen en forma sencilla, tendrá un mayor éxito. Simplicidad y coherencia. La facilidad y comodidad con que los usuarios acceden a los servicios que brinda una web está fundado en dos principios fundamentales para el desarrollo de una interfaz efectiva: la simplicidad y la coherencia. La simplicidad con que se desarrolle esta interfaz es crucial para determinar que un usuario se sienta satisfecho y desee regresar a un sitio. El hecho de que una persona deba realizar una extensa navegación por el sitio para hallar lo que busca en él es totalmente contraproducente. Por el contrario, si alguien que visita un sitio cuenta con varias herramientas que le permiten acceder rápidamente a aquello que le interesa, seguramente volverá. La simplicidad está dada por varios factores a tener en cuenta. El primer concepto importante es que los elementos gráficos o textuales que componen la interfaz deben ser claros y de fácil identificación. Un ejemplo: el flujo de vehículos por las calles de una ciudad se encuentra regulado por una serie de sencillos elementos gráficos (la interfaz) que permiten un tránsito ordenado. ¿Qué sucedería si dichos elementos gráficos fueran de comprensión compleja? El caos dominaría el tráfico de la ciudad, ya que, mientras algunos conductores no respetarían la señalización, otros se detendrían a intentar adivinar que significa cada uno de aquellos jeroglíficos. Con el mismo ejemplo, si en esa ciudad se encontrara uno con una autopista cuyos símbolos fueran de difícil comprensión y una angosta calle pero con elementos gráficos que permitan un tránsito descongestionado y ordenado, muchos de los usuarios optarían por esta última opción. Un ejemplo de simplicidad lo encontramos en la página principal del buscador Google. Si un usuario llega a un sitio cuya navegación se le hace compleja, terminará por volver al buscador para seleccionar otro sitio que trate de temas similares.

56

También es importante que la relación que exista entre los diferentes elementos que componen el sitio, como títulos, subtítulos, enlaces, menús, etc., sea coherente. Todos los elementos que permitan al usuario identificar y navegar deben ser coherentes con el cometido que desempeñan, de forma que la comprensión y búsqueda de los contenidos sean accesibles por el usuario sin que deba realizar complejos razonamientos. Calidad del diseño y estabilidad funcional. Si ingresamos a un salón comercial y nos encontramos con que el piso está sucio, cuelgan telas de araña del techo y los dependientes se encuentran desaliñados, seguramente permanezcamos poco tiempo, no compraremos nada y no volveremos a entrar. Lo mismo sucede con los sitios web. La primera impresión que un usuario recibe de un sitio web es extremadamente importante, por lo que el diseño debe ser cuidadoso en extremo, de forma tal que logremos convencerlo de que se trata de un sitio ordenado, cuidado y profesional. Lo mismo sucede con el funcionamiento del sitio. Nada más desagradable que encontrarse con un sitio donde abundan los mensajes de error, con enlaces rotos, formularios que no funcionan, etc. La funcionalidad del sitio debe permanecer siempre cien por ciento o si no, lo más cerca posible. El usuario debe tener claro que siempre que realiza una acción, esta tiene la respuesta que desea. Conclusión. Para que un diseño web sea efectivo, debe lograr que los usuarios del sitio puedan acceder con facilidad a los contenidos, interactuar con eficacia con todos los componentes y sentirse cómodo en forma permanente, y todo ello sin siquiera pensarlo. El elemento que consigue que esto sea posible es la interfaz, en cuya preparación y diseño se debe poner especial atención. Una parte importante de los éxitos o fracasos de los sitios depende en gran medida de este elemento del diseño. Cómo simplificar la interfaz. Cuando realizamos la planeación de un sitio, en principio, el diseñador siempre busca conservar una interfaz limpia, fácil de usar, amigable e intuitiva. Pero esto se

57

va perdiendo conforme la elaboración del sitio va avanzando y la complejidad va aumentando. Una interfaz compleja puede llevar consigo una desorientación del usuario, provocando confusión y falta de iniciativa para interactuar con el sitio, llegando incluso a provocar el abandono del sitio por parte del visitante.

Para evitar esto debemos tomar las medidas necesarias y reducir la complejidad real del sitio, para después combatir la complejidad percibida por el usuario y minimizarla, de tal manera el usuario será recompensado con una experiencia gratificante al navegar por nuestro sitio. En este punto se mostrarán varias técnicas que te ayudarán a simplificar las aplicaciones complejas, permitiendo crear buenas experiencias de usuario. Eliminación de elementos innecesarios. Una de las primeras cosas que debemos hacer al evaluar nuestro sitio, es buscar utilidades y aplicaciones que la gente realmente no usa. Esta demostrado que la mayoría de los usuarios que ingresan a un sitio sólo utilizan la llamada columna vertebral de este, dejando de lado aplicaciones pequeñas y complementos que se pueden ir creando a la marcha para tratar de solucionar más problemas de los que en principio se plantearon.

58

Muchas veces pensamos que estas propiedades aumentan el valor del sitio, ya que estamos proporcionando una gama más amplia de opciones, por lo que el usuario estará satisfecho con lo que le ofrecemos. Pero el efecto producido puede decepcionarnos, ya que en la gran mayoría de las ocasiones estos complementos disminuyen el valor de nuestro sitio, ya que agregan complejidad a su uso. Las webs que intentan hacer todo en una mismo lugar, generalmente no terminan haciendo nada bien. Para que una web sea exitosa se debe aislar un solo problema y tratar de resolverlo de la mejor manera posible y con el mayor ingenio que se pueda aplicar, facilitando la vida al usuario, no poniéndoselo más difícil. Para llegar a obtener sitios y aplicaciones eficientes se debe recurrir a la eliminación de propiedades y funciones innecesarias. Siempre debemos plantearnos que nada es necesario, de esa manera nos veremos obligados a buscarle una real utilidad a cada parte de lo que hemos planeado, y si no encontramos suficientes razones para elaborarlo, podemos eliminarlo del proyecto y terminaremos ahorrando tiempo de desarrollo. Si algo no ayuda a la mayoría de los usuarios a realizar sus tareas en el sitio web, entonces probablemente se debe dejar fuera del proyecto. Al principio esta actividad te puede resultar difícil, ya que todo parecerá necesario, pero cuando empieces a observar la manera sencilla en que los usuarios se mueven a través de tu web, te darás cuenta que fue necesario eliminar dichos complementos. Ocultar la complejidad. En aquellos casos en donde no puedas eliminar la complejidad dentro de tu sitio, puedes recurrir a maquillarla. Si tienes una serie de aplicaciones que raramente son utilizadas por el usuario, pero que realmente le añaden un valor funcional a tu sitio, entonces puedes optar por esconderlas de la interfaz general, encasillándolas en un menú desplegable o reduciendo su uso de espacio de pantalla. Una buena interfaz de usuario siempre debe resaltar las tareas más comunes y ocultar las funciones menos utilizadas, para que de esa manera no interfieran con el flujo normal de las operaciones del usuario.

59

Por ejemplo, si tuvieras una herramienta dentro de un CMS que abarca muchísimo espacio de la interfaz, que es poco usada por los usuarios pero que tiene un gran potencial de ayuda, lo que se puede hacer es meter todos sus elementos dentro de una sección que sólo se despliegue cuando el usuario da clic sobre un icono. Esto ahorrará una gran cantidad de espacio e impide que la mayoría de los usuarios se distraigan de su tarea principal. Disminuir el ruido visual. Hasta este punto hemos tratado de disminuir la complejidad real del sitio, eliminando y escondiendo aplicaciones que interfieren con el flujo de la interfaz y la operación de los usuarios, pero también existe la necesidad de combatir la complejidad percibida. La cantidad de ruido visual en una interfaz tiene un gran impacto en la complejidad percibida por el usuario, mantener el ruido visual al mínimo hará que una interfaz parezca más fácil y sencilla de usar. Las dos herramientas principales para reducir dicho ruido visual, son los espacios en blanco y el contraste, de los que hablaremos más adelantes cuando propongamos algunas técnicas para mejorar el diseño de la interfaz. Reutiliza código. Conforme va avanzando un proyecto, el sitio empieza a tomar forma y los problemas se tienden a repetir, nos encontramos con situaciones que se pueden resolver de manera similar y la reutilización de código empieza a ser un factor importante. La reutilización de elementos para diferentes propósitos tiene dos ventajas, la primera es que se requiere menor tiempo de desarrollo y la segunda es que se logra una interfaz de usuario más consistente mejorando la experiencia de la persona que va a utilizar el sitio. El éxito de la reutilización se basa también en el aprendizaje, si un usuario aprende a realizar las funciones en una parte de la aplicación, le resultará mucho más sencillo realizarlas en otra si mantenemos un estándar y reutilizamos estructuras.

60

Conclusión. Al momento de desarrollar un proyecto siempre recuerda, se debe reducir la complejidad real mediante la eliminación de las características innecesarias y después buscando ocultar lo que no puede eliminar. Como segundo paso se debe tratar de reducir la complejidad percibida minimizando el ruido visual y haciendo uso de la reutilización de elementos.

Disminuir la complejidad de la interfaz de usuario ayudará a las personas a comprender el sitio más rápidamente, y de esa manera podrá utilizar todas sus propiedades y aplicaciones de de manera más eficaz. Técnicas para mejorar el diseño de la interfaz. En la actualidad, el diseño de interfaces para usuarios se ha convertido en un tema tan relevante, que la mayor parte del tiempo destinado para llevar a cabo las tareas de diseño web, se asigna para buscar mejorar la experiencia del usuario y tratar de obtener las mejores formas de presentar información. Todo el tiempo invertido en esta clase de proyectos tiene su justificación, ya que el diseño de interfaces es uno de los factores pilares para determinar si es correcto o no el desempeño de un sitio web. Es por esta razón, que para encaminar

61

adecuadamente el diseño de un sitio, se debe optar por técnicas que permitan la elaboración de interfaces atractivas y funcionales. En este punto presentaremos una serie de técnicas que serán de gran utilidad para los proyectos de diseño de interfaz de usuario. En sí, estas técnicas no están vinculadas a un tema específico, simplemente son sugerencias que permitirán mejorar la experiencia que tenga el usuario al navegar por el sitio. El color atrae la atención. El utilizar el color como herramienta para llamar la atención es una de las técnicas más fundamentales en el diseño de interfaces. El objetivo de utilizar esta técnica es centrar la atención del usuario sobre los elementos importantes, estableciendo sobre ellos un color que resalte sobre el resto, claro, siempre respetando el patrón con el que diseñamos el resto del sitio para que no desentone y cause una sensación de desconfianza. Se debe tener mucho cuidado con los colores que se eligen para ciertos elementos y secciones de la página, ya que si no se hace una elección correcta se puede terminar dando más relevancia a ciertas partes que realmente no lo requieren, y dejando en segundo plano secciones donde muestras contenido que se consideran relevante para el usuario. Por ejemplo, si en tu sitio manejas una paleta de colores oscura, digamos utilizas negro y gris en el 80% de la estructura, y un día deseas agregar un botón de registro o uno para realizar donaciones, no debes utilizar el color negro o un gris fuerte para el nuevo elemento, ya que la relevancia del botón se perderá. Para esa situación, un botón de color rojo servirá mejor, ya que atraerá más la vista y es muy probable que aumenten los registros o las donaciones gracias a ello. Los colores en tonos cálidos como el rojo, amarillo y naranja son llamativos por naturaleza, por lo que tienden a atraer más la atención y el ojo del usuario tiende a buscarlos. Además de esto, cuando se ponen en contraste con colores fríos como el azul o el verde, tienden a crear la ilusión de ampliar el elemento que cuenta con colores cálidos. Esto significa que un botón de color naranja sobre un fondo azul se ve como si estuviera fluyendo hacia fuera y toma el primer plano del espectador. Por el

62

contrario, un botón azul en un fondo naranja crea la sensación de que el elemento desea permanecer en el fondo. Contraste para administrar la atención. El simple hecho de manejar distintos colores hace que el usuario pueda hacer distinción entre elementos, pero si a esto le aunamos la propiedad del contraste, esto nos permitirá crear un patrón jerárquico dentro de nuestro diseño. Lo que nos permitirá crear una sensación de jerarquía, será el uso de colores en tonalidades similares, dando colores en escala mayor a los que son más relevantes, e ir disminuyendo la escala según la importancia el elemento. Una de las maneras más adecuadas de llevar a cabo esta práctica, es añadiendo contraste mediante el uso de colores oscuros para resaltar los elementos importantes, y utilizar colores más claros para los que siguen en relevancia. Si por ejemplo, tuviéramos un blog donde publicamos un artículo a diario, nuestra portada lucirá sobrecargada de información si no aplicamos un contraste adecuado. Para ello, podemos optar por asignar un color negro para los títulos, mientras que las fecha de publicación, el número de comentarios, el nombre del autor, o algún otro meta data, puede ir de color gris; esto indicará que el título es mucho más relevante que el resto de la información. Este efecto se logra gracias a que el color oscuro crea la ilusión de que el título esta enfocado, mientras que el resto de la información parece desvanecerse en el fondo. Si por ejemplo quisiéramos agregar más relevancia al nombre del autor, podemos utilizar un color gris más fuerte, que sea intermedio entre el color del título y el resto de los datos. El nivel de contraste es una herramienta muy poderosa, si decidiéramos invertir los colores y utilizar el negro para la meta data y el gris para el título, veríamos como los titulares se desvanecen y esto puede hacer perder interés al usuario. Como ya mencionamos esta técnica se puede utilizar en blogs, pero no es exclusiva, cualquier sitio de grandes contenidos, como foros o las redes sociales, pueden

63

hacer uso de ella para resaltar elementos fácilmente entre un montón de información. Enlaces en bloques. Los elementos de tipo enlace, por defecto son desplegados de manera “inline” dentro de la estructura DOM de un sitio, es decir se muestran como un elemento alineado cuya área seleccionable sólo abarca la altura y el ancho del texto que contiene el link. Esta área es la única parte donde el usuario puede realizar el clic para poder llegar al destino, lo que puede causar molestías en caso de que el enlace sea muy pequeño. Se puede buscar incrementar el área de clic de los enlaces para crear una mejor experiencia de usabilidad en nuestro sitio, para lograrlo basta con agregar unas cuantas propiedades CSS a este tipo de elemento. Primero podemos optar por añadir un cierto “padding” para agregar espacio alrededor de la palabra, y posteriormente, de ser necesario, podemos convertir a bloque la manera en que se despliegan los elementos de tipo enlace.

Obviamente una mayor área de clic, hace que resulte más sencillo para el usuario el llegar al destino que apunta el enlace, ya que hay menos oportunidad de fallar. Este factor se debe tener en total consideración al momento de realizar menús y desplegar listas con enlaces en barras laterales, ya que el encontrarnos con enlaces que contengan palabras muy largas y muy cortas en una misma lista, puede causar mal aspecto en el diseño y confusión en el usuario al no poder dar clic sobre toda una área que se encuentra vacía pero al mismo nivel que la palabra. Generalmente cuando creamos una lista de enlaces dentro de nuestro sitio, omitimos el factor de la uniformidad, por lo que simplemente dejamos los elementos desplegarse en su forma natural, sin importar que a veces puede resultar confuso para el usuario.

64

A continuación nos enfocaremos en técnicas un poco más minuciosas, las cuales nos ayudarán a continuar mejorando la interfaz de usuario de nuestro sitio web, enfocándonos en detalles que muchas veces pasamos por alto. El espacio en blanco para relacionar. Uno de los elementos que tiene más influencia sobre la apariencia de una interfaz, es el espacio en blanco que existe entre los elementos de la página. Ese tramo que dejamos libre, y que se encarga de separar los elementos es muy importante para que el usuario pueda intuir relaciones. Mediante la manipulación de los espacios en blanco, podemos indicar las relaciones entre ciertos elementos o grupos de elementos. Por ejemplo, si ponemos un título arriba de un párrafo, y estos se encuentran separados por un espacio normal, estamos dándole a entender al usuario que ese título corresponde al texto que le sigue en la parte inferior. Pero si repetimos este proceso para otras secciones compuestas por títulos y párrafos, puede resultar confuso para el usuario si no agregamos un espacio adecuado. Por ello, debemos agregar un espacio considerado entre cada sección, para que de esa manera nuestro contenido sea más legible. De esta manera definimos bloques de secciones únicamente modificando pequeños detalles de la interfaz, esto permitirá que las relaciones entre elementos sean identificadas más fácilmente por el ojo del usuario. Espacio entre letras. Si tu eres un amante de la tipografía puede que el diseño web te resulte una profesión bastante frustrante, ya que por defecto son pocas las opciones con las que se cuenta para elegir la fuente con la que se mostrará el contenido de nuestro sitio. Pocas fuentes web son seguras, ya que habrá algunas que se muestren bien en alguna máquina y otras no, dependiendo de varios factores que van desde el navegador hasta el sistema operativo.

65

A eso, tenemos que aunarle el hecho de que no existen muchas variantes para modificar su estilo, pero a pesar de eso tenemos la ventaja de que cada letra esta bajo nuestro nivel de control, por lo que podemos utilizar el espacio como aliado para tratar de dar un estilo más decente, y por consecuencia una mejor presentación. “Tracking” es el término utilizado en el campo de la tipografía para describir el ajuste del espacio entre las letras que forman parte de una palabra, y gracias a la propiedad “letter-spacing” de CSS, tenemos la oportunidad de llevar a cabo esta técnica. Si la utilizamos con moderación, esta propiedad puede resultar muy eficaz para mejorar el aspecto de nuestros títulos y cabeceras, pero si lo aplicamos en el cuerpo de un párrafo o bloque de texto muy largo, puede causar el efecto contrario. Si se utiliza con letras muy pequeñas o en textos de lectura continúa, puede que los haga perder la legibilidad que la distancia por defecto agrega. Esta técnica puede resultar útil si se quiere elaborar títulos con estética más agradable u original. Un par de píxeles de espacio entre las letras hacen una gran diferencia en el estilo de la fuente, por lo que tienes que ser cuidadoso y no utilizar grandes distancias.

Botones más ricos en contenido. Es común que al desarrollar una aplicación hagamos uso de ventanas emergentes, diálogos y cuadros, para condicionar una acción. En su mayoría, estos diálogos cuentan con botones de opción, los cuales al ser seleccionados determinan las operaciones que prosiguen al llamado, es por ello que la información que se despliega en ellos toma una relevancia considerable.

66

Por ejemplo, si en nuestra aplicación incluimos un bloque de código para que al momento de encontrar una decisión despliegue una ventana de confirmación, lo que generará por defecto será un pop up con opciones cortas y muy sencillas como “Sí” y “No”. Esto causará que el usuario tenga que leer completamente el mensaje de la ventana, para estar seguro que el botón que esta presionando es el correcto. Esto no tiene nada de malo, pero podríamos mejorarlo y sobre todo acelerar el proceso para el usuario, agregando cierta descripción para que enriquezca el contenido. De esa manera, en lugar de mostrar solamente un “Sí” podemos agregar algo como “Guardar” y en vez de un “No” utilizar “No Guardar”, de esta manera el usuario no necesita confirmar la manera en que hicimos la pregunta dentro del diálogo. Como punto final para esta técnica, debes recordar que sólo estamos recomendado su uso para ventanas de opciones, los botones en una interfaz normal deben permanecer cortos en texto. Estilos a los elementos enfocados. Es común manejar varios tipos de elementos a lo largo de un formulario, por ello es fácil que la atención del usuario se pierda si no incluimos una ayuda visual. Podemos agregar un estilo individual para el campo donde actualmente se encuentra colocado el puntero, esto ayudará al usuario a identificar la parte que sigue en el proceso, y donde debe de introducir la información.

El personalizar tus elementos de formulario agregará una cierta estandarización que persistirá en todos los navegadores, permitiéndote garantizar una imagen homogénea de tu sitio.

67

Como ya dijimos, en este curso vamos a tomar como modelo de gestor de sitios a Pretashop. A continuación introduciremos el tema, para después centrarnos en la configuración del Backend de este gestor.

68

Pretashop: La solución e-commerce. PrestaShop es una herramienta utilizada por más de 40.000 tiendas que permite construir de manera simple y eficaz un sitio de venta en línea sin tener grandes conocimientos ni de programación o diseño de páginas web de antemano. Esta herramienta es de fácil funcionamiento, intuitiva y eficaz. PrestaShop propone un backend muy potente que le permite administrar en tiempo real su tienda (catálogo, historial de pedidos, gastos de envío, clientes, carritos llenos, etc.). Sus clientes podrán así, disfrutar de una tienda agradable a su medida. PrestaShop ofrece un panel de administrador completo, de utilización simple, que propone más de 200 aplicaciones en estándar, y permite una gran adaptación y personalización respondiendo así a todas sus necesidades.

Instalación de Pretashop. Descarga del software. La primera etapa para utilizar la solución e-comercio PrestaShop consiste en instalarla en su hosting. Debe descargar la última versión del software de tienda en línea en la siguiente dirección: http://www.prestashop.com/es/downloads/

69

Una vez que haya terminado la descarga, aparecerá un archivo en formato zip., extráigalo con un programa de extracción de archivos. Si no tiene ninguno, le aconsejamos que utilice Winrar, Winzip o incluso una versión libre 7zip. (http://www.7-zip.org/ ). Cuando haya extraído el contenido del archivo, deberá colocarlo en el servidor que alojará su tienda. Para ello, debe poseer un hosting o solicitar uno directamente a PrestaShop. Consiga un software FTP para transferir la totalidad de la carpeta PrestaShop. Utilice por ejemplo Filezilla que es Open Source y totalmente gratuito: http://www.filezilla.fr/ Lance el programa FTP y conéctese a su servidor para comenzar a transferir la carpeta PrestaShop. Coloque la carpeta en la raíz.

70

Creación de una base de datos. Para poder almacenar el conjunto de la información de su tienda, PrestaShop utiliza una base de datos MySQL. Al crear esta base de datos puede encontrar diferentes posibilidades que dependen de su hosting. Por ejemplo, PhpMyadmin, una de las herramientas de bases de datos más utilizadas. En la página de inicio aparece una pestaña “Crear una base de datos”. Elija el nombre que quiere darle. Por ejemplo, PrestaShop. Una vez que le haya puesto nombre, pulse en “Crear” para validar. Entonces aparece el siguiente mensaje: “La base de datos PrestaShop ha sido creada”. Ver la siguiente imagen:

71

Instalación. Una vez que haya creado la base de datos, ya puede lanzar la instalación de su tienda en línea PrestaShop. En su navegador elija la URL de su nombre de dominio o la dirección de su servidor y añada “/install”. Ejemplo: mitienda.com/install. Después aparecerá la ayuda de instalación:

72

Seleccione el idioma que quiera y pulse en “siguiente”. La página “Sistema y permisos” aparece. Esta le indica si la configuración de su servidor es totalmente operacional. En ese caso todos los puntos deben aparecer con un icono verde y circular de OK a la izquierda.

Si aparecen iconos rojos, puede ser debido a diferentes problemas. En lo que respecta a la categoría “Parámetros PHP” puede ser debido a una incompatibilidad o a una configuración incorrecta de su servidor. Transmita el punto incorrecto a su hosting para que le ayude a corregirlo. En lo que respecta a los “Derechos en escritura”, vuelva a su software FTP, pulse clic derecho en las carpetas que aparecen no válidas y pulse en “Permisos de archivos”. Seleccione otros permisos aplicando la función recursiva. (Ejemplo de permisos de archivos: 777, 755, 705, etc.). Ver la siguiente imagen:

73

Después, pulse en “comprobar de nuevo” en el asistente de instalación de PrestaShop. Cuando todos los elementos sean válidos, pulse en “siguiente”, llegará a la página de configuración sistema. Conexión a la base de datos.

74

Se requieren varios campos que le proporcionará su hosting. Introduzca el nombre de la base de datos que acaba de crear en el campo “Nombre de la base”. Después pulse en “Hacer test SQL” para comprobar que los parámetros son correctos, en cuyo caso aparece el mensaje “Se ha encontrado la base de datos”. Si no es el caso, significa que los datos que ha introducido no son correctos, compruébelos en su hosting y renueve la operación. Pulse en “Siguiente”. Encontrará la página de configuración de la tienda. Proporcionar datos generales.

Rellene el conjunto de los datos que le conciernen. Seleccione el logo de su tienda pulsando en “Elija un archivo”, después búsquelo en su ordenador. Posteriormente podrá modificarlo en el Backend de su tienda una vez instalado. A título indicativo, el logo aparecerá:

En todas la páginas de su tienda. En su backend. En los correos electrónicos transmitidos a sus clientes.

75

En sus documentos contractuales (facturas, vales de devolución, etc.). Si desea conservar una huella de los datos que acaba de introducir, marque la opción “Recibir mis datos por correo electrónico” (aconsejable). Después pulse en “Siguiente” para terminar la instalación de su tienda. Fin de la instalación.

En este momento, aparecerá una página recapitulativa que le recuerda los datos que ha introducido. En la parte inferior, aparecen los temas y módulos que le permiten personalizar su tienda a su conveniencia.

76

Los temas servirán para personalizar el aspecto gráfico de su tienda, mientras que los módulos le permiten añadir nuevas aplicaciones. Puede consultarlas directamente en el siguiente link: http://addons.prestashop.com/es/ ¡Su tienda ya está instalada! Pulse en « Descubrir mi tienda » para acceder al escaparate de su tienda. Supresión de la carpeta Install/Renombrar carpeta admin.

Para terminar la instalación, utilice el software FTP para suprimir la carpeta Install. Por otra parte, cambie el nombre de la carpeta «admin» por otro. Al añadir el nombre Admin es posible acceder a su Backend, y puesto que “admin” es el nombre de base común a todas las tiendas, es necesario modificarlo para que sea inaccesible a personas ajenas a su servicio. Para modificarlo, pulse clic derecho en la carpeta Admin, después seleccione el nombre que desee.

77

Memorice este nombre ya que lo necesitará para acceder a su Backend.

Fin de la instalación/conexión al Backend.

Una vez haya renombrado la carpeta, introdúzcala a continuación de la URL de su tienda directamente en su navegador. Por ejemplo: http://www.mitienda.com/adminprestashop. En este momento, llega a la página de conexión del panel de administrador. Introduzca los datos de

78

conexión, es decir la dirección de correo electrónico y la contraseña. Validar pulsando en “Conexión”. En este momento aparece la página de inicio del Backend o panel de administrador de su tienda, a partir de la cual puede empezar a configurar su tienda para proponer productos a sus clientes. Descubrir y configurar el Backend PrestaShop. Una vez la tienda ha sido correctamente instalada y está libre de errores procederemos a descubrir y configurar el Backend o Backoffice de Pretashop. La página de inicio del Backend de PrestaShop se divide en tres partes: Navegación: Agrupa el conjunto de las pestañas útiles para recorrer los diferentes apartados de su tienda. Panel de control: Incluye el conjunto de los datos más importantes de su tienda como el número de pedidos, el volumen de ventas realizado, etc. Novedades de PrestaShop: Le informa sobre las novedades del software PrestaShop como las actualizaciones. Debe consultar regularmente este apartado para estar al tanto de las nuevas aplicaciones de su tienda y poder actualizarla.

79

El primer contacto con su tienda se hace a través del Backend, o Panel de administrador. La navegación en el interior del Back-Office se efectúa con ayuda de las pestañas, situadas en la parte superior de la ventana. Encabezado del Backend. A lo largo de la parte superior de cada página del Back Office se encuentra con el siguiente encabezado que se compone de una serie de elementos que explicamos a continuación.

Buscar. Buscar por producto, categoría, o ID de pedido (sólo referencia numérica). Idioma. Clic en el icono de una bandera para cambiar el idioma del Back Office. Acceso Rápido. De la lista desplegable, seleccione:

Inicio para volver a la página principal del Backend. Mi Tienda para ir a la página principal de su Frontend. Nueva categoría para crear una Categoría nueva. Nuevo producto para añadir un Producto nuevo al catálogo. Nuevo pedido para crear un nuevo Pedido.

Salir. Clic en junto al nombre de usuario para salir. Fichas del Backend. La Tienda Virtual también muestra en la parte superior de cada página, varias fichas del Backend que a continuación explicamos.

Catálogo. Utilice la ficha Catálogo para acceder a su catálogo de productos. Desde la ficha Catálogo, puede crear y gestionar lo siguiente:

80

Categorías y Subcategorías. Ordene sus productos por categorías y subcategorías. Los productos pueden pertenecer a múltiples categorías y subcategorías. Las categorías se clasifican automáticamente por orden alfabético, pero también las puede ordenar numéricamente.

Productos. Introduzca toda la información relacionada con el producto que está vendiendo, incluyendo texto, imágenes, especificaciones, dimensiones, y combinaciones de características (por ejemplo: color/peso/precio).

Fabricantes. Gestione los fabricantes de los productos que quiere vender.

Proveedores. Gestión de proveedores y lugares de abastecimiento de los productos de su catálogo.

Atributos y grupos de atributos. Creación y gestión de los diferentes atributos que deben utilizarse y combinarse para crear los diferentes modelos de sus productos.

Características. Añada y gestione las características utilizadas para describir sus productos a través de la asociación de los grupos/modelos de atributos. Las características son estrictamente informativas. Utilice los atributos cuando las modificaciones de un producto afecten a diferencias de precio o cantidad entre modelos.

Clientes. Ver y gestionar las cuentas de todos sus clientes, incluidas las de aquellos que se registraron pero todavía no han comprado. Dar seguimiento a todas sus acciones, el estado de sus carritos de compra y otras acciones que dan al Prestashop una potencia increíble a la hora de la gestión de usuarios.También se puede añadir cuentas de clientes manualmente. Pedidos. Ver y gestionar todos los pedidos realizados a través del Front Office, incluidos los incompletos y los errores de procesamiento. También puede gestionar desde aquí las devoluciones de Mercancías (RMAs), hojas de Crédito, estado de los Pedidos, y las facturas PDF. Pago. Es una de las partes fundamentales de nuestro sistema, es la parte que debemos monitorear constantemente, en este se muestran todos los pedidos de nuestros clientes, de esta forma usted sabrá qué debe enviar y cuando, verá si

81

está pagado todo o no, como dijimos al principio recuerda que el éxito de nuestro negocio está en la seriedad que le demos al tema. Podrá gestionar además: albaranes de entrega, devoluciones de productos, vales, entre otros. Esta ficha incluye:

Módulos. Configure o desinstale los módulos encargados de recibir y procesar los pagos online.

Monedas. Gestione las monedas aceptadas para las transacciones realizadas a través del Frontend.

Impuestos. Configure los impuestos aplicados a las transacciones realizadas a través del Frontend.

Descuentos. Gestione los vales de descuento que pueden ser canjeados por sus clientes a través del Frontend.

Transporte. Organice todo lo concerniente al envío de sus productos a sus clientes, incluyendo los siguientes elementos. Es importante que antes de configurarlo todo obtengamos datos claros y concisos de nuestro agente de envío.

Transportistas. Establezca los transportistas que sus clientes pueden escoger cuando efectúan un pedido.

Países. Seleccione aquellos países a los que vaya a efectuar envíos.

Zonas. Cree zonas para agrupar los gastos de envío. Por ejemplo, si usted opera desde España y los gastos de envío a Francia y Portugal son similares, podría crear una nueva Zona llamada “Vecinos” que incluya a Francia y Portugal.

Rangos de Precios. Determine los rangos de precios a utilizar en función del peso para el cálculo de los gastos de envío.

Rangos de Peso. Determine los rangos de peso total de los paquetes a utilizar en función del precio para calcular los gastos de envío.

82

Estadísticas: En esta sección podremos revisar todas las estadísticas de nuestro sitio. Un consejo importante es siempre estar pendiente a las estadísticas: qué es lo que más se vende, las votaciones de nuestros usuarios y todo lo que se mueva en ese contexto, de ahí sacaremos nuestras propias cuentas y ver lo más aceptado y lo menos, categorías más visitadas, entre otras conclusiones.

Módulos. Es donde están instalados o por donde se pueden instalar todos los módulos de nuestra tienda. Para los usuarios básicos de Internet, los módulos son funcionalidades que se les acoplan a un sistema para lograr un objetivo determinado; ejemplo de esto lo constituyen los módulos de pagos. Su mayor funcionalidad es dotar a nuestro sistema de varias formas de pago.

Posiciones. Trasplante (mueva) Módulos de una sección de la página del Front Office a otra.

Empleados. Añada, edite y borre a los empleados que pueden acceder al Back Office de Tienda Virtual. Permite gestionar todos nuestros empleados y sus permisos dentro de nuestro sistema. Preferencias. Establezca las preferencias tanto del Back como del Front Office, incluyendo idioma, país y moneda por defecto, y cambie el tema del Front Office.

Apariencia. Seleccione el logo de su cabecera, Favicon y metadatos.

Configuración de Producto. Escoja como se verán sus productos en el Front Office.

Configuración de correo. Determine cómo enviará sus emails el Back Office (por medio de la función de correo de PHP o a través del servidor SMTP).

Ajustes de Imagen. Configure los distintos tamaños que usará Tienda Virtual para presentar sus imágenes, y regenere las imágenes en miniatura.

Ajustes de la Base de Datos. Configure los parámetros de conexión entre Tienda Virtual y su base de datos MySQL.

83

Herramientas. Herramientas que nos ayudan a la administración y construcción de nuestro sistema, con ella ocurre lo mismo que con las preferencias, ya en su momento detallaremos cada una.

Perfiles. Cree tipos de usuario para el Back Office de Tienda Virtual (p.ej., Administrador, Empleado de Ventas, Gerente de Inventario, etc.).

Permisos. Determine que Perfiles de Empleados tienen acceso a determinadas funciones del Back Office, y si pueden ver, añadir, editar y/o borrar información.

Contactos. Cree y gestione los Contactos a los que se les enviarán emails una vez usen el formulario Contáctenos del Front Office.

Idiomas. Añada idiomas para hacer accesible a los clientes su Front Office. (El idioma que quiera usar puede que ya exista; compruebe del Foro de la Comunidad de Tienda Virtual > Idiomas para disponibilidad de idiomas.)

Traducciones. Modifique, exporte o duplique los idiomas instalados, o importe un nuevo fichero de idiomas.

Pie del Backend. A lo largo de la parte inferior de cada página del Backend se observan los siguientes elementos:

Enlaces al Foro de la Comunidad de Tienda Virtual y a la página de Contacto con Tienda Virtual. Para informar de un fallo, utilice por favor, la sección adecuada del Foro de la Comunidad. Número de Versión. Presenta la versión actualmente instada del programa Tienda Virtual.

84

Primeras configuraciones de Prestashop. Antes de comenzar la publicación de artículos y otros elementos en una tienda online, hay una serie de pasos que debemos cumplir antes, con el objetivo que cuando llegue ese momento todo esté configurado y listo para asumir la carga de los productos.

Añadir o editar toda nuestra información empresarial (Herramientas/CMS). En esta añadirá elementos como las condiciones de uso, quienes somos y otros elementos que lo ayudarán a orientar al usuario sobre su identidad y sus políticas.

Idiomas (Herramientas/Traducciones): le permite establecer su idioma

principal y todos los idiomas secundarios, con esto mucho cuidado, si elige más de un idioma deberá tener condiciones para sostener esto. Es un error común creer que si elige otro idioma las cosas se traducen solas y es incorrecto, el sistema de gestión solo trae traducido los elementos nativos del Front y BackOffice como son menúes, mensajes y otros elementos, el resto de los elementos van por usted.

Logo e imagen empresarial (Preferencias/Aspecto): En esta sección podrá

configurar lo referente a su imagen comercial, logotipo y tema gráfico de su tienda.

Configurar tiendas (Herramientas/Tiendas): En caso de tener una tienda

física configurarla en este apartado.

Configurar información de contacto (Preferencias/Datos)

Configurar unidades de medida a utilizar (Preferencias/Ubicación): En esta sección debe configurar todas las unidades de medida.

Configurar moneda a utilizar (Pago/Divisas): Se configura la/las monedas

que se van a aceptar en el sitio, lo más importante de esto es que desde el principio se defina bien esto, sino luego manualmente deberá cambiar cada uno de los valores en los productos.

85

Establecer régimen fiscal (Pago/Reglas de impuestos): Se establece el régimen fiscal al que está sujeto.

Establecer detalles bancarios (Módulos): Buscar los módulos de pago y

establecer los elementos de pago.

Rellenar elementos del catálogo. Antes de insertar un producto se deben rellenar elementos como atributos, fabricantes, proveedores, etc., con el fin de que todo esté listo.

Ya familiarizados con los principales menús de Prestashop, estamos en condiciones de comenzar a trabajar con el mismo. Para obtener más información sobre toda la configuración completa del Backend de Pretashop pestaña a pestaña, recomendamos el siguiente manual en PDF que se pueden descargar en la siguiente dirección. http://www.mervir.es/manuales/Manual-Tienda-virtual-mervir-Prestashop.pdf

86

MÓDULO 4. EL DISEÑO.

Principios del diseño Web. La cantidad de páginas web existentes se pueden contar en miles de millones. Sin embargo, un bajo porcentaje de ellas tienen un buen diseño, debido fundamentalmente a que muchos diseñadores web no siguen los principios básicos del diseño web, a lo que puede sumarse que la mayoría de estos diseñadores web no son profesionales ni conocen en profundidad el terreno en el que se desenvuelven. El diseño web es mucho más que la aplicación del buen gusto. El diseño web es una técnica que se basa en una serie de reglas, más o menos definidas, que sirven para crear algo que resulte útil y atractivo a la vez.

Y de la mano del diseño puramente gráfico del sitio, va toda una planificación de los contenidos del sitio, las estructura de los menús, cómo será la interacción con el usuario, rutas de navegación, arquitectura de información y en definitiva, todo un diálogo que ha de establecerse entre el sitio web y el visitante, que debe pensarse y planificarse para que éste ultimo entienda el contenido del sitio y sepa usarlo. Por lo que el diseño web es mucho más que darle color y estilo a una página web.

87

Durante la planificación de un proyecto, debe tenerse en cuenta que es muy probable que exista algo similar en la web, lo que hace que el diseñador se vea obligado a hacer un buen diseño para poder competir. El diseño web tiene dos partes bien diferenciadas: la funcionalidad o usabilidad y la estética. Ambas son imprescindibles, ya que una página funcional pero con mala estética no atraerá la atención de posibles usuarios o visitantes, mientras que una página muy bonita pero que funciona mal hará que los visitantes que lleguen atraídos por la buena estética del sitio no regresen a él por no encontrar lo que necesitan o les resulte difícil. En esta introducción vamos a referirnos exclusivamente al diseño web desde el punto de vista estético para realizar una página atractiva y efectiva. Selección del tipo de diseño. El diseño de una página web debe estar acorde con el contenido de la misma. Esto quiere decir que la selección del tipo de diseño que va a llevar nuestra web debe estar acorde con lo que el usuario busca en ella y con el producto o servicio ofrecido por la misma. Por ejemplo, una página destinada a juegos y un periódico digital, implican estéticas totalmente diferentes, ya que mientras que en la primera prevalecerán los colores fuertes y estará basada en imágenes, el periódico digital deberá ofrecer un aspecto más sobrio, elegante, ordenado y se basará en imágenes y contenidos escritos. El diseñador deberá analizar estos factores y planificar su trabajo, haciendo una maqueta. Esta maqueta no es más que un dibujo de lo que programará posteriormente. Para hacer una maqueta primero se piensan y deciden los contenidos que va a tener el sitio, con papel y lápiz se estructuran y bocetan las secciones principales, posicionando cada elemento de la página en el sitio que se considere apropiado, y una vez se tiene en papel un boceto de como será la página web, se pasa a diseñar la parte gráfica empleando programas de dibujo. El Photoshop es muy usado para tal efecto, aunque también hay otros programas como Gimp, que pueden ayudar igualmente en el proceso.

88

Esta maqueta hecha en Photoshop tendrá además otra funcionalidad, ya que podrá extraerse de ella las imágenes para crear fondos, menús, botones, etc. Los principios del diseño web. El diseño web debe seguir los mismos principios que rigen cualquier clase de diseño. Una página web, la portada de un libro, una revista, un periódico o cualquier otra publicación deben estar diseñados bajo los mismos principios, entendiendo las diferencias que corresponden a cada medio. Esto quiere decir que, para tener ejemplos de buenos diseños, podemos observar y analizar publicaciones exitosas y atractivas para saber cómo se deben ordenar y decorar los elementos componentes de nuestra web. Otra forma de observar buenos diseños es visitar páginas que se destaquen por ello, como puede verse en las siguientes páginas: http://www.webbyawards.com/ http://designdisease.com/ Los principios que rigen el diseño web son:

Balance. Es el equilibrio que debe existir entre los diferentes elementos que componen la página. Imágenes y texto, elementos grandes y pequeños, zonas oscuras y claras, etc., deben estar balanceadas de forma tal que la página no solo resulte atractiva, sino que además logre enfocar la atención del usuario sobre aquellos elementos que nos interesa que lo haga.

Contraste. El contraste es una forma de distinguir los elementos que deseamos resaltar. Diferencias en la tipografía, diferencias en las formas (círculos, cuadrados, rectángulos, etc.), diferencias de tamaño (una imagen más grande con otras más pequeñas, por ejemplo), texturas y fondos diferentes, etc., son algunos de los contrastes que pueden emplearse para enfocar la atención del usuario sobre los elementos más importantes de la página.

89

Énfasis. Es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que sucede con este texto, donde los títulos se encuentran resaltados así como algunas palabras o frases, de forma que facilita la comprensión de lo que se quiere transmitir.

Repetición o ritmo. El ritmo o repetición es una forma de establecer patrones con los que se ordenan los elementos de la página. Si los elementos de una página web siguen un patrón determinado, es mucho más sencillo para las personas comprender el contenido y acceder a la mayor parte del mismo en poco tiempo. Este punto es clave para mantener la usabilidad del sitio.

Proximidad o unidad. Este concepto se refiere a colocar juntos o próximos los elementos que estén relacionados, formando unidades visuales que brindan coherencia al contenido de la página. Utilidad de los principios de diseño web. El diseño de una página web debe hacer que el usuario que ingresa a la misma sea guiado hacia la información que nos interesa que vea.

90

El logo de una página web suele colocarse en el extremo superior izquierdo debido a que hay estudios que indican que ese es el sitio que miran los internautas cuando ingresan a la página, y al que vuelven a mirar para saber dónde están. Además, los logotipos suelen ser grandes y llamativos. De ahí en más, el usuario debería ser guiado mediante una secuencia de pasos por las zonas del documento que nos interesa que vea. La atención que prestan quienes navegan por internet a cada página que visitan es apenas de unos pocos segundos, por lo que cada instante que el usuario de la página desvíe su atención de lo que nos interesa comunicar, estaremos perdiendo la oportunidad de mostrarle lo que realmente nos interesa que vea. Un aspecto importante a tener en cuenta es la legibilidad y la amenidad de los contenidos aplicados en el diseño. Esta atención sobre las partes esenciales del contenido es la meta que debe seguir todo diseño. En los breves segundos que el usuario presta atención antes de irse de la página, el diseño debe lograr que se quede y guiarlo por el contenido de la página para cumplir los objetivos de la misma. Otra misión importante del diseño web es colaborar en convencer al usuario de la página que el servicio o el producto ofrecido es lo que necesita o le conviene. Para ello es necesario que el diseño web se ajuste a los requerimientos del producto o servicio, sin descuidar los principios del diseño. Todo esto, que parece complejo, resultará mucho más sencillo en la medida que se vaya ahondando en el diseño de páginas web, ya que la puesta en práctica de estos principios hará mucho más sencilla su comprensión. Iniciarse en el diseño Web. ¿Qué se necesita para ser diseñador web? Iniciarse en el diseño web implica necesariamente un proceso de aprendizaje. Todo diseñador web debe conocer al menos dos lenguajes de programación web (HTML y CSS, que son indispensables y complementarios), saber como elegir un servidor, contratar un dominio, pagar y cobrar por medios electrónicos, emplear editores HTML, editar imágenes, usar editores WYSIWIG y una larga lista de etcéteras.

91

Sin embargo, muchas de estas tareas son realmente sencillas, y las que no lo son, resultan realmente divertidas, por lo que a quien se sienta atraído por el diseño Web, no le costará ningún trabajo aprender todo esto. La primera tarea que se debe emprender, es aprender el lenguaje HTML (Hyper Text Markup Language), para lo que recomendamos leer la guía que pueden encontrar en el siguiente enlace: Manual de HTML. http://profesores.fi-b.unam.mx/cintia/Manualhtml.pdf

A pesar de que posteriormente se tome la decisión de emplear editores WYSIWYG como Dreamweaver, que para personas inexpertas facilitan mucho la tarea, puesto que tiene un editor visual que te permite crear tu página web sin necesidad de profundizar en el código. No obstante, conocer el lenguaje HTML es indispensable, ya que en la

mayoría de las veces el diseñador web tiene que retocar el código producido por estos editores. Una vez que se han obtenido los conocimientos fundamentales de HTML, el siguiente paso es aprender a utilizar CSS (Cascading Style Sheets u Hojas de Estilo en Cascada). CSS es un lenguaje que permite al diseñador web dar la apariencia visual desea a sus páginas. Con un correcto marcado html, puedes crear páginas muy diferentes usando tan solo CSS. Además, CSS permite mantener separados los contenidos de la presentación, emplear el mismo código en varias páginas, modificar la presentación de la página sin afectar a los contenidos y viceversa y da un mayor control al diseñador sobre los estilos y formatos de sus páginas. En el siguiente enlace recomendamos un manual de introducción al CSS. http://www.jesusda.com/docs/ebooks/introduccion_css.pdf

92

El lenguaje CSS es algo más complicado que HTML, pero también es más entretenido. Llegar a tener un conocimiento avanzado sobre CSS requiere mucha experiencia y tiempo, uno se da cuenta conforme va aprendiendo que en realidad le queda mucho por entender y a veces el límite sólo lo pone la imaginación. Se pueden hacer cosas increíbles sólo con CSS. Como decíamos, conseguir tener control total sobre CSS es algo que va a llevar más tiempo, mucha práctica y requerirá constancia. El aprendizaje del lenguaje CSS tiene una utilidad adicional, y es que puede considerarse un paso intermedio antes de comenzar a estudiar otros lenguajes más avanzados. ¿Qué es HTML? El lenguaje HTML consta de una serie de comandos u órdenes que los navegadores pueden interpretar, por lo que puede decirse que una página web es un documento donde se escriben contenidos y una serie de instrucciones para indicarle al navegador como debe mostrarlos. A través del lenguaje HTML podemos comenzar los primeros pasos en el diseño web. Tal como se describe en el manual básico sobre HTML, para comenzar a realizar nuestras primeras prácticas solo es necesario emplear un editor de texto y un navegador. El lenguaje HTML está compuesto por etiquetas que no son más que instrucciones que le indican al navegador qué hacer. Algunas de estas etiquetas son instrucciones puntuales, por lo que se componen de una sola instrucción o etiqueta, mientras que otras pueden tener una extensión ilimitada, por lo que es necesario introducir una etiqueta de apertura y otra de cierre, limitando la extensión de la instrucción. A la mayoría de las etiquetas HTML se le puede agregar atributos y un valor para éste. Para poder comprender mejor estos conceptos, daremos un ejemplo sencillo.

93

La etiqueta <hr> produce una línea horizontal que se extiende por todo el ancho del documento y que tendrá un grosor de 1 píxel. Sin embargo, es posible crear líneas de distintos grosores empleando esta etiqueta, para lo que deberemos agregar el atributo SIZE, al que le podremos dar el valor que deseemos:

Todos estos conceptos se verán más claros en la medida que nos vayamos introduciendo en el aprendizaje del lenguaje HTML. Es aconsejable tener a mano un listado de las etiquetas HTML para realizar cuantas consultas se necesiten hasta que se vayan memorizando los códigos básicos. ¿Qué es CSS? Al igual que el lenguaje HTML, el lenguaje CSS solo requiere el empleo de un editor de texto y un navegador, si bien es cierto que resultan de mucha utilidad algunos programas que están creados exclusivamente para crear hojas de estilo. HTML y CSS son lenguajes complementarios, ya que, a pesar de que pueden realizarse páginas web sólo con HTML, esto no es lo más conveniente ni lo más aconsejable, la presentación visual del sitio dejará mucho que desear. El lenguaje CSS se emplea exclusivamente para definir como se va a presentar el contenido de la página. Esto puede llevarse a cabo dentro del documento HTML, dentro de cada etiqueta de ese documento o bien como parte de un documento anexo a la página web. Mediante el empleo de CSS, se puede organizar la página disponiendo el lugar y la extensión que ocupará cada elemento y el formato de los mismos e incluir imágenes, videos y sonidos (como consejo, no uses sonidos en las páginas web,

94

son molestos, resultan poco profesionales y no aportan nada al sitio) y definir como se mostrarán cada uno de ellos. Otros lenguajes. En la medida que las exigencias del diseño van avanzando, se hará necesaria la inclusión de otros lenguajes, como javascript, php, asp y otros, ya que con HTML y CSS se consiguen páginas estáticas, donde el usuario se encuentra limitado a ver o escuchar el contenido. Algunas páginas web requieren que los usuarios interactúen, envíen datos, llenen formularios, etc., lo que solo es posible incluyendo otros lenguajes, al menos en parte de las páginas. Si bien es cierto que hoy en día la mayoría de páginas web funcionan gracias a gestores de contenido (CMS), que son aplicaciones prefabricadas en las que la parte de programación y diseño está ya creada por defecto, y normalmente se personalizan/modifican para usarse. En este punto el diseñador puede plantearse dar el salto al desarrollo web, y aprender estos lenguajes de programación, o bien puede comenzar a trabajar mano a mano con programadores que tendrán muchos más conocimientos que él en estos lenguajes, y poder aprender de primera mano las bases del diseño y a la vez impulsar su negocio. Conclusión. A pesar de que la lista parezca un poco extensa, una vez que se introduzcan en el mundo del diseño web, el aprendizaje de cada uno de estos lenguajes los irá llevando a introducirse en otros, por lo que el conocimiento lo irán adquiriendo en la medida que lo vayan necesitando y no como método forzado de estudio. El aprendizaje del diseño web se produce en una forma muy entretenida, ya que normalmente, los que se dedican al diseño web lo hacen por vocación y muchos de forma autodidacta. La práctica les hará ver los resultados de lo que se va aprendiendo, aplicando los conocimientos adquiridos desde el mismo momento en que este aprendizaje se inicia, lo que resulta muy estimulante y satisfactorio.

95

Pasemos a continuación a ver algunos elementos concretos del diseño de nuestra tienda online, como va a ser la selección del tema o plantilla, la configuración de los elementos del Frontend y la estructuración en secciones y páginas de nuestra página web.

96

UNIDAD DIDÁCTICA 1. LA SELECCIÓN DE PLANTILLA

BÁSICA. La coherencia visual que todo sitio web debe tener, hace que el diseño deba estar basado en una plantilla o tema, sobre la cual se harán las variaciones que cada página requiera.

Un sitio web no es una unidad real, sino que se trata de una serie de páginas independientes. El concepto de unidad de un sitio está dado por la unidad conseguida a través del diseño. Esta unidad implica necesariamente que el diseño tenga coherencia visual. En la práctica, además de ser deseable,

salvo pequeños detalles en la estructura y algunos pequeños cambios visuales, es poco práctico y una gran pérdida de tiempo establecer diseños diferentes para páginas o secciones de un mismo sitio. Dentro de los objetivos que debe trazarse un diseñador a la hora de iniciar el diseño de un sitio web, está la identidad institucional, o lo que es igual, lograr que los usuarios identifiquen cada página del sitio como parte de una unidad. Esto se logra empleando plantillas de diseño, o sea, la repetición de un mismo diseño con variación casi en forma exclusiva en los contenidos. Sin embargo, existe la posibilidad de que algunas secciones o páginas del sitio requieran un tratamiento especial, por lo que seguramente el diseñador necesitará realizar más de una plantilla, que generalmente son variaciones de una misma plantilla original. Dónde comenzar el diseño de la plantilla. Todo diseñador novel tiene la tendencia natural de iniciar el diseño de un sitio construyendo la página inicial. Sin embargo, la página inicial es una página con características especiales, por lo que si lo que se desea es establecer una unidad

97

visual del sitio, lo correcto sería comenzar por las páginas cuyo diseño se repetirá. Esto quiere decir, que lo mejor es comenzar diseñando las páginas interiores. Luego, el método debería continuar con las variaciones que algunas de las páginas interiores requieren, para finalizar en el diseño de la página inicial. Las páginas interiores deben ser diseñadas teniendo en cuenta cuáles son sus funciones, las que para todos los sitios son las mismas:

1) Navegación local e inserción de la página dentro de la estructura jerárquica del sitio.

2) Establecer el marco del diseño, introduciendo los contenidos en forma coherente con el resto del sitio.

3) Establecer el marco gráfico, dándole al sitio una coherencia visual, aunque lo suficientemente flexible como para adaptarse a las necesidades de cada sección o contenido.

En casos de sitios muy complejos, puede ser necesario establecer plantillas secundarias para diferentes niveles de estructura. También es conveniente en estos casos, establecer páginas de submenú, que facilitan la navegación interna dando al usuario nuevos puntos de apoyo para la navegación. Algunas páginas web, por razones de marketing necesitan establecer “entradas alternativas” al sitio. Por ejemplo, la página web de una cadena de supermercados, durante el período que dura una oferta especial, necesita que sus visitantes ingresen por otra página de inicio, que contiene los detalles de la oferta. Esta página que funciona como entrada alternativa, necesita tener una clara vinculación visual con el resto del sitio, y además debe orientar al visitante para que acceda a la página principal del sitio. En sitios de grandes corporaciones internacionales o negocios con varias sucursales, también es posible que deseen que cada una de las ramas tenga una sección destinada a cada una de sus divisiones. Esto puede realizarse estableciendo secciones o sitios independientes, los que deben, al igual que en los casos anteriores, mantener una unidad visual con el sitio principal, además de la mayor vinculación que sea posible.

98

La página de inicio. El diseño de la página de inicio, si bien tiene características especiales que hay que tener en cuenta, una vez que los pasos anteriores ya han sido resueltos, resultará sensiblemente más sencilla de realizar que si se hubiera comenzado el diseño por ella. Y esto está relacionado con que gran parte del trabajo de diseño ya ha sido realizado. La página de inicio tiene cuatro elementos por los que está compuesta. Cada uno de estos elementos es importante, aunque la importancia y la relación que tienen entre ellos es variable de un tipo de sitio a otro. Los elementos son los siguientes:

11)) Principio de identidad.

22)) Navegación.

33)) Enfoque del contenido.

44)) Herramientas. El diseño de una página de inicio debe siempre contemplar estos cuatro elementos constitutivos, aunque la importancia que debe darse a cada uno de ellos está relacionada con lo que el visitante querrá encontrar en el sitio cuando ingrese. Un ejemplo notable es la diferencia que existe entre las páginas de inicio de los buscadores Google y Yahoo!. Mientras que la página de inicio del buscador de Google se centra casi exclusivamente a la navegación, la página de inicio de Yahoo destaca otros elementos, como noticias destacadas (contenido) y otros servicios (herramientas). Otras páginas se deben centrar más en la imagen corporativa (principio de identidad), aunque en el caso de que no se trate de marcas plenamente identificables por tener una gran presencia, debe agregarse además breves comentarios explicativos que orienten al usuario en lo que encontrarán en el sitio. Si no se posee una marca reconocible a simple vista por cualquier usuario, la simple presencia de un logotipo, por bien diseñado que esté, no será suficiente para que el usuario sepa que es lo que encontrará en el resto del sitio. Distribución de los contenidos en la página principal. Algunos sitios, como los destinados a las noticias, necesitan introducir una gran cantidad de contenidos de todo tipo en su página de inicio. Esto necesariamente

99

requiere que haya una distribución ordenada de forma tal que los principales contenidos se encuentren en los lugares más destacados. Siguiendo con el ejemplo de una página de noticias, las noticias principales deberían tener acceso desde un lugar cercano a la esquina superior izquierda.

En cambio, en los sitios en cuya página principal puede introducirse poco o ningún contenido, en los lugares más relevantes debería colocarse elementos que generen un impacto visual en el usuario, de forma que se sienta atraído a buscar contenidos en páginas secundarias. Uso de menús desplegables. Para la mayoría de los usuarios normales, los menús desplegables suelen ser difíciles de manejar, y en muchos casos ni siquiera descubren que se encuentran allí. Este tipo de menús por lo general implican que el usuario debe posar el puntero en una zona de espacio bastante limitado, lo que puede generar alguna complicación a usuarios inexpertos o personas con algún tipo de problema motriz. Menos aconsejable aún es el empleo de menús desplegables que usan javascript o similares, ya que los enlaces contenidos en estos menús no son detectados por los motores de búsqueda, que no ejecutan los scripts. Contenido de los menús. Los menús principales, aquellos más visibles, generalmente ubicados cerca de la cabecera de la página, debe estar destinado a mostrar las secciones más apetecibles por los visitantes que ingresan a la página por primera vez. Esto se debe a que los usuarios habituales de un sitio, generalmente conocen en qué secciones pueden encontrar la información que buscan, mientras que los usuarios

100

que ingresan por primera vez, deben ser rápidamente orientados a las secciones que necesitan. Páginas de bienvenida. Salvo algunos sitios muy especiales, la mayoría de los sitios no solo necesitan una página de bienvenida (mucho menos con imágenes grandes o animaciones flash que llevan mucho tiempo de carga u obligan al usuario a buscar un botón de salida y hacer click en él), sino que constituye un verdadero problema, ya que se trata de la misma página a la que llegarán los motores de búsqueda, donde no encontrarán contenidos con información clasificable y muy pocos enlaces.

101

Introducción al diseño de plantillas en Prestashop. Cuando decidimos utilizar algún CMS, es decir, algún gestor de sitios web donde crear nuestra tienda virtual, una de nuestras principales preocupaciones es la construcción de un tema personalizado, que muestre en todo momento los detalles que nos interesan y se ajusten a nuestras necesidades. Prestashop nuevamente nos sorprende, no solo haciendo más fácil este proceso sino dándonos la libertad de ajustar nuestra interfaz al 100% a nuestro negocio. Para flexibilizar el proceso de gestión de plantillas Prestashop utiliza el Motor de Plantillas para PHP “Smarty” el cual, entre otras cosas, permite la separación entre el código PHP de la lógica y el HTML de la presentación, además de ayudar en un rápido desarrollo y despliegue de las aplicaciones realizadas con él. Para más información se pueden consultar los siguientes enlaces. Página principal de Smarty. http://www.smarty.net/ Documentación en español de Smarty. http://www.smarty.net/docsv2/es/ Detalles iniciales: diseñar temas para Prestashop. Para crear un tema en PrestaShop, también llamado theme o plantilla, tienes que conocer CSS, HTML y PHP. Si cumples estas premisas, antes de empezar a codificar un nuevo theme PrestaShop es preciso conocer también algunas cosas como el funcionamiento de un Theme PrestaShop, su estructura o algunas prácticas recomendadas.

102

A la hora de crear una plantilla en PrestaShop es importante conocer que PrestaShop se compone de distintos archivos que podrás modificar según tus necesidades o lo que quieras mostrar. Algo que tenemos que tener en cuenta a la hora de crear un theme en PrestaShop:

Cada uno de los temas están ubicados en la carpeta /themes, cada tema posee su propia carpeta; por lo que si creas una plantilla llamada “mitema” la dirección física sería “/themes/mitema”.

Los temas están compuestos por: los archivos “templates” (.tpl), las imágenes (.jpg, .png, .gif), los archivos de estilo (.CSS) y si es necesario los de JavaScript (.js).

Cada tema tiene una imagen llamada “preview.jpg” donde se muestra un vistazo de cómo debe verse nuestro sitio una vez instalado.

Para una mejor comprensión de la estructura interna de una plantilla, veamos la siguiente imagen:

La carpeta “/css” contiene todos los archivos CSS del tema. La carpeta “/img” contiene todas las imágenes. La carpeta “/js” contiene todos los ficheros JavaScript. La carpeta “/lang” contiene todas las traducciones. Un elementos a remarcar en esta carpeta es que debe tener permisos de lectura/escritura

103

para que de esta forma el módulo de traducción pueda modificar los elementos necesarios.

La carpeta root incluye todos los archivos .tpl generados por Smarty así como el preview.jpg.

Manejo de las traducciones en un tema de Prestashop. Una de las funciones de Prestashop que le dan tal flexibilidad es el manejo dinámico de traducciones. Para resolver esto, Smarty orienta que todos los elementos traducibles (son los elementos que se mostrarán en alguna interfaz y a criterio del autor deba ser traducible) estén con la siguiente estructura:

Cuando la herramienta de traducción de Prestashop detecte esto, automáticamente nos brindará la opción de traducir este texto a todos los idiomas deseados. Antes de empezar con la creación del tema, vamos a hacer un listado con la lista de las mejores prácticas:

No mezcles XHTML y código PHP. No mezcles XHTML y código CSS. Los CSS deben ir en un archivo a parte. Valida tu código XHTML y CSS. Asegúrate de crear código legible para un mejor mantenimiento. Comenta el código. Al editar un theme, primero ponlo en modo “Mantenimiento” en el

backoffice. Cuando sea posible, usa CSS Sprites.

Mecanismos de transmisión de datos en Prestashop. Prestahop presenta una estructura de transmisión de datos muy similar al resto de los CMS y aplicaciones desarrolladas con la arquitectura Modelo-Vista-Controlador, es decir separa las capas del modelo, la vista y las controladoras,

104

además de definir algunas variables globales y mecanismos de transmisión de datos bien establecidos. Veamos como maneja Prestashop la transmisión de los datos:

Nótese como en el controlador “hello.php” se inicializan las variables $surname y $lastname, al invocar a la vista “hello.tpl” este da la opción de imprimir “Hello world my name is”. Una de las conclusiones a las que debe llegar es que en Smarty el comando / (Barra inclinada) es el que ordena que se muestre algo y se adjunta las variables transmitidas desde el controlador. Personalizando un tema de Prestashop. Para lograr un tema único de Prestashop hay dos formas fundamentales: crear un tema desde cero y personalizar uno ya creado. En primer lugar daremos los pasos necesarios para personalizar uno. Para personalizar un tema debemos seguir los siguientes pasos:

11.. Copiar el tema que vamos a modificar. Copiamos para la carpeta “/themes” la carpeta con el tema que vamos a modificar, en caso de ya estar en la misma carpeta deberemos duplicarlo y renombrarlo.

105

22.. Modificando la hoja de estilo. Localizamos la carpeta CSS y podemos modificar el estilo de nuestro tema tanto como deseemos. Dependiendo de los conocimientos de CSS de que disponga el diseñador, se podrán realizar cambios en mayor o menor medida. Dentro de la carpeta CSS el archivo global.css es el que contiene todo el estilo de nuestro sitio. Recuerde que si incluye alguna imagen nueva esta debe ser copiada en la carpeta “/img”.

33.. Crear “preview.jpg”. Una vez finalizado los cambios al tema, debemos hacer un screenshoot al tema nuevo, este nos servirá para que el módulo de gestión de temas de Prestashop pueda mostrarlo. Crear un tema desde cero en Prestashop. Para crear un tema en PrestaShop hay que dar un paso más para que funcione, no basta con copiar la carpeta y seleccionar el tema en las preferencias. Ahora, dentro de Preferencias/Temas, tenemos que añadir nuestro tema desde el botón que hay en la parte superior derecha “Añadir Nuevo”.

106

Y en la ventana que se nos muestra, debemos indicar el nombre de la plantilla y el nombre del directorio, que en nuestro caso, será para los dos campos: “RentalOnline”

107

Hacemos clic en “Guardar” y ya nos aparecerá nuestro tema para seleccionarlo.

Crear Captura y probar. Para ayudar a visualizar el tema en el panel de administración, es necesario que todos los temas tengan un archivo preview en la carpeta raíz del tema con el siguiente nombre: preview.jpg con un tamaño de 100×100 píxeles. Para verificar que hemos hecho las cosas bien, vamos a nuestro panel de administración, accedemos a la pestaña “Temas” y la subpestaña “Aspecto/Preferencias”, seleccionamos nuestro nuevo tema “RentalOnline” y Guardamos. Si todo ha ido bien, deberíamos ver nuestra plantilla funcionando en la parte frontend de nuestra web. Estructura de un tema en PrestaShop. Hemos creado un tema sin cambiar absolutamente nada del código aun, tan sólo lo hemos preparado con unos archivos básicos copiados del tema por defecto y ahora procederemos a modificar los que nos hagan falta para darle nuestro estilo. Para ello antes tenemos que conocer un poco la estructura de un tema en PrestaShop.

108

109

110

111

Integración de un tema en PrestaShop. Para poder modificar o crear un tema en PrestaShop hay que saber ubicar los módulos y hooks, así que primero vamos a explicar que es cada cosa y después veremos donde se ubican. Hooks: Son parte de código que te permite crear módulos para interactuar con los displays o eventos. Estos Hooks, que en realidad con contenedores, permiten recuperar eventos o cambiar la pantalla.

112

Para usar un hook, hay que ir a la clase del módulo y crear un método estático público a partir de la palabra “hook” seguido del nombre del “hook“, por ejemplo “hookRentalOnline”. Hay dos tipos de hooks, Hooks de Acción (por ejemplo enviar un mail cuando el cliente crea un usuario) o Hooks de Vista (por ejemplo, para mostrar un módulo en una columna). Módulos: Los módulos nos permiten añadir funcionalidades a nuestra tienda los cuales podrán ser colocados en contenedores de nuestra página web, los conocidos Hooks.

Existen distinos tipos de módulos, entre otros se pueden mencionar:

Forma de Pago. Columna Izquierda. Columna Derecha. Página Principal. Cabecera. Pié de Página. Pié del Producto. Factura.

Aplicando todos estos conocimientos y técnicas seremos capaces de implementar, retocar o diseñar una plantilla para nuestra tienda online que se adapte a las necesidades que esta requiere.

Recuerda ser paciente y cuidadoso en estos primeros detalles.

113

UNIDAD DIDÁCTICA 2. CONFIGURACIÓN DE LOS

ELEMENTOS BÁSICOS DEL FRONTEND. Estructura de una página Web. Estructura del diseño. La estructura del diseño de una página web tiene una serie de reglas que se encuentran estandarizadas gracias al uso continuo. Los usuarios conocen estas reglas y esperan encontrar cada cosa en su sitio. Un sitio web es una serie de páginas individuales, que pueden o no tener alguna conexión temática. Sin embargo, como ya hemos mencionado, tendemos a pensar en los sitios web como si se tratara de una unidad. Esto está sustentado en base a dos grandes criterios, que son los enlaces que permiten la formación de cierta cohesión, y la unidad visual, que en definitiva es lo que brinda al usuario la sensación de unidad del sitio. Al igual que en otras disciplinas, el diseño web ha ido evolucionando hasta llegar a ciertos criterios estándares. Desde el punto de vista del usuario, tiene la ventaja hacer predecibles a los sitios, permitiendo un rápido acceso a todo sin necesidad de realizar búsquedas por toda la página. Desde el punto de vista de los diseñadores, salvo pequeños cambios que pueden realizarse, por regla general esta importante parte del diseño ya se encuentra prácticamente resuelta. Estructura del diseño web. La gran mayoría de las páginas web tienen divisiones o secciones similares. Lo usual es que, en la parte superior de la página se encuentre un encabezado, seguido de un cuerpo principal que suele estar flanqueado por una columna lateral (tanto a la izquierda como a la derecha) o dos columnas laterales, seguidas al final de la página por un pie de página. La imagen siguiente es un esquema típico de una página web. Se debe tener en cuenta que este esquema sufre variaciones, aunque normalmente son pequeñas.

114

Este diseño se compone, en primer lugar, de la cabecera o el encabezado, en el que profundizaremos más adelante. A continuación, el cuerpo principal de una página web, en el diseño moderno se le encuentra dividido. Una de estas divisiones, consiste una o dos columnas de exploración. Este tipo de columnas, se le emplea para ubicar algunos elementos

115

importantes de la página, como enlaces externos, navegación interna, publicidad, informaciones adicionales y contenidos secundarios. Cuando se emplea una única columna, es indistinto para los usuarios, de acuerdo a estudios sobre el comportamiento de usuarios de sitios web, ya que su ubicación no plantea dificultad alguna. En el caso de que el diseño requiera el empleo de dos columnas, pueden ubicarse una a cada lado del cuerpo principal de la página o ambas a uno de los lados, siendo también indiferente en este caso si se ubican a la derecha o a la izquierda del contenido principal. Los usuarios, dado el uso continuo de estos elementos para esta función, suelen buscar la información de contacto en este tipo de columnas, por lo que resulta uno de los mejores lugares para ubicar los datos de contacto. A continuación, vemos algunos ejemplos de columnas de exploración.

116

El área de contenido es la zona del diseño de la página en la que menos reglas hay respecto de su diseño, ya que el hecho de que en ella se encuentren los contenidos principales de la página, el diseño depende en gran medida de los mismos, sobre todo en lo que respecta al tipo de contenidos, la cantidad, la disposición que se desea emplear, etc. Sin embargo, hay que considerar algunas reglas importantes y que, salvo muy raras ocasiones, deben ser seguidas al pie de la letra. En la parte superior de este área se debe emplazar el título entre etiquetas <h1>, ya que este título tiene las palabras clave que los usuarios luego emplearán en sus búsquedas y será de gran importancia para que los buscadores indexen la página en forma correcta. Además, los usuarios buscarán en este punto el título de lo que se expone, siendo de extrema importancia que el mismo sepa a qué contenidos está accediendo. En caso de que los contenidos sean muchos y haya que hacer desplazamientos importantes hacia abajo, es de mucha utilidad colocar al final del área algún tipo de salto al inicio, para evitar que el usuario deba realizar grandes desplazamientos. En el caso de que se empleen varias páginas para albergar contenidos relacionados, tanto al inicio de la página como al final de la misma es de gran utilidad colocar un navegador de páginas (del tipo Página anterior 1 – 2 – 3 Página siguiente) para que la navegabilidad entre ellas sea sencilla. Finalmente, debajo de todas las secciones, se coloca una franja horizontal o pie de página en cuyo interior se colocan algunos elementos importantes, como el autor, copyright, acceso a diversas políticas del sitio y asuntos legales, datos de contacto, enlaces a sitios relacionados, enlaces internos, etc. Lo importante en primer lugar. La forma en que se decida maquetar la página, no impide que podamos colocar los contenidos en el orden que creamos más conveniente, empleando adecuadamente las propiedades CSS. Cuando nos encontramos optimizando una página web para los buscadores, una de las cosas que debemos tener en cuenta es que aquellos contenidos de mayor importancia deben ser los primeros en aparecer, no solo visualmente, sino además

117

en el código HTML. Esto está relacionado con el funcionamiento de los robots de búsqueda. Los buscadores necesitan clasificar las páginas web de acuerdo a su contenido, lo que implica necesariamente un análisis de los mismos. Pero estos robots que hurgan en las páginas web no analizan la totalidad del código de cada página, sino que tienen un límite y solo analizan los primeros contenidos. Es por ello que resulta muy importante que las páginas web cuenten dentro de sus primeras líneas aquellos contenidos que resulten más relevantes. Sin embargo, esto que parece sencillo, muchas veces se contradice con la intención de los diseñadores de maquetar la página siguiendo cierto orden. Por ejemplo, si un diseñador desea que la página tenga una cabecera, dos columnas a la izquierda y el cuerpo principal con el contenido a la derecha, podría parecer que es imposible hacer que el contenido principal aparezca entre las primeras líneas del código HTML. Sin embargo, empleando algunas características de CSS, esto es posible. Cómo maquetar una página para que el contenido importante aparezca primero. A continuación mostraremos como es posible hacer que los contenidos más relevantes de la página aparezcan en los primeros lugares del código HTML, empleando para ello el float de CSS. Sin entrar en demasiados detalles, ya que no es la finalidad de este punto explicar cómo funciona la propiedad float, podemos resumir que esta propiedad hace que el elemento salga del flujo del HTML para posicionarse a la izquierda o derecha de otros elementos adyacentes, alterando el orden en que se encuentran escritos en el código HTML. Para poder explicarlo de mejor forma, escribiremos un código de ejemplo y su resultado visual, que podrán probarlo utilizando el mismo código escrito en bloc de notas, guardando el archivo como .html o .htm y abrirlo en su navegador para visualizar los resultados.

118

Código básico. Lo primero que haremos será ordenar los contenidos dentro del HTML en el orden que deseamos. Luego, empleando CSS le daremos el orden visual. El código de ejemplo es el siguiente:

Como se puede apreciar, además del código HTML, deberemos escribir, en otro archivo aparte, una hoja de estilo independiente, a la que llamaremos estilo.css y que contendrá el código CSS. En este código HTML podemos ver que el contenido principal de la página, se encuentra inmediatamente después de la cabecera, es decir, en los primeros lugares del código. En el archivo CSS, daremos los primeros atributos a los diferentes div’s, de forma que la página adquiera una forma visible y donde los contenidos aparezcan separados. El siguiente código es el que aparecerá en el archivo estilo.css:

119

Con esto, ya es posible visualizar la página, que se encuentra diagramada en una única columna y los diferentes contenidos aparecen alineados en forma vertical. Esto se debe a que el proceso de maquetación aún no ha comenzado, y la página se verá de la siguiente manera:

120

Empleando el ejemplo anterior, si deseáramos maquetar la página con una columna a la izquierda y el contenido principal a la derecha, deberíamos dejar el tercer contenedor debajo de los anteriores y ocupando todo el ancho, para lo que podríamos escribir, debajo del CSS básico que ya hemos escrito, las siguientes líneas de código (debe observarse que en cada uno de los ejemplos que daremos, el código HTML no será modificado).

La siguiente imagen es el resultado del código descrito. En la caja de color rosa aparece el contenido principal, aunque visualmente no ocupe esa posición, ya que la columna de la izquierda aparece antes.

121

A continuación veremos un ejemplo donde la columna aparece a la derecha y el contenido principal de la página estará a la izquierda:

122

Teniendo en cuenta que los contenidos se encuentran jerarquizados en tres escalas diferentes, es posible organizarlos en tres columnas, como en los dos casos que exponemos a continuación, donde las dos columnas se colocan sobre uno de los lados (en un ejemplo a la derecha y en el otro a la izquierda) y el contenido principal en el opuesto:

123

124

La forma en que se decida maquetar la página, no impide en modo alguno que podamos colocar los contenidos en el orden que creamos más conveniente. Empleando adecuadamente las propiedades CSS, es posible establecer el diseño deseado sin necesidad de realizar grandes modificaciones en el código HTML. Un buen sistema de navegación es imprescindible en toda página web. Es una parte importante de la organización de la estructura de la web. Que el usuario sea capaz de moverse con soltura y facilidad por las distintas páginas del sitio, que encuentre lo que busca rápidamente, que no se pierda yendo de un enlace a otro sin saber donde está, que no quede colgado en una página concreta sin poder navegar por otras o volver atrás, etc., son algunas de los aspectos que hay que cuidar en la navegación de un sitio web. Veamos algunas estructuras importantes a tener en cuenta. Menú principal. El menú de una página web es la principal herramienta de navegación que le podemos facilitar al visitante para que encuentre lo que busca. Es imprescindible para que las personas encuentren las demás páginas de la web, además del índice.

125

Los menús de navegación son básicamente listas de enlaces a las diferentes páginas o secciones de la web. De su estructuración dependerá en gran medida que los visitantes encuentren lo que buscan, por lo que es conveniente pensarse dos veces cómo hacerlo antes de implementarlo en la web. Hay varios tipos de menús de navegación. Podemos encontrarlos en disposición horizontal o vertical, como los ejemplos que vemos a continuación:

126

Por otro lado, se pueden crear menús desplegables, tanto horizontales, como verticales. Veamos los siguientes ejemplos.

Como mencionamos antes, para sitios web con un número de páginas pequeño puede ser bueno enlazar a todas ellas desde cada página para que el usuario tenga en todo momento la información disponible en la web a su alcance. Por ejemplo, si es una página web informativa sobre tu empresa y no tiene otra finalidad, puede que cuente con 10 ó 15 páginas en total, las cuales pueden perfectamente ser enlazadas desde cada página individual. Sin embargo, cuando una web contiene mucha información este tipo de menús tiene poco sentido, porque entonces tendríamos menús con cientos de enlaces, algo excesivamente

127

largo para ser usable. Lo normal en estos casos es enlazar desde la página principal a las secciones más importantes, y desde cada una de ellas a sus contenidos concretos. Técnicas para elaborar menús adaptables. El diseño adaptable (responsive design), se ha convertido en una consideración casi obligatoria al momento de elaborar la estructura de un sitio web. Actualmente son muchos los usuarios y clientes potenciales que acceden a través de algún dispositivo móvil, a alguna de las páginas que hemos desarrollado para presentar un proyecto o producto, como tal debemos de proporcionar el soporte adecuado a estos dispositivos para no tener una fuga de inversión. Una parte fundamental de todos los sitios web, es el menú de navegación, gracias a él, el usuario puede moverse a través de las secciones y localizar contenido relacionado de manera más sencilla. Es por esto, que es de vital importancia mantener nuestros menús adaptables. Para ello podemos hacer uso de una o varias técnicas, las cuales nos permitirán manejar y alterar nuestros menús adaptándolos a pantallas pequeñas. En este apartado mostraremos algunas de estas técnicas, mencionando sus ventajas y desventajas. Vale destacar que sólo haremos uso de CSS para llevar a cabo estos ejemplos, pero nos respaldaremos con una pequeña línea de código JavaScript. Uso de elementos que ocupen toda la horizontal. Esta es la técnica más sencilla para elaborar un menú adaptable, ya que simplemente consiste en crear los elementos en forma de lista y darles un ancho para que abarquen totalmente la pantalla en sus distintos tamaños.

128

Con este código cuando la ventana se haga pequeña o la página se visualice en una pantalla de dispositivo móvil, los elementos del menú tomarán un ancho de 100% para desplegarse de manera horizontal. Las ventajas de este método son que no te utilizamos JavaScript, no es necesario añadir código HTML extra y el CSS se mantiene sencillo. Por otro lado, la mayor desventaja es que ocupa mucho espacio. Desplegar elementos en un selectbox. Con este método nos encargaremos de ocultar el menú cuando la pantalla sea muy pequeña, y en vez de él mostaremos un elemento de tipo select donde desplegaremos todos elementos que componen dicho menú. Para poder lograr esto necesitaremos agregar un nuevo elemento HTML par así crear el select. Además de esto, haremos uso de JavaScript para redireccionar a la página que se seleccione de la lista.

129

Para las pantallas y ventanas grandes ocultaremos el select:

Mientras que para las pequeñas ocultaremos el menú y desplegaremos el select:

130

De igual manera mediante el pseudo elemento “:after” agregamos la palabra Menú para que el usuario sepa que debe dar clic ahí para acceder a las secciones. Las ventajas de esta técnica es que no se necesita mucho espacio y se utilizan controles nativos, mientras que las desventajas son la necesidad de usar JavaScript, el duplicado de contenido y que el elemento select no puede ser muy estilizado. Crear nuestro propio dropdown. Una variación a la técnica anterior, sería crear nuestra propia lista dropdown, la cual se desplegaría al momento de dar clic sobre un input con un label. Para poder llevar a cabo esta técnica se realiza un hack sobre el elemento checkbox, por lo que veremos en nuestro código algunas sentencias semánticamente incorrectas. Para poder hacer funcionar este código para iOS es necesario agregar un atributo “onclick” vacío, mientras que para hacerlo funcionar en Android es necesario añadir una falsa animación de Webkit a nuestro elemento body.

131

Para pantallas grandes ocultaremos la lista:

Mientras que para pantallas pequeñas ocultaremos el menú y mostraremos el label. Para ayudar al usuario a reconocer el menú, añadiremos el texto “≡” para simular el icono que comúnmente se utiliza en los móviles para representar un menú.

132

Las ventajas de esta técnica es que no necesita mucho espacio cuando la lista se encuentra contraída, se le puede aplicar los estilos que deseemos y no necesita JavaScript. Pero tiene como desventajas, el uso de mala semántica, poca compatibilidad nativa, y el uso de HTML extra. Cabecera. De todas las partes de la estructura del diseño web, el encabezado es la que mayor tendencia tiene a repetirse entre páginas de un mismo sitio. Aun cuando el sitio tenga grandes diferencias en estructura y contenido entre sus páginas, si mantiene una unidad en su encabezado los usuarios percibirán la sensación de unidad que el sitio requiere. El encabezado es una franja horizontal que ocupa todo el ancho de la página en la parte superior de la misma.

133

A la izquierda del encabezado suele ubicarse el logotipo del sitio, que ocupa un área importante dentro del mismo, aunque suelen haber diferencias importantes de un sitio a otro. Esta imagen debe tener un enlace a la página principal del sitio, ya que es uno de los estándares más respetados por los diseñadores y una de las formas que tienen los usuarios de volver al inicio. Desde el final del logotipo, ocupando el centro y la zona derecha del encabezado, frecuentemente se sitúan una serie de franjas de diferentes grosores:

En la franja superior, se encuentran algunos enlaces generales de la página, como acceso a usuarios registrados, registros de usuarios nuevos, acceso a perfiles, salidas, etc., así como ayudas y buscadores internos.

La zona más ancha generalmente se encuentra ocupada por el título de la página, nombre de empresa, slogan, etc.

La zona inferior del encabezado se emplea para ubicar los links de navegación y las etiquetas de navegación, uno de los elementos más importantes a la hora de ayudar a los usuarios a encontrar las páginas componentes del sitio web.

Dependiendo de la complejidad del sitio, puede encontrarse solo uno de estos sistemas de navegación o los dos; por ejemplo, cuando el sitio está dividido en secciones, uno de ellos está destinado a estas divisiones, mientras que el otro sirve para navegar dentro de cada sección, aunque pueden emplearse otros métodos de clasificación de los contenidos y por consiguiente, otros métodos de organizar la navegación interna. Otra forma de colaborar con la exploración del sitio por parte de los usuarios es la instalación de un buscador interno. También es aquí donde los usuarios buscan este tipo de elementos, ya que convencionalmente es aquí donde la mayoría de los diseñadores los ubican, aunque en algunos casos, puede encontrarse en la parte superior de alguna de las columnas laterales. A continuación, mostramos un ejemplo de la aplicación de un buscador interno en el encabezado.

134

Destacados de la página de inicio. La página de inicio de tu web es la puerta principal de acceso a tu web. Por ella entrarán la mayor parte de visitantes, por lo que hay que cuidar al máximo cada detalle. Como ya dijimos, en muchas ocasiones sólo existe una oportunidad para cautivar a un usuario que visita nuestra web. No hay segundas oportunidades, si no hemos gustado, no volverá. Por ello, es muy importante cuidar la imagen y usabilidad de la primera página de nuestra web. Para conseguirlo deberíamos determinar cuales son las cuatro o cinco tareas principales de nuestra web y asignarles una ubicación destacada en el layout de la página, por ejemplo en la parte central superior. El espacio que reservemos para los enlaces a las tareas principales debe de estar libre de otros elementos que puedan distraer al visitante. Si tu sitio web es pequeño, puedes permitirte el lujo de enlazar a todas las páginas de tu web desde la página principal, así el usuario tiene a su alcance toda la información disponible en el sitio. Pero en muchos casos incluir un enlace a cada página convertiría en un caos a la portada del sitio debido a la gran cantidad de páginas internas. En estos casos lo más conveniente sería enlazar a las secciones principales de la web, desde las cuales se enlazaría al contenido de esa sección concreta, etc. La página de inicio debe poseer un diseño distinto al resto de la web. Sería recomendable la incorporación de un señalizador de ubicación (qué indique en todo momento en que sección se encuentra el visitante) en un lugar destacado de la página. En la página inicio son indispensables las secciones “Acerca de” y “Contacte con nosotros”. En Acerca de, debemos proporcionar toda la información referente a quién es quién dentro de la web. Información sobre la empresa, el producto, etc.

135

En Contacte con nosotros debemos ofrecer la posibilidad de que los usuarios puedan transmitirnos sus consultas, quejas o sugerencias a través de un teléfono de contacto, un correo electrónico o un formulario online. Si se solicita información al visitante de nuestra web, se deberá incluir un enlace a “Normas de Privacidad“. Con algo parecido a la siguiente declaración: De acuerdo con el contenido de la Ley Orgánica 15/1999, de 13 de diciembre, sobre Protección de Datos de Carácter Personal, se informa a los usuarios que tenemos el firme propósito de proteger su privacidad en la red, por lo que hemos tomado medidas para proteger los datos que usted nos facilite. Nos reservamos el derecho de cambiar esta declaración en cualquier momento anunciando modificaciones en este sitio web. Con estas normas de privacidad, no se crean ni se pretenden crear derechos contractuales o de otro tipo a favor de alguna de las partes.

En principio una buena página de inicio posee estos elementos:

Un título que le dice al lector "donde" está. 1 o 2 elementos gráficos para ilustrar el tema (marca, lugar, actividad, etc). Una frase que explique brevemente lo que el visitante puede esperar.

136

Una descripción breve de la actividad mencionando los rasgos específicos de los servicios ofrecidos.

Una descripción más larga, pero aún corta, del contenido que alude a la organización del sitio, con enlaces directos hacia la(s) página(s) relevantes colocados en las correspondientes palabras claves.

Un pie de página con la repetición de un enlace o información importante, o una simple mención de donde está el lector.

Veamos algunos de estos elementos con algo más de detalle. Crear la página de inicio de abajo hacia arriba. De la misma forma en que creaste tu sitio empezando por definir el contenido y luego su organización. O de la misma manera en que definiste tus títulos una vez habías terminado de documentar el bloque o la página a la cual pertenecían, es desde el contenido de tu sitio y desde los títulos de las pestañas desde donde deberías crear el contenido de tu página de inicio. Cuando estés creando tu página de inicio, trata de crearla (literalmente) desde abajo hacia arriba. Mira en la parte inferior de tu página de inicio, allí encontrarás el comienzo. El título del sitio. Un título que le dice al lector "donde" está. A menudo el título incluye un nombre y un lugar. Este título, como ves, trata más acerca de la identidad y del lugar que del uso de palabras del usuario. El título de tu página. Una frase que explicará brevemente qué esperar. Por supuesto las palabras claves más importantes están presentes. Han sido elegidas específicamente para darle la bienvenida al lector y transmitirle un sentimiento de comodidad y al mismo tiempo confirmar que ha encontrado lo que estaba buscando. Elementos gráficos. Una foto o imagen en la página de inicio debe ser para dar una atmósfera. Se trata de darle a tus lectores un sentimiento relacionado con el tema que estás tratando de presentar.

137

Ten cuidado: si la primera imagen que presentas es demasiado descriptiva, el visitante puede crearse una opinión de tu tema antes de haber explorado tu contenido. Una presentación corta actúa como una introducción a tu contenido. Encima del plano descriptivo de tu sitio, tendrás una presentación de tu actividad. Esto debe hacerse al final, cuando la comprensión del contenido ha sido madurada. La parte principal de tu página de inicio podría ser como un plano de tu contenido o el menú de un restaurante con un poco más de información que lo usual. Es una descripción del contenido de tu sitio. Puedes ver que esto es una versión desarrollada de lo que tú propones con tus pestañas, o una versión comprimida de cada página de tu sitio. Quizás una oración o un capítulo corto sobre cada grupo de páginas. Te interesa usar las palabras claves más significativas de cada página. Escribir la página de inicio te dará una buena oportunidad de volver a pensar en la organización y estructuración del contenido y revisar que está en un orden lógico para tu lector. Por supuesto no olvides los enlaces directos hacia las páginas relevantes, colocados en las palabras claves y expresiones claves. Esto le da a tu lector una elección adicional a la hora de navegar por tu sitio. El pie de página. El pie de página provee la misma información en la parte inferior de cada página del sitio. Como se ya hemos dicho anteriormente, el pie de página es una parte importante de un sitio web debido a su habilidad de presentar enlaces o información que están siempre visibles. Un buen uso del pie de página puede ser un enlace a la página de contacto, a un número de teléfono, a un periódico para ver las últimas noticias, a otro de tus sitios o simplemente un eslogan.

138

Errores a evitar al diseñar una página de inicio. En la actualidad, los usuarios estan acostumbrados a obtener respuestas de forma rápida, precisa y eficiente, a encontrar lo que buscan con el menor esfuerzo posible y a resolver sus problemas con poco razonamiento. Es por esto que uno de sus mayores deseos al ingresar a un sitio web, es encontrar una página de inicio lo suficientemente bien elaborada como para permitirle encontrar lo que busca rápidamente. Esto significa, que solo tienes unos cuanto segundos para convencer a un usuario de que tu sitio contiene lo que él esta buscando, y para lograrlo, debes empezar por evitar caer en los errores más comunes que se cometen al diseñar una página de inicio. Si una portada tiene demasiada información y hace difícil el desplazamiento y navegación del usuario, el usuario no permanecerá por mucho tiempo en el sitio. Tu página de inicio es el punto de partida hacia el ascenso o descenso en la popularidad de tu sitio, por lo que su diseño debe recibir una especial atención, para de esa manera lograr un balance entre lo atractivo y lo intuitivo. Sobercargar la página de información. El hecho de presentar muchísimos datos en una página no la hace mejor, pero ¿qué hacer cuando se tiene que diseñar una página cuyo propósito es informar? Una página de inicio es comúnmente utilizada para atraer al espectador, promover ofertas y eventos, aclarar el árbol del sitio, permitir al usuario realizar búsquedas, mostrar o inducir a un área de registro, enlazar a secciones importantes, entre

139

otras cosas. Esto hace que sea difícil determinar el espacio en el que irán todas esas cosas y se termine sobrecargando de información la página. Cuando una empresa trata de poner todo en la página de inicio, el resultado es un poco entendimiento sobre cuál es el verdadero objetivo del sitio, y en vez de convencer al usuario sólo se termina confundiendo más. Para evitar esto se puede optar por optimizar la información, piensa en alternativas de espacio como el uso de menús, no trates de abarcar tantos temas, manten un cierto flujo donde las cosas relacionadas vayan juntas y recuerda utilizar imágenes o colores especiales para las partes donde hables de tu principal servicio. Exagerar en los estilos. Muchos diseñadores web, cometen el error de querer aplicar todas las técnicas nuevas que han aprendido recientemente en sólo una página. Debido a este fenómeno, es muy común ver páginas de inicio que mezclan muchos elementos que no van acorde con lo que se trata de transmitir. En ellas se hace uso de sliders, presentaciones en flash, efectos de animación con javascript, textos con sombras, secciones tridimensionales y hasta algún canvas.

Es común que con todas las posibilidades que existen actualmente para diseñar un sitio, quieras hacer resaltar el tuyo utilizando las mejores herramientas, pero si mezclan las cosas sin orden y sólo por el simple hecho de querer utilizarlas, terminarás teniendo un sitio lleno de cosas inecesarias que harán que el usuario se abrume.

140

Siempre hay lugar para la originalidad, pero prolongar demasiado la estilización de un sitio sin tomar un rumbo adecuado, hará que los usuarios que lleguen a entrar, se vayan inmediatamente. Cuando un usuario entra a un sitio, espera ver las cosas de cierta manera, no tiene nada de malo ser inovador, pero si tratas de reinventar la rueda solo encontrarás problemas. Olvidarte de tu objetivo. Cuando se tiene tanta información por mostrar, es fácil olvidar cuál es tu principal objetivo. Si tu sitio es una comunidad o red social, entonces tu objetivo es que el usuario se registre y empiece a utilizar la aplicación, si tu objetivo son las ventas entonces debes buscar propiciar la operación facilitando las herramientas para ello, si te dedicas a la elaboración contenido debes resaltar que el rubro en el que te especializas, pero si olvidas cual es tu objetivo el usuario sólo terminará confundido y por lo tanto abandonará tu sitio. Una vez que tienes bien definido cual es el objetivo de tu sitio, se te facilitará la estructuración y elaboración de la página de inicio, ya que tendras en mente el tipo de elementos que necesitas para lograr que el usuario interactúe. No olivides proporcionar siempre lo necesario para que el usuario lleve a cabo la acción que buscas. Con mucha frecuencia, nos encontramos con una página de inicio que parece tener todo lo que estamos buscando, pero no encontramos la manera de llegar a la parte que nos interesa dentro del sitio. Es por esto que es importante incluir formularios, botones o secciones que atraigan la atención del usuario, le permitan realizar las acciones rápidamente y lo dirijan al contenido adecuado. No utilizar palabras claves. Puede que nuestro sitio tenga todo, un buen diseño, buena organización y un buen contenido, pero que aún así sea muy difícil de encontrar en los navegadores. Esto se puede solucionar utilizando las palabras claves adecuadas. El uso de keywords en la página de inicio es fundamental para que el sitio sea obtenido por las búsquedas realizadas a través de Google. Si por ejemplo, tenemos un sitio de fotografias, tenemos que asegurarnos de que hemos incluído en alguna parte las palabras fotógrafo, fotografía, servicios, el nombre del

141

responsable y la locación, de esa manera si alguien busca un fotógrafo en tu ciudad le será más fácil encontrarte. Todos estos consejos y técnicas van únicamente encaminados a mejorar el diseño de la web y a hacerte más fácil la configuración de los elementos básicos de la página de inicio. Tenlos en cuenta y medita sobre ellos, tratando de adecuar tus necesidades conforme a las claves del diseño. Copys de atracción.

Un copy es sencillamente, una frase publicitaria. Sin embargo, lo que parece tan simple en la definición, no lo es en la realidad. Un buen copy debe conectar al anunciante con su público, debe comunicar de forma clara, breve y brillante aquello que el anunciante desea transmitir. El arte de escribir copys es una actividad profesional con alto dominio de la retórica; las frases suelen ser exquisitas metonimias, inteligentes metáforas o poderosas hipérboles. El talento de un copywriter es demandado por agencias de publicidad que se precien de ser serias y por periódicos en general, especialmente aquellos que gustan de titulares impactantes. Los más brillantes eslogans, así como las cabezas más inolvidables de la prensa, casi siempre son obra de copywriters. Como ejemplos podemos citar “Just Do it”, “Keep Walking”, “A que no puedes comer solo una”, “Priceless (No tiene precio)” o “Es un pequeño lujo, pero creo que lo valgo”.

En este contexto, el banner aquí presente, diseñado para el canal de suspenso Calle 13, no sería tan mordaz y a la vez tan hermoso en su creatividad, de no ser por su sombrío copy: Tiene los ojos de su padre.

142

Un Eslogan, un lema publicitario, un strapline, un copy, etc., son frases clave que identifican tu negocio, tu producto, tu empresa. Si deseas que el cliente te recuerde y vuelva a tu página el uso de copys de calidad te proporcionará un alto grado de retorno. Los copys quedan anclados en la memoria del cliente y de manera cada vez más profunda. Asociará determinadas situaciones a esta frase, y otras circustancias le recordarán a él, lo que hara que nuestra marca esté presente permanentemente en su vida, aumentando así la probabilidad de éxito en nuestros objetivos (clientes, ventas, suscripciones, etc.)

143

UNIDAD DIDÁCTICA 3. SECCIONES Y PÁGINAS.

Las secciones en una página web. La correcta organización del contenido es la base de la actividad de planificación de páginas web y al mismo tiempo una de las mayores dudas de quienes solicitan emprender el diseño de una página web. Recae en la decisión de qué colocar y cómo incorporar la información disponible sobre una actividad o negocio en el documento web a desarrollar para Internet. Dicho de otro modo y más simple: corresponde a la correcta decisión de estructuración del sitio web.

La estructura de un sitio web tiene principalmente dos componentes, la estructura gráfica del sitio (aquella que define las zonas que componen el diseño gráfico de la página web) y la estructura de contenido. Teniendo claramente definida la información a utilizar, la primera sugerencia siempre será determinar esa estructura de

contenido, para luego aplicar la creatividad que el diseño añade. El diseño como hemos visto anteriormente, en su materialización gráfica, buscará el objetivo de hacer visible los objetivos de la organización que está detrás de la página web. La estructura de contenido le otorgará al visitante los elementos necesarios para evaluar la utilidad de esa web además de que, a nivel técnico permitirá su registro en buscadores. Recomendaciones técnicas que ayudan al posicionamiento. Los buscadores se basan en la estructura de contenido o secciones del sitio web, para seguir vínculos o links y registrarlos. De ahí la importancia de estructurar eficientemente el contenido.

144

Los nombres de las secciones muchas veces son pensados como "resumen", cuando en realidad (al igual que los nombres de los archivos), deben ser pensados en función como palabras clave. De ese modo, lograremos un mayor impacto.

La definición de la estructura de navegación no es otra cosa que, una vez definido el volumen de información se sepa clasificar en partes coherentes, identificables claramente, diferentes en sí mismas (sin repetición ni duplicación conceptual) y organizadas de acuerdo a un nivel de importancia. Esto también añade relevancia al sitio web como documento registrable para buscadores.

Si no es posible utilizar "nombres extendidos" basados en "keywords" utilice etiquetas "alt" o "title" según corresponda para informar a los buscadores las palabras clave que identifican a sus secciones.

La vinculación con el negocio o actividad debe ser clara, toda vez que el navegante utiliza menos de 5 segundos para evaluar visualmente, si la web es o no lo que satisface su búsqueda de información.

Ejemplos de secciones de páginas web. Tome en cuenta que hemos utilizado únicamente nombres simplificados. Estas secciones son de carácter general y siempre deben ser adaptadas a los contenidos de nuestra web:

Inicio / Home / Presentación

Nosotros / Nuestra Empresa / Quiénes Somos / Nombre de la empresa

Objetivos / Misión - Visión - Planes (temas que pueden formar parte de "Nosotros" como subsecciones).

Catálogo de productos / Productos / Galería de Productos / Líneas de producto / Portafolio de productos / Portafolio de servicios (Las imágenes de los productos deben ser identificadas con etiquetas "alt" para comunicar a los exploradores los keywords que identifican cada producto).

145

Servicios / Servicios brindados

Ofertas / Promociones

Contáctenos / Formularios: Recomendar / Solicitar Cotizaciones / Enviar Consultas / Consultar / Contactar / Contacto / Registrarse / Desuscribirse / Aplicar al boletín / Darse de alta

Eventos / Participación en eventos / Nuestro Quehacer / Conferencias

Artículos / Guía de contenidos / Sumillas / Catálogo de Artículos / Notas breves

Clientes / Rubros atendidos / Principales Clientes

Reconocimientos / Premios / Certificaciones / Nuestros éxitos / Nuestros logros

La correcta distribución del contenido de nuestro sitio web en secciones principales y secundarias eficientemente nombradas y clasificadas generará mejores resultados en buscadores. En secciones complementarias podríamos añadir las siguientes:

Políticas del Sitio

Mapa del Sitio Son de naturaleza complementaria a simple vista, sin embargo definen en sí mismas el cumplimiento de normativas para la creación de documentos web. Por ejemplo, en el "Mapa del Sitio" debemos colocar todos los accesos a secciones o subsecciones con dos objetivos:

11)) El primero tiene que ver con brindar al navegante una sección de orientación ágil cuando nuestro web tiene mucho contenido. Ello estimula la visita y permanencia en la página web, un factor determinante para evaluar la importancia de un sitio web (atractividad de visitantes y niveles de tiempo de lectura).

146

22)) El segundo y más importante en realidad, tiene relación con el hecho de brindar a los buscadores la posibilidad de "seguir" todos los vínculos internos de nuestro web y maximizar el número de secciones que se indexan en sus listados. Una sección que aparece bajo un combo de javascript por ejemplo, jamás será indexada, sólo si en alguna página de nuestro web, tiene un vínculo. El mapa del sitio suple esta necesidad técnica.

El menú de una página web. La definición de la estructura de un web se materializa en la definición del menú de un sitio web. El entendimiento de la estructuración web, es uno de los secretos que mejor funcionan para incrementar la coincidencia con keywords y por tanto, el éxito de los documentos en Internet. La estructura en páginas de una página web. Como hemos repetido más atrás en este módulo, antes de empezar a diseñar el sitio web hay que organizarlo y para ello hay que tener claro cuál va a ser el propósito del mismo, sus contenidos y la audiencia potencial de la que dispondrá. Lo que va a determinar la estructura de la web van a ser en gran medida los contenidos; ellos nos deben indicar cual de los siguientes tres tipos de estructura es el más adecuado:

Estructura de árbol o jerárquica: A partir de una página de bienvenida o portal (raiz) se abren unas secciones (ramas) que a su vez contienen múltiples páginas web (hojas).

Estructura lineal: a partir de una página de bienvenida o portal se suceden las siguientes páginas una tras otra como si se tratara de un libro.

Estructura en red: Las páginas que forman el sitio web se enlazan unas con otras según sus contenidos en una especie de red en la que no se aprecia ningún tipo de jerarquía.

Para la web de un centro educativo parece más conveniente una estructura en árbol, con una presentación, unas secciones (administración, departamentos,

147

alumnos, apa, etc.) que darían paso a las páginas que elabore cada colectivo. Esta organización permite al visitante conocer en qué lugar de la web se encuentra y se le facilita la navegación mediante botones que ascienden o descienden en la estructura del árbol para alternar entre secciones.

La elección del tipo de estructura va a determinar también el emplazamiento de los archivos y directorios. Esto nos permite organizar la web de una forma lógica facilitando mucho el trabajo del diseñador, pero también es algo que afecta al visitante ya que sólo por la dirección de la página que visita puede hacerse una idea de dónde está. Para simplificar las cosas es recomendable usar en los nombres de archivo y de carpeta sólo letras minúsculas, sin caracteres especiales y sin espacios en blanco, además de elegir nombres cortos y representativos. ¿Con marcos o sin marcos? Este es otro dilema que afecta a la estructura de la web y que hay que decidir al principio ya que va a tener consecuencias tanto para el diseñador como para el visitante. Supongamos una web con la siguiente estructura: Un marco superior con el título principal (nombre del centro, localidad, etc.), un marco a la izquierda con la barra de navegación y un gran marco principal donde se cargan las páginas que se llaman desde dicha barra. Esta estructura tiene las siguientes ventajas:

El título y la barra de navegación, por muy complejos que sean, se cargan una sola vez y después permanecen en su marco acelerándose mucho la descarga de las demás páginas.

148

Si hay que modificar un enlace, sólo hay que hacerlo en la página del marco de navegación y no en todas las páginas como si cada una llevara la barra en sí misma.

Las páginas se diseñan de una manera mucho más rápida porque no llevan ni título ni barra de navegación.

Frente a estas ventajas tenemos dos inconvenientes:

La dirección de cada página no se corresponde con lo que se observa en pantalla ya que si tecleamos una dirección concreta (por ejemplo la página del departamento de filosofía), nos aparecerá sin los marcos de título y barra de navegación y el visitante no sabrá dónde ha entrado. Por otro lado, si tecleamos la dirección de la página de marcos, se carga la presentación del sitio web y no la página de filosofía.

Los visitantes que quieran agregar una página a favoritos no podrán hacerlo por la misma razón: o guardan la página aislada o guardan la presentación sin la página.

Si optamos por una página sin marcos, tampoco hay que renunciar a las ventajas antes citadas ya que hay dos posibles soluciones: La barra de navegación común a todo el sitio web se pone en un javascript (en un archivo adjunto .js) y cada página lo manda cargar al principio, en la sección <head>. Después de la primera carga, ya lo tendremos en caché y no hará falta volverlo a descargar. Desde el punto de vista del diseñador, cuando haya que cambiar un enlace, sólo se cambia en el archivo .js. Dreamweaver tiene la opción de crear plantillas de diseño. Un cambio en la plantilla se actualiza automáticamente en todas la páginas que se han creado a partir de ella. Por último, si se opta por marcos, hay que tener cuidado con los enlaces externos ya que está muy mal visto que se carguen como otro marco más dentro de la web.

149

Estructurar la tienda online en secciones y páginas es una

tarea árdua que debe, por el contrario, rezumar simpleza y

efectividad. Recuerda que la primera impresión de la

página, junto con su estructuración, serán la clave para

una fidelización óptima de los clientes.

150

MÓDULO 5. EL CONTENIDO.

Normalmente pensamos que el diseño de páginas web está referido al diseño de las versiones que usualmente vemos en los monitores de los ordenadores personales, tanto de escritorio como portátiles (en realidad se trata del mismo medio). Sin embargo, el diseño de las páginas también debe comprender a los usuarios de los móviles, y algo bastante frecuente, las páginas en modo de impresión, por ello, el contenido debe ir adaptado a todo tipo de formato. Muchas páginas ofrecen textos o imágenes que posiblemente los usuarios necesiten o deseen imprimir. Es muy frecuente que cuando tratamos de imprimir una página en su diseño original, esta no tiene las medidas adecuadas y la impresión no se vea de manera correcta. Por ello, muchas páginas ofrecen a sus usuarios y visitantes la posibilidad de acceder a una versión imprimible del documento.

Del mismo modo, un usuario que desea acceder a una página web desde un móvil, encontrará que las versiones para ordenadores de las páginas web presentan dimensiones inadecuadas para este medio, debiendo emplear las molestas barras de desplazamiento horizontal para acceder al todos los contenidos.

Debido al notorio incremento del empleo de móviles para acceder a la web, muchas páginas ofrecen actualmente versiones de sus páginas que se adaptan a las resoluciones de pantalla de los mismos. La opción de crear un documento para cada tipo de medio, si bien es viable, realmente resulta difícil de implementar por dos razones. La primera es que constituye una verdadera pérdida de tiempo y energía por parte del diseñador. En segundo lugar, la creación de varios documentos para cada una de las páginas de un sitio implica ocupar mucho espacio en el servidor, con el consiguiente aumento de los costos del mismo. La mejor solución es la implementación de hojas de estilo externas, es decir, separadas del documento HTML o XHTML para cada uno de los medios que se

151

desea implementar y vinculadas al documento principal a través de la etiqueta <link> en el <head> del documento.

Estas etiquetas tienen la facultad de que una vez que el navegador ha detectado el medio a través del atributo “media” (media=”screen” para los ordenadores normales, media=”print” para el diseño de la página imprimible y media=”handheld” para los diferentes dispositivos móviles), determina cual de las hojas de estilo es la que debe aplicar. El siguiente ejemplo es una muy conocida página, Wikipedia, la cual ofrece a sus visitantes la posibilidad de acceder a una página imprimible. Aquí pueden observarse las diferencias entre un diseño y otro. Orden del documento. Muchos motores de búsqueda indexan las páginas web teniendo en cuenta cuáles son los elementos que aparecen desplegados en los primeros lugares del documento HTML, lo que no indica necesariamente que sea el orden en el que se visualizan, ya que esto puede modificarse empleando el CSS, como ya apuntamos en el módulo anterior. Además, siempre es conveniente dar un orden lógico a los contenidos, de modo que la página no aparezca como algo confuso compuesto por elementos inconexos. Además de la importancia real de los elementos del documento (tanto los visibles como los no visibles), los diferentes componentes tienen un orden de importancia relativa, es decir, una jerarquía en el orden en que son visualizados. Desde este punto de vista, es importante que los diferentes contenidos aparezcan ordenados de acuerdo con esta jerarquía, y su visualización corresponda con la misma. La presentación de un documento en varios formatos para su visualización en diferentes medios, también conlleva la selección de elementos. Cuando se diseña una página web, algunos elementos de este formato son compatibles con los diseños de impresión, mientras que otros pueden y deben ser obviados, dado que no aportan ninguna utilidad al usuario y puede ocupar un espacio que, en los formatos de impresión, pueden resultar útiles para expandir textos o imágenes.

152

Algunos ejemplos de elementos que pueden ser dejados de lado, son por ejemplo, los menús y las columnas (siempre y cuando no tengan contenidos relevantes y relacionados con el resto del documento). Los links no serán visualizables en un formato de impresión, pero si se puede colocar una dirección web para que pueda ser visible en el documento impreso. Utilización de textos alternativos. La etiqueta <img/>, la cual determina la ubicación de una imagen en un documento web, tiene la posibilidad de insertar un texto alternativo a través del atributo alt=”texto alternativo”. Algunos buscadores le dan importancia a los textos alternativos de las imágenes, por lo que es aprovechado en el posicionamiento de una página web en los mismos. Sin embargo, este atributo tiene una importancia que va mucho más allá de colaborar en la tarea de indexación de una página por las palabras clave empleadas en este atributo. Se trata de la accesibilidad. Este texto alternativo es el que los medios destinados a las personas con dificultades visuales utilizan para la descripción de lo que se muestra en una página web. También los videos tienen la posibilidad de agregar descripciones en forma de texto, los cuales pueden ser interpretados por los medios para discapacitados. Las personas que navegan por la web, emplean los sitios web de formas diferentes, de acuerdo a sus necesidades, gustos o posibilidades. El hecho de que un porcentaje de los usuarios de Internet tengan dificultades visuales o ausencia completa de la visión, debe orientar una buena parte de los contenidos a su uso por parte del software de lectura. Otro porcentaje importante de los internautas, acceden la mayor parte del tiempo a la web a través de los múltiples dispositivos móviles, por lo que las páginas deberían contar con un diseño específico para este tipo de dispositivos, que permita la visualización de los contenidos en bajas resoluciones de pantalla.

153

Y lo más importante, todo esto, no debe requerir un esfuerzo desmesurado por parte del diseñador, el cual cuenta con medios a su alcance para que esta tarea resulte sencilla y sin tener que realizar modificaciones en el documento original, tanto si está escrito en HTML como en XHTML. La importancia del contenido de las páginas web. Para obtener un buen referenciamiento en los motores de búsqueda, hay que crear un contenido web de calidad. Los motores de búsqueda se centran en el texto para entender de qué trata una página web. Para tener un buen posicionamiento en los motores de búsqueda es importante trabajar el contenido de las URLs y el contenido textual de cada página. También hay que trabajar la popularidad de su web y conseguir enlaces de otras páginas webs. Un buen contenido textual sólo, no permite un posicionamiento óptimo si el sitio no tiene una cantidad suficiente de enlaces entrantes. De la misma manera, tener enlaces sin un contenido optimizado tampoco vale. Es verdad que conseguir enlaces entrantes no es fácil para el comerciante que se lanza en internet y no tiene ni mucho presupuesto ni mucha notoriedad. No todo el mundo es Apple y puede permitirse el lujo de tener poco contenido, porque naturalmente obtiene muchos enlaces entrantes. Para una tienda online clásica, es diferente. Es decir, enlaces entrantes y contenido textual de calidad van juntos. A más contenido textual se tendrán menos enlaces entrantes que se necesitarán de cara al referenciamiento en los motores de búsqueda. Trabajar el contenido de las páginas detalladas de presentación de los productos. El texto de descripción de un producto en un sitio e-commerce debe ser suficientemente largo para ser considerado por los motores de búsqueda. La extensión óptima es entre 100 y 200 palabras. En este sentido, ofrecer la posibilidad a tus clientes de dejar comentarios es una muy buena idea.

154

Página de inicio y páginas de categorías. En ocasiones resulta difícil crear descripciones originales y que no sean aburridas. En este caso debemos centrarnos en la página de inicio y en las páginas de categorías. Prepara un buen texto e introdúcelo antes o después de las fotos o imágenes de tus productos.

Una buena opción para enriquecer el contenido textual de tu página web puede ser abrir y alimentar un blog. La solución ePages propone una función para crear un blog. Utilízala y haz publicidad de tu blog proponiendo el flujo RSS en diferentes anuarios. En resumen, debes recordar los siguientes puntos clave:

11)) Los más pequeños comerciantes que desean mejorar su posicionamiento deben ante todo trabajar bien el contenido para que sea identificable por el “crawler” (la herramienta de rastreo de los buscadores).

22)) La segunda etapa, la generación de enlaces entrantes, será un medio de valorizar la calidad de este contenido.

155

33)) Con ello beneficiarás de una base sólida a la cual siempre podrás añadir contenido. Cuanto más contenido de calidad tiene una tienda, más fácil resultará mantener su posicionamiento.

A continuación vamos a ver algo más en detalle cada uno de los elementos del contenido que debe ser cuidado y de qué manera.

156

UNIDAD DIDÁCTICA 1. TEXTO Y ENLACES.

La redacción de textos en las tiendas online. En pleno proceso para definir la tienda online para nuestros clientes, llegamos al punto clave que nos obliga a detenernos brevemente para coger un poco de perspectiva. Llega la hora de la redacción de textos. Necesitamos textos que seduzcan, que atraigan, que transmitan confianza, que no parezcan demasiado corporativos y, sobretodo, que ayuden a vender más.

Basta de descripciones de producto aburridas (o demasiado corporativas). El actual entorno nos obliga a darle otra vuelta, como mínimo. El tono será entonces esencial para encontrar el punto medio entre lo informativo y lo seductor, todo ello mientras muestras los principales beneficios, el resto de la gama, el “cómo” comprarlo, etc. Teniendo como punto de partida el sentido común, el objetivo que seguiremos para la redacción de textos se basará en convencer a los visitantes de que ese producto es (o está hecho) para ellos. Qué realmente lo que están viendo será más o igual a lo que esperan. Que esa confianza que tienen al darle al botón de “comprar”, será la misma cuando reciban el producto y sobretodo, cuando lo prueben. Como ya imaginamos, solamente con muchas visitas no aseguraremos el éxito de la Tienda Online, hay que ofrecer descripciones de calidad, que puedan persuadir a los usuarios, que fácilmente vean lo sencillo que es “hacerse con uno”, que realmente lo deseen.

157

Los 4 pilares básicos en la redacción de contenidos Web son:

1) Usabilidad. 2) Persuasión. 3) Confianza. 4) Posicionamiento en Buscadores.

Del mismo modo que algunos consejos que nos ayudarán en esta tarea son los siguientes:

Uso de los bullets (concepto por frase). Frases cortas (podemos decirlo, seguro, en muchas menos palabras). Claridad (ir al grano, dejarse de rodeos y de palabras extrañas o que no aportan nada).

Que se pueda hacer una lectura escaneada en pocos (muy pocos) segundos.

La base de la redacción de textos web. Los textos son el contenido más relevante de una página web. Éstos deben ser dispuestos y producidos en forma correcta para que resulten atractivos a los visitantes. Como ya hemos dicho, el contenido más importante de todas las páginas web se encuentra en los textos, aún en aquellos casos en los que las imágenes ocupan un porcentaje mucho mayor respecto del espacio de la página. Esto hace que el diseñador web deba poner especial atención en cómo dispone de los textos. La web es una herramienta que tiene características especiales. Llevados por un razonamiento simplista, podríamos suponer que la disposición de los textos en el diseño de una página web, podría ser similar que la que tienen los libros o las revistas. Sin embargo, la lectura en los medios impresos es diferente a la de un monitor. Estudios científicos indican que el cansancio que se experimenta en la lectura de textos en un ordenador es mucho mayor que en los medios impresos, y que la velocidad de lectura es más rápida en los últimos.

158

Además, debido a las expectativas que se tienen sobre uno y otro medio (un usuario de internet espera que todo sea instantáneo), el tiempo de atención de los usuarios de estos dos medios es diferente, siendo mucho más corta en los usuarios de páginas web.

Estas características tan especiales de las páginas web, hace que la producción, disposición y la forma en que se presentan los textos, deba ser especialmente cuidada, ya que descuidar este aspecto podría provocar una pérdida de usuarios. Redacción de textos para la web. Lo más importante al redactar textos para páginas web, es que se debe emplear aproximadamente la mitad de las palabras que se emplean en los medios impresos para desarrollar un tema, teniendo en cuenta lo ya dicho sobre el tiempo de atención de los usuarios de internet. Cada párrafo, debe contener tan solo una idea. Esto agiliza notablemente la lectura y simplifica la comprensión del texto en general. Así como disminuye el tiempo de atención, la calidad de la misma es sensiblemente menor en los medios electrónicos. Cada tema o subtema, debe estar separado del resto mediante la aplicación de subtítulos claros y que contengan información de utilidad sobre el contenido que los lectores encontrarán en los párrafos siguientes. Esto permite una esquematización de los textos que simplifica la comprensión y dan una mayor velocidad a la lectura, además de aumentar la atención del lector.

159

Cantidad y calidad de los textos en la web. La extensión de los textos en una página web puede ser variable. Depende, como es de suponerse, del tema que trata la misma. La cantidad de texto que es necesario emplear en una página destinada a juegos es totalmente diferente a la que necesita una web sobre literatura. En este tipo de evaluaciones, debe intervenir necesariamente el sentido común. En una página en la que se desarrolla un tema en la cual el texto es el elemento fundamental, la extensión de los textos será considerable y probablemente sea lo que buscan los usuarios. Sin embargo, en la página de presentación del sitio, en la presentación de un tema, una página de ofertas o una de descripción de productos, lo más indicado es colocar textos cortos y específicos, con frases llamativas que atraigan la atención de los usuarios. En los casos en que la extensión de los textos que se deben emplear supere las dos páginas, lo conveniente no es extender indefinidamente la página hacia abajo, ya que el uso de las barras de scroll en forma permanente no resulta del agrado de los usuarios de internet. En este caso, cabría considerar la posibilidad de dividir el tema en dos o más páginas, empleando un buen sistema de navegación que permita a los usuarios navegar entre ellas con facilidad. La calidad de la producción de textos debe ser óptima. Simplicidad en la elaboración de frases y oraciones, buena sintaxis, ortografía sin errores y estilo cuidado, pueden hacer que el lector llegue al final de los textos, mientras que de no cuidarse estos aspectos, posiblemente el porcentaje de lectores que finalicen la lectura sea muy bajo. Disposición de los textos en una página web. Todo texto debe estar iniciado por un título perfectamente visible y claramente diferenciado del resto de los textos. Este encabezado del texto, debe resultar llamativo y lo suficientemente explícito como para que los usuarios tengan una idea acabada del tema tratado en los párrafos siguientes. Tal como se dijo en el apartado anterior, es necesaria la disposición del texto en párrafos, separados por un interlineado visible, de forma tal que un texto no de la impresión de tratarse de un gran bloque que nunca termina.

160

Los párrafos no deben ser muy extensos, ya que los bloques de textos de muchas líneas, hace que muchos usuarios se pierdan al cambiar de línea, algo que resulta extremadamente frustrante y hace que se pierda la concentración y la atención. Dentro de los párrafos, los conceptos más importantes y las palabras clave es conveniente que sean más visibles que el resto del texto, por lo que deben ser remarcados. La mejor forma de hacerlo es la utilización de negritas. La tipografía en itálica también es empleada para este fin, pero el aumento de la visibilidad es menor que cuando se emplean las negritas, por lo que es preferible emplear el primer método. En cambio, el subrayado es totalmente desaconsejado, ya que provoca algunas dificultades en la lectura de las palabras; además, generalmente las palabras subrayadas suelen ser empleadas para los enlaces, lo que puede generar confusión en los usuarios. El color en el texto. El empleo del color en los textos debe cumplir con algunas reglas básicas que deben ser seguidas en forma estricta, a los efectos de evitar que el público tenga dificultad para leer o para mantener la atención. El texto en un solo color, suele ser monótono, lo que puede provocar que el usuario encuentre poco atractiva la propuesta. Por lo general, para hacer que el texto deje de ser algo monótono, basta con incluir colores diferentes a los títulos y subtítulos para que la apariencia general se muestre en forma atractiva. En otros casos, el empleo de varios colores está dado por el tipo de página que se está haciendo. Una página destinada a los gráficos, la pintura o cualquier otro tema relacionado con el color, puede hacer necesario que los bloques de texto tengan colores diferentes. Esto también es empleado con frecuencia en páginas corporativas, ya que el texto puede llevar los colores que identifican a la compañía.

161

El empleo del color suele ser de relevancia también en el contraste del texto sobre el fondo sobre el cual se encuentra. Esto es particularmente importante en el caso de las páginas que tienen imágenes como fondo, ya que en esos casos, la lectura es aún más compleja que en las páginas que tienen un color sólido de fondo. En todos los casos, los colores empleados en los textos deben ser compatibles con la gama de colores de la página, ya que los bloques de texto forman parte de la propuesta visual de la página. Los textos deben seguir los mismos principios de diseño que el resto de la página. Veamos a continuación algunas buenas prácticas en los textos:

Uso correcto de las mayúsculas, negritas e itálicas. En algunos casos, las palabras escritas totalmente con mayúsculas se emplea para remarcar un texto, lo que resulta efectivo. Sin embargo, un uso abusivo de este recurso puede hacer que el texto se vea monótono, ya que las mayúsculas son más uniformes que las letras minúsculas. Algo similar sucede con el empleo de las negritas, el uso abusivo hace que el texto adquiera demasiada relevancia en el diseño, y las itálicas son notoriamente más difíciles de leer que las letras normales.

No utilizar efectos en los textos. Los efectos de marquesina, el texto parpadeante o textos móviles logrados con algunos scripts, por lo general deben ser evitados, ya que tienen efectos contraproducentes.

Usar un máximo de tres fuentes diferentes y dos o tres colores para el texto.

Hacer que los enlaces se distingan muy bien del resto del texto.

Usar un espaciado apropiado entre líneas, párrafos, títulos y subtítulos, sangrías, etc.

Recuerda que los textos van a ser otra de las claves para fidelizar al cliente y para que el usuario no se vaya de la página. La redacción del texto, junto con los copys que ya comentamos en el módulo anterior, serán una pieza fundamental para captar la atención del cliente.

162

La importancia de los enlaces en las tiendas online. La creación de enlaces es una utilidad muy importante del sistema de edición de contenidos y, por ello, merece la pena ser comentado con más detalle. La manera más fácil de crear enlaces en tu tienda es añadiendo el correspondiente enlace a la categoría, página de texto o blog deseado en la sección Estructura del menú de tu panel de control. Pero hay bastantes ocasiones en las que se quiere crear enlaces desde una palabra o frase a una categoría o una página web determinada sin hacer uso de la opción añadir enlaces de la sección Estructura.

El procedimiento para realizar el enlace es muy sencillo: únicamente tienes que marcar con el ratón la palabra o frase desde la que quieres realizar el enlace y seleccionar la opción "Insertar / Editar hipervínculo" de la barra de ayuda situada sobre la caja de texto de edición de contenidos. Se abrirá a continuación una caja donde tendrás que poner la dirección URL completa del lugar con el que te quieres enlazar y darle a "Insertar". Utilizar enlaces internos de forma lógica. Una de las formas de que nuestras páginas ganen notoriedad y relevancia en los buscadores, es que varios enlaces apunten hacia ellas. Para ello los enlaces internos también cumplen un papel. Debe diseñarse una estrategia de enlaces para que los productos, categorías o subcategorías más importantes reciban suficientes enlaces. Podemos por ejemplo:

163

En cada ficha de producto, añadir enlaces a otros productos similares, o a otros que los complementen, creando un circuito por el que puedas “saltar” de un producto a otro continuamente.

Escribir artículos en la página principal o en el blog con enlaces a productos o categorías.

Distribuir notas de prensa con enlaces a páginas interiores.

Debemos asegurarnos de que no haya enlaces rotos, y en caso de variaciones en los productos o en la tienda, verificar y mantener los enlaces siempre actualizados. Como en todos los casos, en los enlaces deberás usar siempre las palabras clave tanto en el texto del enlace como en la propiedad o el campo “titlte”. Crear un blog que acompañe a la tienda online. En algunos casos, debido al tipo de producto que se pretenda vender, es prácticamente imposible realizar descripciones largas o que aporten contenido de valor a nuestra tienda online. En estos casos, es imprescindible la creación de un blog para atraer algo de tráfico a la tienda. De todas formas, en todos los casos es aconsejable la creación de un blog que vaya dirigido a nuestro público objetivo, que hable de nuestro sector o de lo que lo rodea, y que nos sirva también para promocionar nuestros productos de algún modo, directa o indirectamente. Conseguir enlaces externos. Como en todos los sitios web, conseguir enlaces de otros sitios que apunten hacia tu página hará que ganes popularidad y relevancia, y por lo tanto ganarás posiciones dentro de los resultados de búsqueda. Como no, los enlaces también atraerán nuevos visitantes a tu web de forma directa, haciendo clic en dichos enlaces. No existe un número de enlaces ideal, cuantos más consigas mejor, pero sí que deberán ser de forma lo más natural posible, ya que si por ejemplo Google detecta que estás “forzando” el ganar estos enlaces, te va a penalizar por ello. Tienen más

164

relevancias los enlaces naturales, los enlaces que provengan de webs de nuestro mismo sector o los enlaces que surjan desde redes sociales donde nuestra marca tenga cierta presencia. Existen diferentes técnicas para conseguir los preciados enlaces externos o también llamados backlinks. Algunas de ellas son:

Añade tu tienda a los directorios de tiendas online. Sube tus productos a Google Products y otros buscadores de productos. Realiza intercambio de enlaces con sitios de tu misma temática. Publica anuncios en páginas de anuncios gratuitos. Facilita al usuario compartir tus productos. Publica algunos de tus productos y artículos en Facebook, Twitter y otras redes sociales.

Participa en foros y blogs de tu sector y utiliza la firma para dejar enlaces. Publica contenido de calidad y espera a que te enlacen de forma natural.

Midiendo la popularidad. La popularidad de una web es la cantidad de enlaces externos que apuntan a un sitio web y proceden de un sitio de calidad. Un sitio del que no se habla en Internet simplemente no existe. Una tienda online que nadie tiene en cuenta nunca podrá ser encontrada por los usuarios. La búsqueda de estos enlaces es un trabajo laborioso que requiere tiempo y dedicación pero esencial para que un negocio electrónico sea visible. La forma en que los buscadores miden la popularidad es un secreto infranqueable basado en una serie de algoritmos desconocidos. Ahora bien, los años de investigación en este campo por parte de expertos en marketing han confirmado que existen unos parámetros que ayudan a obtener esta popularidad. Google, el buscador más utilizado en Internet, utiliza su propio método para conceder este valor a través del conocido pagerank. Google: El pageRank. El PageRank es la denominación de Google para cuantificar la popularidad de una web. Se trata de un valor numérico entre 0 y 10 que atribuye el buscador en

165

función de su propio sistema algorítmico. Un sitio con un PageRank igual o superior a 4 puede considerarse con un alto nivel de popularidad, aunque el trabajo complicado es ir escalando posiciones a partir de este valor y ese trabajo suele ser lento.

Para conocer el pageRank que otorga Google a un sitio web basta con descargarse la barra de herramientas del buscador e instalarla en el explorador. El valor aparece en una barra verde dentro de esta aplicación. El indicador ha sido un quebradero de cabeza para muchos websmasters y responsables de marketing, pero lo cierto es que es un indicador más en la estrategia de posicionamiento y no deben centrarse todos los esfuerzos únicamente en él.

Fuente de los enlaces. Una labor importante a tener en cuenta es la selección de los sitios web que apuntarán hacia nuestra tienda online, pues de estas fuentes dependerá nuestro índice de popularidad. En líneas generales los parámetros que se deben analizar de una página web para que proporcione un enlace de valor son:

La web debe ser popular.

La web debe tener un tráfico de visitas considerable.

Alta frecuencia de actualización por parte de los buscadores. Los motores de búsqueda no visitan todos los sitios con la misma frecuencia. Una web visitada con más periodicidad tiene más valor a la hora de incluir un enlace de nuestra tienda online. Para conocer este dato hay que visitar la caché de la página de resultados.

Sitios webs con larga trayectoria en Internet.

La web debe tener contenido relacionado. Si la tienda online distribuye productos cosméticos los enlaces que procedan de portales de salud o belleza tendrán más valor para aumentar nuestra popularidad.

166

La estrategia de popularidad. Algunos responsables de tiendas online creen que la forma de conseguir que su web sea popular consiste en ir dando de alta la página en diversos directorios de forma indiscriminada. Suele ocurrir que no se escogen los directorios adecuados, ni el formato del enlace más óptimo, ni los sitios que realmente conceden valor. Por lo tanto, antes de llevar a cabo esta tarea es imprescindible definir una estrategia marcada por dos siguientes interrogantes:

Formato del enlace (¿Cómo será el enlace?). Destino del enlace (¿Dónde incluiré el enlace?).

Formato del enlace. El texto del enlace es tan importante como la calidad de la página en la que se inserta. A veces, se cae en el error de utilizar el nombre de dominio de la tienda online y lo cierto es que los buscadores valoran más un texto relacionado que vincule con el sitio web. En el lenguaje de programación a esto se le conoce como "anchor text". Lo más recomendable es que este anchor text esté relacionado con las palabras clave que se quieren posicionar en los buscadores. Destino del enlace. Una vez que tenemos el enlace o los enlaces definidos llega el turno de buscar los sitios web en los que se va a solicitar su inclusión. La elección de estas páginas debe hacerse de forma pormenorizada y en función de los criterios comentados anteriormente (popularidad, contenido, tráfico, actualización). En cualquier caso algunos de los tipos de sitios web que se deben tener en cuenta en la estrategia son:

Alta en directorios. Los directorios son páginas web que catalogan un sinfín de sitios en función de sus criterios de organización. Algunos de ellos cuentan con una alta popularidad, llevan mucho tiempo en la Red y son una fuente fiable para conseguir que nuestra tienda

167

online escale posiciones. El directorio de Yahoo o DMOZ son algunos de los más significativos. Estos directorios pueden ser de pago o gratuitos, aunque algunos de los gratuitos requieren un pago adicional para dar prioridad al enlace. Y pueden abarcar todos los temas, como el directorio de Yahoo o especializarse en un contenido específico.

Participación en redes sociales. La creación de una página relacionada con la tienda online en alguna de las redes sociales que gozan de una buena popularidad como Facebook facilita la inserción de enlaces sobre el comercio y permite estar visible a terceros, que a su vez pueden añadir el enlace de la tienda online en sus propias páginas o en los grupos de los que son miembros.

Alta en blogs y foros. Algunos blogs y foros tienen un alto índice de popularidad. Podemos buscar los blogs y foros relacionados con la temática de nuestra tienda online y participar activamente firmando con el enlace de la web. Aunque esta práctica está muy extendida en Internet por lo que puede ser sancionada por los moderadores si se utiliza en exceso. La clave, tal vez, consiste en convertirse en un participante reputado. En definitiva, la reputación de una web será lo que le otorgue la popularidad en buscadores y por tanto una mayor visibilidad que se traducirá a la larga en un aumento del tráfico de visitas y en el caso de una tienda virtual un incremento, tal vez, de la facturación. Ahora bien, no se debe caer en el error de tomar esta tarea como una actividad aislada, sino integrarla en la propia estrategia de comunicación del proyecto web y dedicarle los recursos necesarios para que sea realmente efectiva.

168

Mostrar enlaces permanentes en Pretashop. Dependiendo de la plantilla que se está utilizando, cuando publicamos los enlaces permanentes normalmente se visualizan en la parte superior del sitio y permiten a los visitantes ver el mapa del sitio, poder enviar un mensaje al administrador o a los contactos creados y marcar como favorito en el navegador la página del producto que se está viendo. Podemos ver en está imagen cuales son los enlaces permanentes.

169

Para publicar estos enlaces en nuestra tienda virtual antes debemos instalar el módulo respectivo, por esto debemos entrar al back office, hacer clic en la pestaña “Módulos” y luego en el link “Módulos”.

En la lista “Categorías” que se encuentra a la izquierda buscamos el Link “Aplicaciones Front Office” y hacemos clic en él para desplegar los módulos disponibles.

170

Para estar seguros de encontrar el módulo de los enlaces, seleccionamos “Instalado y Desinstalados” y “Activados y desactivados” en las listas desplegables de los filtros de búsqueda.

Entre los módulos que aparecen buscamos el que dice “Bloque de enlaces permanentes“. Si el bloque no está activo encontramos un link que dice “Activado”, hacemos clic sobre él para activarlo. Este módulo nos permite agregar los enlaces a nuestra tienda virtual de Prestashop.

171

Cómo enlazar páginas estáticas. Si en nuestra plantilla (archivo .tpl) queremos incluir algún enlace a una página estática podemos hacerlo, incluyendo la ruta completa. Esta acción no es recomendada, en caso de cambiar el dominio o directorio, pues dejaría de funcionar. Por otro lado, puede hacerse usando el siguiente código que nos generará el enlace a la página en cuestión:

El alias no es obligatorio. Con la id basta. También podemos enlazar categorías de forma similar:

172

UNIDAD DIDÁCTICA 2. IMÁGENES Y FORMATO.

Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están formadas por unos puntos muy pequeños llamados pixels. Si tu monitor fuera de aquellos en blanco y negro utilizados en la época de los pioneros, cada pixel podía estar encendido (color blanco) o apagado (color negro). En los monitores de color actuales cada pixel o punto de pantalla no representa esos dos únicos colores, como sabes puden mostrar millones de colores y tonalidades. Pero la idea es la misma. La imagen está formada por puntos y el ordenador los maneja como bits. A la hora de codificar esta imagen para poder guardarla en un archivo existen dos técnicas básicas: los mapas de bits y las imágenes vectoriales Bien sea para ilustrar la información contenida en nuestras páginas o para integrar un largo texto o, por que no, por cuestiones estéticas, es prácticamente imposible evitar colocar alguna que otra imagen en nuestras páginas. Al emplear las imágenes debemos guiarnos por unas cuantas reglas básicas:

Procurar que las imágenes sirvan para algo, que den información. Esta es una de las razones por las que debemos usar los atributos ALT.

No excedernos. La página no debe pesar demasiado. Un visitante que ve

como la página tarda en cargarse más de 15 o 20 seg lo más probable es que se vaya y, lo que es peor, que no vuelva.

Procurar un equilibrio entre tamaño del archivo de imagen y calidad de ésta.

A veces una imagen muy grande requiere una compresión tal que al final tenemos una calidad pésima. En estos casos debemos plantearnos el tipo de imagen a usar.

Imágenes y formatos. El componente gráfico de las páginas web tiene mucha importancia, es el que hace que estas sean vistosas y el que nos permite aplicar nuestra creatividad para hacer del diseño de sitios una tarea agradable. Es también una herramienta para acercar los sitios al mundo donde vivimos, si embargo, es también el causante de errores graves en las páginas y hacer de estas, en algunos casos, un martirio para el visitante.

173

Las nociones básicas para el uso de archivos gráficos son sencillas, conocerlas, aunque sea ligeramente, nos ayudará a crear sitios agradables y rápidos. No cometer errores en el uso de las imágenes es fundamental, aunque no seas un diseñador y las imágenes que utilices sean feas, utilízalas bien y así estarás haciendo más agradable la visita a tus páginas.

Mapas de Bits. En Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red. El formato de archivo GIF se usa para las imágenes que tengan dibujos, mientras que el formato JPG se usa para las fotografías. Los dos comprimen las imágenes para guardarlas. La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para unos u otros propósitos. Adicionalmente, se puede usar un tercer formato gráfico en las páginas web, el PNG. Este formato no tiene tanta aceptación como el GIF o JPG por varias razones, entre las que destacan el desconocimiento del formato por parte de los desarrolladores, que las herramientas habituales para tratar gráficos (como por ejemplo Photoshop) generalmente no lo soportaban y que los navegadores antiguos también tienen problemas para visualizarlas. Sin embargo, el formato se comporta muy bien en cuanto a compresión y calidad del gráfico conseguido, por lo que resulta muy útil en infinidad de casos. Todos estos problemas han pasado y ya sólo Internet Explorer 6 tiene algunos fallos cuando trata con PNG, pero la aceptación actual es más que suficiente para incorporarlo a nuestras posibilidades reales de trabajo con formatos y optimización de archivos.

174

Veamos a continuación los tipos de archivos que pueden ser las imágenes:

Veamos estos formatos en detalle. Formato GIF. A parte de ser un archivo ideal para las imágenes que estén dibujadas tiene muchas otras características que son importantes y útiles. Compresión: Es muy buena para dibujos, como ya hemos dicho. Incluso puede ser interesante si la imagen es muy pequeña, aunque sea una foto. Transparencia: Es una utilidad para definir ciertas partes del dibujo como transparentes. De este modo podemos colocar las imágenes sobre distintos fondos sin que se vea el cuadrado donde está inscrito el dibujo, viendose en cambio la silueta del dibujo en cuestión. Para crear un gif transparente debemos utilizar un programa de diseño gráfico, con el podemos indicar qué colores del dibujo queremos que sean transparentes. Generalmente, definimos la transparencia cuando vamos a guardar el gráfico.

175

Colores: Con este formato gráfico podemos utilizar paletas, conjuntos, de 256 colores o menos. Este es un detalle muy importante, puesto que cuantos menos colores utilicemos en la imagen, por lo general, menos ocupará el archivo. En ocasiones, aunque utilicemos menos colores en un gráfico, este no pierde mucho en calidad, llegando a ser inapreciable a la vista. En algunos programas podemos modificar la cantidad de colores al guardar el archivo, en otros lo hacemos mientras creamos el gráfico.

Formato JPG. Veamos ahora cuales son las características fundamentales del formato JPG:

Compresión: Tal como hemos dicho anteriormente, su algoritmo de compresión hace ideal este formato para guardar fotografías. Además, con JPG podemos definir la calidad de la imagen, con calidad baja el fichero ocupará menos, y viceversa. Transparencia: Este formato no tiene posibilidad de crear áreas transparentes.

Si deseamos colocar una imagen con un área que parezca transparente procederemos así: con nuestro programa de diseño gráfico haremos que el fondo de la imagen sea el mismo que el de la página donde queremos colocarla. En muchos casos los fondos de la imagen y la página parecerán el mismo. Colores: JPG trabaja siempre con 16 millones de colores, ideal para fotografías. Formato PNG. El formato PNG es el gran desconocido de internet, pese a su magnífico comportamiento. Realmente existen varios formatos PNG: PNG8, que almacena imágenes de hasta 256 colores, PNG24 para imágnes de 24 bits y PNG32 para imágenes de 32 bits. Permite transparencias como los GIF y transparencia graduada (colores cuya opacidad van desde el 0% hasta el 100%), aunque los

176

exploradores no aprovechan esta utilísima propiedad. Por contra no admiten animaciones.

Optimizar ficheros. Para que las imágenes ocupen lo menos posible y se transfieran rápidamente por la Red debemos aprender a optimizar los ficheros gráficos. Para ello debemos hacer lo siguiente: Para los archivos GIF: Reduciremos el número de colores de nuestra paleta. Esto se hace con nuestro editor gráfico, en muchos casos podremos hacerlo al guardar el archivo. Para los archivos JPG: Ajustaremos la calidad del archivo cuando lo estemos guardando. Este formato nos permite bajar mucho la calidad de la imagen sin que esta pierda mucho en su aspecto visual. Es imprescindible disponer para optimizar la imagen de una herramienta buena que nos permita configurar estas características de la imagen con libertad y fácilmente. Photoshop (las versiones 5.5 o 6) es un programa bastante recomendable, pues incorpora una opción que se llama "Guardar para la Web" con la que podemos definir los colores del gif, calidad del JPG y otras opciones en varias muestras a la vez. Así con todas las opciones configurables, viendo los resultados a la vez que el tamaño del archivo podemos optimizar la imagen de una manera precisa con los resultados que deseamos.

177

También existen en el mercado otros programas que nos permiten optimizar estas imágenes de manera sorprendente. Una vez hemos creado la imagen la pasamos por estos programas y nos comprimen aun más el archivo, haciéndolo rápido de transferir y, por tanto, más optimo para Internet. Al ser estas utilidades tan especializadas los resultados suelen ser mejores que con los programas de edición gráfica. Algunos ejemplos de estos optimizadores gráficos son los que siguen:

WebGraphics Optimizer. ProJPG, GIF Imantion. GIF Wizard.

Imágenes vectoriales. Este otro método de almacenar imágenes se basa en encontrar funciones matemáticas para representar la imagen completa. Este método no sólo se usa para figuras regulares (rectángulos, cuadrados, círculos) tambien se puede usar para imágenes tipo fotografía. Las llamadas figuras de Mandelbrot se emplean para encontrar una función matemática que represente la forma tan poco regular como un paisaje de montaña y similares. Estas imágenes dan una calidad excelente y permiten ser escaladas (modificar su tamaño) sin pérdida de calidad. Un ejemplo son los archivos DXF y otros usados en programas CAD. Sin embargo, estos formatos no se usan en las páginas web. Optimización de imágenes para páginas web. Ya hemos mencionado más arriba que para que la página no tenga un peso excesivo y se cargue en poco tiempo, es necesario reducir el peso de las imágenes, es decir, optimizarlas para su uso en la web.

178

A pesar del mejoramiento en el ancho de banda y las mejoras en los procesadores, aun sigue siendo recomendable que las páginas web tengan un peso reducido para evitar que tengan problemas o demoren en cargar. Sin lugar a dudas, una de las dificultades mayores frente a la que se enfrentan los diseñadores web es en la utilización de imágenes. El empleo de imágenes, tanto para el decorado de la página como para que forme parte del contenido, es indispensable. Teniendo en cuenta esto, la única opción con que cuentan los diseñadores web es la optimización de las imágenes para su empleo en sus páginas. Para que el diseño tenga la vista que su creador ha planificado, es necesario que el largo y ancho de las imágenes no se modifique, por lo que la única opción con que se cuenta es con la reducción de la calidad. La reducción de la calidad de una imagen, no necesariamente afectará su vista en la página web. Esto se debe a que generalmente las imágenes obtenidas de una cámara, un escáner u otro medio, tienen una resolución óptima para su impresión o revelado, que es muy superior al mínimo necesario para que se vea bien en el monitor de un ordenador. ¿Qué se modifica en una imagen para su optimización? Las imágenes a ser utilizadas en el diseño de una página web, puede ser modificada en varios parámetros a los efectos de reducir su peso. El parámetro más empleado para modificar el peso de una imagen es la resolución, cuya medida es en ppp (pixeles por pulgada cuadrada). Una cámara digital obtiene resoluciones de unas 300 ppp, y una impresión de buena calidad (aunque pueden obtenerse impresiones de mayor calidad) es de 200 ppp. Estas resoluciones no son necesarias en una imagen que va a ser mostrada en una página web, ya que una resolución de 72 ppp es lo que se recomienda para su uso en este medio, debido a que la gran mayoría de los monitores no tienen resoluciones superiores. Otro parámetro modificable es el color. Una imagen de alta calidad (denominado color verdadero, ya que se acerca a la capacidad del ojo humano en la detección de colores) tiene una profundidad de color de 32 bits por pixel, de los cuales 24 bits

179

son para el color (casi 17.000.000 de colores) y 8 bits son destinados a las transparencias. Reduciendo la escala de profundidad del color a 16 bits (color de alta densidad), se obtiene también una reducción del peso de la imagen. Para imágenes que emplean pocos colores, pueden utilizarse escalas menores, como 256 colores o menos. El formato GIF va más allá, ya que cada imagen guarda su propia escala de colores, lo que reduce notoriamente la cantidad de información (y por consiguiente el peso) que contiene un archivo de imagen. Los archivos de imagen pueden contener datos adicionales (metadatos), que también influyen en el peso del mismo, por lo que en muchas ocasiones, los programas de optimización de imágenes los quitan, como método de reducir la cantidad de información contenida en el archivo. Hay varias formas de optimizar una imagen para su empleo en páginas web. Algunos programas de edición de imágenes tienen plug-ins para la optimización y otros tienen esas funcionalidades incorporadas. Adobe Photoshop presenta herramientas que permiten definir algunos parámetros de calidad para optimizar las imágenes, tanto reduciendo su calidad para su utilización en la web, como para aumentarla para su uso en impresiones. GIMP no posee funciones que permitan definir la calidad de las imágenes tratadas, pero en el guardado permite la modificación de algunos de ellos (según el formato) para reducir su tamaño. Otra opción es la utilización de herramientas específicas, tanto programas como herramientas online, algunas de las cuales describiremos a continuación. También es posible emplear algunos trucos con buenos resultados. RIOT: Software gratuito para optimizar imágenes. RIOT es un software de optimización de imágenes gratuito de muy bajo peso y portable (puede ejecutarse desde un dispositivo de memoria USB), que presenta dos ventanas en las cuales se visualizan la imagen original y el resultado tras los ajustes que se van realizando.

180

En pruebas realizadas con este programa, los resultados son muy buenos. En una imagen de alta calidad con formato JPG, se logró una reducción del peso de las imágenes de hasta 6:1, lo que quiere decir que una imagen de 600kB quedaría en 100kB aproximadamente, con una reducción de la calidad que no resulta visible empleando los parámetros por defecto. En imágenes PGN con transparencias, la reducción es menor, aunque los números siguen siendo igualmente buenos, ya que se logra una reducción del peso de la imagen hasta algo menos que 3:1.

Otra de las características del programa es que solo trabaja con formatos JPG, PGN y GIF, permitiendo el cambio de formato, lo que quiere decir que, si estamos optimizando una imagen JPG, podremos guardarla como GIF o PNG. Además, el programa presenta la opción de establecer el peso que se desea que la imagen tenga, reduciendo la calidad hasta obtener el peso deseado. Es posible aumentar la proporción de disminución del peso de la imagen, así como modificar los parámetros. La interfaz es extremadamente sencilla, aunque se encuentra en inglés y no existe una versión en español.

181

Por otro lado, existen diversos sitios que realizan optimización de imágenes. Uno de ellos es SiteReportCard, una página que además de otros servicios y herramientas para diseñadores web, ofrece la optimización de imágenes en línea. Esta optimización se realiza bajando la calidad de los colores y la definición de la imagen. La página muestra la opción de optimizar una imagen que se encuentra en una web, para lo cual el usuario de introducir en un campo la URL de la imagen o de subir una imagen desde el ordenador del usuario. En cualquiera de los dos casos, la página devuelve cinco copias de la imagen inicial en diferentes tamaños (y lógicamente diferentes calidades), las que pueden ser descargadas al ordenador del usuario. Otro sitio, con características similares es Dinamicdrive. El servicio es muy similar, aunque Dinamicdrive ofrece algunas copias más que en el caso anterior y un servicio adicional, que es convertir las imágenes a otros formatos. Los formatos admitidos para su conversión u optimización son JPG, PNG y GIF. Una de las grandes maravillas que tiene Photoshop es la herramienta para guardar imágenes optimizadas para web (archivo/guardar para web). Esta herramienta resulta indispensable una vez la conoces. Te permite reducir el peso de las imágenes de forma espectacular manteniendo su calidad.

182

UNIDAD DIDÁCTICA 3. LOS PRODUCTOS.

Los productos ofrecidos son el elemento más importante de una tienda online, esencialemente porque sin ellos no podría ser una tienda. Como ya hemos dicho al principio de este curso, se tienen que tener muy bien definidos los objetivos y las líneas de actuación de la marca. Los productos deben estar diseñados y preparados para su lanzamiento En la presente unidad veremos al detalle de qué manera gestionar el catálogo de productos en nuestra tienda online pretashop. Iremos especificando paso a paso en su configuración.

Gestión del catálogo. La parte Catálogo accesible desde la pestaña del mismo nombre le permite administrar el conjunto de sus productos a través de su solución e-comercio PrestaShop.

Gestión de las categorías de productos. La primera página de la pestaña Catálogo se presenta como sigue:

183

La parte Categorías permite a través de la función Añadir una nueva subcategoría crear diferentes clases de productos para ordenar sus artículos y ayudar así a sus clientes a encontrar más fácilmente lo que buscan. Todas las categorías son subcategorías de la página de inicio. Creación de una categoría. Para crear una categoría, rellene el siguiente formulario:

184

Primero, atribuya un nombre a su categoría, después determine si se encuentra activa, es decir si es o no accesible a sus clientes. Puede resultar interesante durante la creación de una categoría diferir su visualización por los clientes hasta que esté completa o haya sido comprobada. Si se trata de una subcategoría que pertenece a otra categoría diferente del inicio, elija la categoría a la que pertenece en el menú desplegable Categoría pariente. Pulse en Recorrer para importar una imagen desde su ordenador, para ilustrar su categoría. Los campos de optimización de referenciamiento para una categoría. Estos datos le permiten optimizar la visibilidad de su catálogo en los motores de búsqueda.

185

La Etiqueta <título>: es el título que aparecerá en los motores de búsqueda durante una búsqueda efectuada por los clientes.

La Meta descripción es la presentación en algunas líneas de su sitio Web, bajo el título (Meta título) en los resultados de los motores de búsqueda.

Las Meta palabras-clave son las palabras clave que debe definir, para estar mejor referenciado en los motores de búsqueda. Puede indicar varias, separadas por comas, así como expresiones, que deberán ir entre comillas.

La URL amigable, le permite reescribir la dirección de sus categorías como quiera para favorecer un mejor referenciamiento. Por ejemplo, en lugar de tener una dirección tipo:

http://www.mitienda.prestashop.com/category.php?id_category=3, obtendrá: http://www.mitienda.prestashop.com/123-nombre-de-la-categoría. Para ello, basta con indicar en el campo URL amigable, las palabras que quiere ver aparecer en lugar de “nombre-de-la-categoría”, separadas por guiones.

El Acceso grupos le permite restringir algunas de sus categorías y productos a ciertos usuarios de su tienda. Para ver aparecer dichas categorías, los usuarios deberán formar parte del grupo de usuarios. Vaya a la aplicación de grupo en la pestaña Clientes para más información.

186

Una vez que haya terminado la configuración de su categoría, puede registrarla en la misma página pulsando en Grabar o grabar y volver a la categoría anterior pulsando en Grabar y volver a la categoría anterior. Cada campo que tiene una bandera a su derecha indica que puede configurarse en varios idiomas. Para más información sobre esta aplicación, vaya a la aplicación de gestión de idiomas. Gestión y añadir productos al catálogo. La gestión de los productos se hace a través de la segunda parte de la página, titulada Productos en esta categoría. Ver la siguiente imagen. Una vez que haya creado su categoría, podrá añadir productos pulsando en Añadir un producto nuevo, y aparecerá un formulario con diferentes pestañas. Lo presentamos aquí etapa por etapa. Empezaremos por la pestaña n°1 del formulario, que le permite rellenar la información general sobre sus productos.

187

Completar la información general sobre el producto.

Lo primero que debe hacer es rellenar la información sobre el producto. Es el nombre que aparecerá en los resultados de la búsqueda. Al lado de dicho campo, verá una bandera que le permitirá seleccionar el idioma en el que desea editar o crear el campo. Si no quiere que dicho producto sea visible por sus clientes, al menos inmediatamente, marque la casilla Desactivado. El campo Fabricante permite informar sobre el nombre del fabricante del producto. Se trata de un campo opcional. Pulse en Crear al lado del campo Fabricante si no existe ya, o seleccione en el menú desplegable el que desee asociar al producto. Numerosas informaciones se encuentran a su disposición para poder administrar perfectamente las referencias de sus productos, como Referencia, EAN13, Referencia Proveedor o Ubicación, que le ayuda a definir una ubicación en su almacén. Para terminar, también es posible indicar el peso para efectuar el cálculo de gastos de envío de los pedidos de sus clientes.

188

Crear un pack de productos. Desea vender un pack de productos formados por varios artículos. Ejemplo: una configuración informática compuesta por una unidad central, una pantalla, y una impresora. Para ello puede crear un pack y asociar otros productos de su catálogo. Marque la casilla Paquete. Aparecen diferentes opciones, entre las cuales un menú desplegable que le propone elegir el producto que desea añadir al pack entre los ya creados. Selecciónelo, elija la cantidad, y pulse en el botón verde para validar lo añadido. Puede añadir al pack tantos productos como desee. Los paquetes permiten al administrador del sitio Web facilitar la preparación de los pedidos. También permiten a los clientes poder disfrutar de ofertas especiales.

Crear un producto descargable. Marque la casilla Producto descargable, si vende bienes descargables como títulos en mp3, documentos en PDF, etc.

189

Seleccione el archivo que pondrá a disposición de sus clientes pulsando en Elija un archivo, después selecciónelo en su ordenador.

Nombre del archivo. Asigne el nombre del archivo.

Número de descargas. Indique cuantas veces se podrá descargar este archivo para cada pedido de sus clientes.

La fecha de validez. Indica la fecha a partir de la cual el archivo ya no estará disponible a la venta. Rellene este campo respetando la indicación: AÑO-MES-DÍA.

Número de días. Una vez que el cliente haya validado una compra en su tienda, puede limitar la duración durante la cual éste podrá descargar su archivo. En ese caso, indique el número de días en cifras. Este campo es obligatorio para guardar su producto.

Configuración de la lista de precios de un producto. Configure el precio que aparecerá en su espacio de venta gracias a los siguientes datos:

190

El campo Precio de compra sin IVA: le permite saber en cada momento cual es el precio de coste. Puede así compararlo con el precio de venta para decidir cual será su margen. El campo Precio de venta IVA incluido: Indique el precio sin IVA de su producto. El campo Impuesto: Indique el tipo de impuesto que se aplicará al producto. Elija entre los diferentes tipos de tasas (IVA al 18%, 8%...) Para configurar los impuestos, consulte la sección Impuestos. El campo Precio de venta IVA incluido: precio de venta que incluye las tasas. El campo Eco-Participación: le permite definir la parte del precio designada al reciclaje de su producto. Debe indicarse en el caso de productos de tipo electrodoméstico, tecnológico… El campo Descuento: le permite aplicar un descuento en porcentaje o en valor fijo. Si la oferta tiene una duración limitada, indique las fechas de validez, en formato “año-mes-día”. Si desea indicar que su producto está en oferta, marque la casilla Indicar que el producto está en oferta y aparecerá un logo en la ficha del producto correspondiente. Puede modificar el logo desplazando el archivo a la siguiente ubicación: temass/prestashop/img/onsale_fr.gif El precio de venta final es el que aparece en la ficha producto, una vez se haya aplicado el descuento. Puede rellenar el campo Precio de venta IVA incluido y seleccionar el tipo de impuesto a aplicar, entonces el campo Precio de venta IVA incluido se calculará de forma automáticamente. La operación en sentido inverso también está disponible.

191

Disponibilidad de un producto.

El campo Cantidad corresponde al número de productos disponibles. En el caso en el que disponga de una gama de productos, este campo representará la suma del conjunto de las cantidades de dichas gamas.

El campo Mensaje si disponible le permite enviar un mensaje a sus

visitantes cuando el producto se encuentra disponible. Eso los convence de su eficacia, mostrando por ejemplo Artículo disponible para informarles de que el producto se encuentra disponible.

En caso de falta de existencias, tiene dos posibilidades:

11)) Aceptar los pedidos y diferir su envío. Para ello, marque Aceptar los pedidos.

22)) Rechazar los pedidos. En este caso, no se aceptará ningún pedido para dicho producto.

192

También es posible configurar de manera general el comportamiento que deberá aplicarse a todos sus productos. Por defecto, la opción elegida es rechazar el pedido, pero es posible modificarlo en la pestaña Preferencias/Productos, que se encuentra detallada en la sección Configuración de los Productos. Categoría por defecto y presentación en su catálogo. La categoría por defecto se utilizará cuando un artículo pertenece a varias categorías para precisar qué categoría utilizar si un cliente llega a su sitio Web a partir de un buscador (sin pasar por la arborescencia clásica de su sitio Web). El nombre de la categoría aparecerá en la URL del producto. Ejemplo: un teléfono puede aparecer en la categoría de su marca (Apple, Samsung, Nokia…) pero también en la de sus característica (Smartphone, teléfono de tapa...). Referenciamiento de su producto. Para mejorar el referenciamiento de sus productos, así como el de su tienda, le invitamos a rellenar cuidadosamente los diferentes campos de optimización de referenciamiento: los títulos meta, descripciones meta, las palabras claves y URL amigables. Para acceder a estas informaciones, pulse en la siguiente frase:

Aparecen los siguientes campos:

193

Configuración de la descripción del producto.

194

La primera pestaña consta de dos espacios dedicados a introducir una descripción. La primera le permite introducir un resumen que aparecerá en los buscadores. El resumen debe ser de 400 caracteres máximo. La segunda le permite introducir una descripción de su producto que aparecerá directamente en su tienda en línea. Gracias al editor de texto, dispone de todas las opciones de presentación para hacer que sus descripciones sean más atractivas (fuente, tamaño, color del texto, etc.)

El campo Tags le permite definir los términos que ayudarán a sus clientes a encontrar más fácilmente lo que están buscando.

El campo Accesorios le permite elegir productos asociados que se proponen en la ficha del producto. Para sugerir un producto a sus clientes, introduzca las primeras letras de dicho producto, después selecciónelo y pulse en el botón verde situado a la derecha del campo.

Una vez que haya terminado de configurar todos estos puntos, le aconsejamos que guarde su trabajo pulsando en Guardar, en ese momento será redirigido a la página de inicio de su catálogo. Otra opción es pulsar en Guardar y seguir, para seguir con la configuración de la presentación del producto. Una vez haya guardado su trabajo, aparecerán nuevas opciones, en especial las pestañas 3.Gamas, 4.Caract., 5.Personalización, 6.Precios decrecientes, 7.Documentos adjuntos. Configuración de las imágenes productos. La pestaña número 2 es útil para incluir imágenes en su página producto.

195

196

Para ilustrar su producto, pulse en Recorrer, después importe una foto desde su ordenador.

El valor del campo Leyenda se indicará cuando sobrevuele una imagen. También es el valor que tienen en cuenta los buscadores para indexar su contenido. Por lo tanto debe darle un nombre que corresponda a la descripción del producto para que aparezca más fácilmente en los buscadores.

Marque la casilla Portada si quiere que la imagen importada se utilice como imagen por defecto, y por lo tanto que aparezca directamente en el momento de su conexión en la página producto de su tienda en línea.

Para terminar, puede redimensionar las imágenes en miniaturas, es decir, adaptar su foto al tamaño idóneo en la ficha producto: elija entre Automático o Manual en el menú desplegable Método de redimensionamiento. Le aconsejamos que lo deje en automático. Una vez que haya importado varias imágenes, puede, gracias a la flecha numerada 1 en la imagen, modificar el orden de aparición pulsando en las flechas de la columna Posición o definir otra imagen de portada pulsando en los iconos de la columna Imagen de portada. Características. La pestaña número 4, Características le permite especificar las características de sus productos. Esta aplicación le permite homogeneizar los datos que va a mostrar a sus clientes. Al definir dichas características puede indicar los criterios que desee para cada uno de sus productos. Esto le permite no volver a cubrir los campos para cada creación de producto, sino únicamente completar los valores que están relacionados. Atención, contrariamente a las declinaciones, éstas no cambian, son válidas para el producto en general.

197

Crear una característica. Para crear una característica, así como sus valores, pulse en la pestaña del catálogo llamada Características.

198

Pulse en Añadir una característica, por ejemplo, para añadir el número de pares de cordones que incluye cada par de zapatos.

Indique el nombre de la característica y guarde. Crear un valor. Para añadir un valor a la característica, vuelva a la página anterior, y pulse en Añadir un valor.

En el menú desplegable elija la característica a la que quiere añadir un valor, indique su contenido y guarde. Asignar un valor y una característica al producto. Para terminar, vuelva a la pestaña Características de la ficha producto y elija el de su producto en los menús desplegables. Pulse en Subir características.

199

Acabamos de crear características y los valores relacionados. Ya puede ir al producto de su elección e indicar las características, así como los valores que deberán aparecer. Si una característica no tiene valor asignado, entonces no aparecerá en la tienda. Indicar un valor personalizado. Si quiere crear un valor que no ha sido configurado previamente, puede añadirlo directamente en el campo Personalización, y una vez completado aparecerá en su tienda. Personalización. El software de tienda en línea PrestaShop permite a sus clientes intervenir sobre la elección del producto, que van a comprar, personalizándolo. Ejemplo: Usted es vendedor de joyas y quiere dar a sus clientes la posibilidad de grabar un texto o una imagen. Sus clientes podrán comunicarle en el momento del pedido un texto o una imagen. Veamos como configurar esta aplicación. En la pestaña número 5: Personalización, indique qué tipo de campo debe ser personalizado. Si su cliente debe poder enviarle una o varios ficheros (una o varias

200

fotos por ejemplo) cambie el valor del Campo fichero para indicar el número de ficheros que va a recibir. Si su cliente debe poder enviarle texto, modifique entonces el valor de Campo texto. Al modificar el valor de cada uno de los campos, también se modificará el número de los que aparecerán en la página producto de su e-comercio. Con este mismo ejemplo vamos a seguir modificando los dos valores inscribiendo 1 en los dos campos. Una vez haya hecho esto, pulse en Actualizar los parámetros. Entonces aparece lo siguiente:

En Campos de archivo añada una indicación para sus clientes para que sepan qué archivo deben enviar. Marque la casilla Requerido si dicho elemento es indispensable para validar la compra.

En Campos de texto, indique cuál es el tipo de contenido que su cliente debe rellenar.

201

Después pulse en Guardar los campos para guardar. En la tienda, deberá aparecer lo siguiente:

La ventaja de esta función es ofrecer a sus clientes una prestación personalizada. Lo apreciarán.

202

MÓDULO 6. MÉTODOS DE PAGO Y LA PASARELA DE PAGO. El Comercio Electrónico es una realidad incontestable. Vivimos en una era en la que el consumidor es omnipotente y multicanal. A diferencia de previos cambios, esta revolución se basa en innovación impulsada por el consumidor. Y lo más interesante es que el consumidor va por delante en esta carrera tecnológica. Esta revolución también afecta a los pagos y, por ello, están surgiendo alternativas muy interesantes para facilitar el pago a los consumidores, ya sea a través del PC, del smartphone, de los tablets, etc. No sólo surgen nuevas aplicaciones, accesorios, y periféricos, si no también nuevas PSPs, sistemas de pago, y diferentes y creativas formas de poner en contacto a consumidores y comercios para generar negocio. Para una tienda online es muy importante elegir bien los medios de pago y, sobre todo, la pasarela de pago, ya que la experiencia de usuario en el proceso de pago de los compradores contribuirá a su nivel de recurrencia y fidelidad. En las tiendas físicas existe la alternativa del dinero en efectivo, pero en el eCommerce sólo es factible y seguro aceptar medios de pago electrónicos para el pago de los productos y/o servicios. Para especificar algo más la diferencia entre método de pago y pasarela de pago, veamos a continuación una breve definición de ambos términos. Un método de pago es la forma que tiene tu pagador de darte dinero, es decir, las distintas opciones que tiene de abonarte una cantidad determinada. Por ejemplo, tu pagador podría pagarte con tarjeta de crédito/débito, transferencia bancaria, dinero en efectivo, créditos virtuales, etc. Una pasarela de pago es el medio por el cual tu pagador te abona una cantidad con el método de pago elegido, es decir, el camino por el que se encauza el

203

proceso de pago. Puede pagarte con tarjeta de crédito (método de pago) a través de Paypal (pasarela de pago) o por medio de una TPV virtual (pasarela de pago). No todas las pasarelas admiten todos los métodos de pago ni todas las monedas, por lo que tendrás que averiguar/consultar si la pasarela que eliges soporta las posibilidades que quieres ofertar. Los medios de pago más extendidos en el mundo son las tarjetas Visa (Débito y Crédito), MasterCard (Débito y Crédito), American Express y, en menor medida, Diners Club y JCB. En algunos países y regiones del mundo también hay medios de pago locales, como Discover en EE.UU. y UnionPay en Asia, ésta última con un potencial enorme de crecimiento. PayPal, a medio camino entre un sistema de pago, un agregador y una pasarela, es también una solución global que permite la transferencia de dinero entre usuarios (consumidores y empresas) que tengan correo electrónico. Por todo ello, la seguridad en una tienda online pasa a tener un papel prioritario. Queremos hacer mención en este módulo de la importancia de la seguridad. La importancia de la Seguridad en una Tienda Online. Cuando desarrollamos un proyecto de Tienda Online, una de las cuestiones importantes es la seguridad de que los datos que un cliente son trasmitidos con seguridad y confidencialidad, y esta información no es utilizada de manera inapropiada. Por ello debemos incluir en nuestro sitio de venta online este tipo de certificados que dará tranquilidad y confianza a nuestros clientes. EL Certificado SSL (Secure Socket Layer) es un protocolo de seguridad utilizado en la comunicación y transferencia de datos entre el usuario y la Red. Se utiliza para proteger la transmisión de información confidencial y que nadie más pueda manejarla de modo inapropiado. Actualmente es el estándar de comunicación segura en los navegadores web más importantes (protocolo HTTP), como Internet Explorer, Firefox, Chrome, Safari, etc. El Certificado Digital. Un certificado digital garantiza que la información confidencial que envía el usuario conectado (página Web, Tienda Online …) a un servidor (web site con soporte SSL) esté encriptada y así no sea susceptible de ser interceptada por

204

terceras personas no autorizadas. El usuario realiza operaciones con completa seguridad al brindar sus datos confidenciales en este entorno. ¿Cómo sabemos si una web cuenta con protección bajo un certificado SSL? Esto puede verse a simple vista en todos los principales navegadores. En las últimas versiones de los navegadores web la barra de direcciones aparecerá en amarillo. Lo primero es el prefijo HTTP de la dirección URL de la pagina web, cambia a HTTPS (que significa HTTP seguro). Lo segundo es que en alguna parte de la ventana del navegador (ello depende de que navegador utilice), se visualiza un icono con forma de candado; el mismo al darle click abre una ventana con todos los datos del certificado SSL en cuestión, y los datos de la entidad CA que genero este certificado. El certificado de seguridad lo concede una entidad certificadora, después de haber controlado la correcta configuración del proceso de encriptación (SSL) y haber comprobado los datos de la empresa solicitante. El certificado de servidor seguro se concede a una entidad cuyas referencias han sido comprobadas, para asegurar que quien recibe los datos encriptados es, efectivamente, quien debe recibirlos. En el momento de finalizar la compra y facilitar los datos personales, podras comprobar que estaas en un servidor seguro. En esta página puedes ver cómo aparece un candado que indica que esta está protegida con un certificado de seguridad SSL. Este candado aparecerá en todas las partes de esta web donde haya información sensible. La implementación de páginas web protegidas con certificados SSL aplica a cualquier organización de todo tamaño; desde una micro empresa hasta una gran empresa. Es absolutamente esencial en funciones y páginas web de comercio electrónico, tiendas online, donde se soliciten datos de tarjetas bancarias o información confidencial. Por ello, todo banco con servicios en línea cuenta con accesos a la banca electrónica con protección bajo certificados SSL. Siempre que

205

se realizan pagos a través de pasarelas bancarias, el banco es quien garantiza la seguridad de la conexión, y las Tiendas Web no guardan ninguna información de números de tarjeta por lo que el certificado no les es necesario para sus pagos. Lo mismo ocurre con otros métodos de pago como PayPal. Son indispensables en los accesos vía páginas web a redes privadas corporativas o empresariales. Si tu empresa realiza operaciones comerciales por internet, casi es seguro en alguna de tus páginas web requerirá el uso de un certificado SSL. ¿Son obligatorios en España los certificados de seguridad para Tiendas Virtuales? Todo dependerá del tipo de datos que se soliciten a los usuarios. La LOPD obliga a cifrar las comunicaciones o, lo que es lo mismo, a tener certificado de seguridad, cuando solicitemos datos de nivel alto. Este tipo de datos serán los que se refieren a:

Ideología. Religión. Creencias. Origen racial. Salud / Vida.

En la mayoría de las Tiendas Virtuales se solicitan los datos básicos como son el nombre y apellidos, direcciones de contacto, teléfonos, etc. Incluso si la propia tienda requiere a sus clientes datos financieros se considerarían de nivel medio, que son tratados de diferente manera que los básicos, y aún así tampoco tendría la obligación de tener instalado un certificado de seguridad. Conseguir un certificado SSL. La organización que desee encriptar información en algunas de sus páginas web debe solicitar un certificado digital a una autoridad de certificación (CA). Los CA más reconocidos a nivel mundial son: VeriSign, Thawte, GeoTrust y RapidSSL en ese orden.

206

Ahora, no confundas si tu proveedor de hosting te ofrece un certificado SSL, el no es un CA; aunque si puedes estar como un distribuidor de un CA registrado. Es decir, que tu proveedor de hosting pueda tramitarte un certificado SSL de cualquiera de los CA reconocidos (como los mencionados anteriormente). O

bien, puedes ir al web oficial del CA de preferencia y tramitar por tí mismo el certificado SSL que ocupe. Precisamente los certificados SSL se pagan bajo la misma modalidad que los hostings web; es decir se paga una cantidad establecida por el CA y la misma corresponde a un tiempo de vigencia del certificado SSL. Una vez el certificado expira, este tiene que ser renovado (vía otro pago), sino, el certificado pierde validez y no funciona para realizar una conexión cifrada segura. Una vez que tu certificado SSL se ha aprobado y emitido por un CA, tu desarrollador web o administrador web debe dirigirse al sitio web del CA donde haya tramitado el certificado, y descargar la secuencia de comandos para el sello y añadir este en las páginas web apropiadas (los accesos o formularios donde se captura la información confidencial). La persona que instale el sello tendrá que saber el nombre común utilizado para la compra del certificado SSL y poder actualizar el HTML de las páginas donde se añadirá el sello. El sello consiste en una línea pequeña de códigos que enlaza con un ventana emergente generada por el CA que contiene información sobre su certificado SSL. Una vez hemos aprendido los conceptos de los pagos a través de Internet, así como la seguridad que debe construirse entorno a ellos, pasemos a ver con detalle la gestión de estos pagos en la plataforma Pretashop.

207

Gestión de los módulos de pago. Módulos de pago. El software de tienda en línea PrestaShop le ofrece la posibilidad de aceptar las transacciones de sus clientes a través de diferentes modos de pago, como los cheques, las transferencias bancarias, al contado en el momento de la entrega, a través de Google Checkout, o módulos como Hipay, Moneybookers, y PayPal. Todos ellos ya están incluidos en su tienda y listos para usar. Sin embargo, es necesario configurarlos. Para instalar el módulo Al contado en el momento de la entrega, basta con un pulsar en el botón Instalar. La lista completa de los módulos se encuentra en la pestaña Pago como nos muestra la siguiente imagen:

208

Vamos a analizar la configuración y la instalación de dichos módulos que son esenciales para que su tienda en línea funcione perfectamente.

209

Módulo de transferencia bancaria. Para configurar sus módulos, pulse en Configurar. Aparece un formulario en el que se le piden un número de informaciones, rellénelo y guarde: el módulo ya es operacional. Para que se acepten las transferencias bancarias, basta con rellenar los datos bancarios de la tienda. Una vez haya validado, pulse en Actualizar para guardar todos los parámetros. En ese momento sus clientes verán las diferentes opciones en el momento del pago.

Si sus clientes eligen Pagar por transferencia, aparece la siguiente página: Es necesario validar la divisa que se vaya a utilizar.

210

Al pulsar en Confirmo mi pedido, aparecen sus datos bancarios. Ver imagen:

Una vez que se encuentre en esta etapa, el pedido de su cliente aparece directamente en el recapitulativo de sus pedidos en la pestaña Pedidos. Cuando un cliente hace una transferencia bancaria, usted debe cambiar manualmente el

211

estado de pago del pedido en su BackOffice contrariamente al módulo por tarjeta de crédito que se efectúa de manera automática. Pago por cheque. Para configurar el modo de pago por cheque, debe ir a la página de configuración de los módulos de pago por cheque, en la pestaña Pago pulse configurar en la línea del módulo cheque, después rellene los campos A orden de y Dirección.

Una vez haya rellenado los campos, pulse en Actualizar para guardar los datos. Sus clientes verán la información cuando realicen un pedido, justo después de elegir su modo de pago, es decir, por cheque. Cuando un cliente realiza un pedido con el pago por cheque, usted debe actualizar manualmente el estado de pago del pedido, no como sucede en el pago con tarjeta donde la operación se realiza de manera automática. Módulos bancarios de empresas asociadas. PrestaShop propone varios módulos de empresas asociadas:

Paypal. Moneybooker.

212

Hipay. Google checkout.

Para poder utilizarlos, pulse en Instalar que se encuentra en la misma línea. Aparece el botón Configurar que le permitirá informarse sobre las ventajas de las empresas asociadas para que pueda crear una cuenta e inscribir las indicaciones que se encuentran en el BackOffice. Una vez haya terminado, pulse en Actualizar para guardar las preferencias. Paypal. PayPal le permite aceptar los pagos en su tienda de manera muy simple e intuitiva. Veamos como configurar el módulo.

En estándar dos módulos están presentes: Empecemos por abordar el primer módulo PayPal 1.6. Para poder activar el módulo, pulse en Configurar, aparece la siguiente página:

213

Se requieren 3 elementos, primero la dirección email con la que ha creado una cuenta. Si desea activar su módulo PayPal, puede empezar por una fase de test utilizando el modo Sandbox seleccionando Sí en la opción que se propone. Atención, una vez haya terminado el test, debe seleccionar “No”, en caso contrario sus clientes no podrán efectuar sus pagos. Después, la URL del banner deberá aparecer en el momento del pago en PayPal. Una vez haya configurado todos los elementos, pulse en Actualizar para validar su configuración. En el momento de elegir el modo de pago su cliente tendrá así diferentes opciones. Si no dispone de una cuenta PayPal le invitamos a crear una en el sitio: https://www.paypal.com

214

Al seleccionar PayPal, será redirigido a una página de pago seguro, y podrá escribir sus datos bancarios. Ver siguiente imagen:

215

El banner configurado en el BackOffice aparecerá directamente en la página de pago PayPal, lo que da confianza a su cliente, que puede constatar la relación entre su tienda y el modo de pago seguro que se le ha presentado. Solo tendrá que introducir sus datos bancarios para validar su transacción.

216

Hipay. Hipay es un modo de pago que le permite aceptar diferentes divisas. Para configurar su módulo, primero debe instalarlo. Para ello pulse en Configurar. Aparece la siguiente página. Cree una cuenta pulsando en Crear una cuenta Hipay. Cuando su cuenta haya sido validada, Hipay le enviará los elementos necesarios para utilizar su cuenta con las diferentes divisas que propone. Solo tendrá que completar la información de su BackOffice para que su tienda en línea PrestaShop pueda proponer este nuevo modo de pago.

217

Moneybookers. La configuración del módulo de pago Moneybooker es extremadamente sencilla. Debe crear una cuenta en el sitio Moneybookers en la siguiente dirección: http://www.moneybookers.com/partners/prestashop/ Moneybookers es uno de los sistemas de pago más importantes de Europa, que le permite hacer pagos locales en más de 200 países. Más de 60.000 comerciantes en línea utilizan actualmente Moneybookers, incluyendo importante empresas internacionales del comercio electrónico tales como eBay.com, Skype y Thomas Cook. Con más de 14 millones de titulares de cuenta, Moneybookers también ofrece una de las carteras electrónicas más grandes del mundo.

Una vez que haya creado su cuenta, deberá rellenar la información de su cuenta con su dirección y su contraseña. Después, seleccione los logos que desea que aparezcan en su tienda en línea PrestaShop. Valide su configuración pulsando en Guardar y validar mi cuenta. Restricción de los medios de los módulos de pago por divisas. En la página de la pestaña Pago, aparece el siguiente apartado:

218

En función del pago, la divisa que se propone a los clientes puede diferir:

Pago por transferencia: marque las divisas que desea autorizar. Si acepta varias divisas, el cliente podrá elegir una de ellas en el momento del pago.

Pago al contado en el momento de la entrega: el cliente deberá pagar en la devisa que haya seleccionado previamente en la tienda.

Pago por cheque: marque las divisas que desea autorizar. Si acepta varias divisas, el cliente podrá elegir una de ellas en el momento del pago.

Pago por Moneybookers: es posible elegir entre diferentes divisas propuestas (entre las instaladas en la tienda). El cliente podrá elegir en el momento del pago entre las divisas aceptadas.

Pago por Google Checkout, Hipay y por Paypal: sólo puede elegir una divisa aceptada en pago (entre las instaladas en la tienda). También puede aceptar proponer a cada cliente un pago en la divisa que él mismo haya elegido en la tienda. Por último, también puede aceptar únicamente los pagos en la divisa por defecto de la tienda (pestaña pago, divisa, preferencia de divisas).

219

Restricciones de los modos de pago en relación al grupo.

PrestaShop le permite restringir los modos de pago en función del grupo de clientes. Por ejemplo si, en el campo de su actividad, desea que los particulares paguen con Paypal, Moneybookers e Hipay, mientras que los profesionales paguen por transferencia bancaria. En el momento del pago, el cliente solo tendrá acceso al modo de pago adecuado en función del tipo de cliente y de lo que usted haya decidido. Restricciones de los modos de pago por países. Su tienda en línea PrestaShop le permite restringir sus modos de pago en función del país de sus clientes. Por ejemplo, en Francia, España, Alemania es posible aceptar todos los modos de pago como los cheques, las transferencias bancarias, etc. Mientras que en otros países como Italia, Reino Unido o Suiza, puede decidir aceptar únicamente las transferencias bancarias. La elección de los módulos de pago por países se efectúa en la pestaña Pago. Ver siguiente imagen:

220

Para proponer modos de pago en función del país, debe marcar la casilla que corresponde a la línea del país elegido y la columna del modo de pago deseado. Una vez haya configurado todos los parámetros, pulse en Guardar en la parte inferior de la página. Divisas. PrestaShop le ofrece la oportunidad de aceptar un gran número de divisas. Por defecto, hay tres divisas en estándar: el euro, el dólar y la libra esterlina. Pero es posible añadir y configurar nuevas divisas pulsando en la pestaña Divisas de la sección Pago.

221

Si desea crear una divisa, pulse en el botón Nuevo de la imagen precedente, y verá aparecer el siguiente formulario:

222

Una vez haya configurado la nueva divisa, pulse en Guardar para guardar sus parámetros. Impuestos. La pestaña Impuestos situada en el apartado Pago le permite administrar los impuestos aplicables a sus productos. Cuando pulsa en la pestaña impuestos, aparece la lista de los mismos. En estándar se han configurado tres impuestos.

223

Rellene el formulario para configurar su impuesto, después pulse en Guardar a pie de página. Si desea aplicar impuestos especiales a un país en lugar de a una zona, debe ir a la pestaña Transporte, después Zonas, para crear y configurar una zona específica. Vales descuento. En la pestaña Vales descuento, puede ofrecer a sus clientes descuentos (en valor o en porcentaje) o los gastos de envío de su pedido. En la pestaña aparecen los vales descuento que ya han sido creados así como las condiciones de validez.

Para crear un nuevo vale descuento pulse en Nuevo en la parte superior de la página. Aparece el siguiente formulario:

224

En una primera etapa, es necesario atribuir un código a su vale descuento. Puede crear uno o bien generarlo automáticamente. Para ello, pulse en New a la derecha del campo Código. El campo Tipo, le permite elegir cuál será el método de reducción aplicado. Existen 3 opciones:

Reducción sobre el pedido en % (porcentaje). El vale descuento aplicará un descuento en porcentaje sobre el valor total del pedido. Ejemplo: el pedido tiene un valor de 200€, el vale descuento tiene un valor de 15%, aplicando el descuento el cliente pagará únicamente 170€.

225

Reducción sobre el pedido (importe). Esta opción aplicará un descuento monetario sobre su pedido. Ejemplo: el pedido tiene un valor de 100€ y el vale un valor de 20€, aplicando el descuento el cliente pagará únicamente 80€.

Gastos de envío gratis: gracias a este vale descuento, puede regalar los gastos de envío a sus clientes. En el momento del pedido éstos deberán indicar el código requerido.

El campo Descripción le permite introducir una breve descripción, que aparecerá en su Back-Office, en la pestaña reducción pero también en el carrito de su cliente en el momento de su pedido. El campo Categoría le permite restringir la aplicación de sus vales descuento a ciertas categorías. Así, en función de sus márgenes, no podrá ofrecer el mismo tipo de descuento a todas las categorías. Seleccione las que le interesen marcando las casillas correspondientes. El campo Cantidad disponible le permite limitar el número de reducciones que se podrán utilizar. Gracias a esta aplicación, puede por ejemplo organizar una oferta flash, de tipo “los 100 primeros pedidos tendrán un descuento de 10% introduciendo el vale descuento XXX”. El campo Cantidad por persona, tiene la misma función que el precedente pero permite filtrar la cantidad disponible para cada cliente. Así, si quiere que el vale descuento se aplique una sola vez por cliente, seleccione 1. Si por el contrario, desea que sus clientes tengan acceso a varios descuentos, seleccione el número que quiera. El campo Importe mínimo de compra, le permite seleccionar un umbral mínimo de compra para que se aplique un descuento. De esta manera, los descuentos serán efectivos cuando se alcance o se sobrepase el importe que usted ha elegido. También puede decidir si sus vales descuento son acumulables con otro tipo de descuento u otros vales descuento que haya generado anteriormente. Seleccione sus preferencias marcando las casillas correspondientes.

226

El campo Destinado a, le permite restringir su vale descuento a un único cliente. Ejemplo: se ha producido un retraso en la entrega de un producto y quiere pedir perdón al cliente afectado, cree un vale descuento que será válido únicamente para él. Para encontrarlo rápidamente escriba las primeras letras de su nombre o apellido. El vale descuento puede tener una duración limitada. Gracias a PrestaShop puede decidir la fecha de principio y fin de validez. Pulse en el campo De y A para elegir sus fechas en el calendario. Para terminar, el campo Estado le permite activar o no el vale descuento que acaba de configurar. Una vez haya terminado, pulse en Guardar. Su vale descuento aparecerá en la pestaña Vales descuento, si lo desea puede suprimirlo o editarlo. Una vez haya guardado todo, ya puede enviarlo a sus clientes. Estos deberán escribirlo en el momento de hacer el pedido, directamente en el recapitulativo de su carrito.

227

MÓDULO 7. LA GESTIÓN.

UNIDAD DIDÁCTICA 1. DATOS ESTADÍSTICOS PARA LA GESTIÓN: PEDIDOS Y CLIENTES.

Introducción a la gestión de clientes. Como ya vimos anteriormente, una de las desventajas del eCommerce frente a las tiendas tradicionales es la pérdida de la relación cara a cara entre cliente y vendedor. Además, el comercio electrónico facilita a los compradores la búsqueda del mejor precio para el producto que desean adquirir, por lo que en principio, y poniéndonos en el peor de los casos, no hay nada que haga que tus clientes repitan la compra. Uno de los consejos más importantes frente a esta situación es no entrar en una guerra de precios frente a otras tiendas, es decir, poner los precios más bajos de Internet. Es esencial, lejos de esta acción, diferenciarnos de la competencia por algo en particular que no sean los precios y que haga que nuestros clientes repitan la compra.

Lo que debemos hacer es que nuestra tienda aporte algo más de valor hacia el cliente y no tan sólo un buen precio. Hemos de tener presente que el eCommerce por sí mismo es totalmente impersonal y que deberíamos acercarnos más al cliente. Si conseguimos crear ese vínculo, aumentaremos las posibilidades de que el comprador vuelva a realizar un pedido en nuestra tienda. Si bien las redes sociales pueden ayudar a acercar nuestra marca al consumidor y facilitarle una cara y un nombre propio, también se deberían tener en cuenta los 5 consejos para fidelizar clientes que os damos a continuación.

228

11.. Descuentos por nuevo cliente. Tienes un visitante nuevo, le gusta tu producto y está casi decidido a realizar el pedido, pero para él es una tienda nueva, no tiene referencias y no se atreve a dar el paso. Lo mejor ante esta situación es ofrecer un descuento por ser nuevo cliente para incitarle a comprar en la tienda por primera vez. Por pequeño que sea dicho descuento, es un detalle de agradecer y en muchos casos puede romper la barrera psicológica del coste del envío. Puedes entregar un código promocional por email cuando confirmes el registro del usuario en tu web, pero no te olvides de anunciar el descuento antes del registro para captar su atención.

22.. Opiniones de compradores. Nada mejor para decidirse que ver qué opina el resto de clientes sobre la tienda. El boca a boca sigue siendo un factor determinante incluso en el mundo digital, así que quizá deberías incluir una sección en tu tienda en la que los usuarios comentaran que tal fue su proceso de compra. Aunque generalmente estos apartados suelen estar plagadas de comentarios buenos, también reconforta ver algunos no tan perfectos: aunque las cosas no siempre salgan bien, debes demostrar que haces todo lo posible por satisfacer a tus clientes. Si además permites que éstos hagan un pequeño análisis de cada producto que adquieren, mucho mejor.

33.. Puntos de fidelización. Es una técnica bastante utilizada en las tiendas convencionales que también se aplica al comercio electrónico. Por cada pedido, el cliente obtiene un número de puntos que se convierten en una cantidad de euros de descuento para próximas compras. Presentan dos ventajas: para conseguir más descuento, puede que el cliente compre más de lo que tenía pensado, y por otro lado, como el descuento solo es válido en nuestra tienda, favorecemos la fidelización de clientes en nuestro comercio online.

229

44.. Facilidades de devolución. Es algo muy a tener en cuenta si poseemos una tienda de ropa o similares, ya que las tallas no siempre son exactas y cada fabricante tiene patrones y medidas diferentes. Incluso poniendo a disposición de los visitantes una guia de como elegir su talla, no siempre se acierta al 100%, así que si facilitamos, en la medida de lo posible, la devolución y cambio del artículo, por descontado generaremos una buena impresión en el cliente. Para aplicar esto, puede que sea buena idea que un mensajero recoja el paquete en la misma casa del cliente, evitando así que éste se desplace.

55.. Atención postventa. Es la mejor forma de hacer nuestro comercio electrónico más personal. Seguro que los visitantes agradecen tener un chat para comunicarse con el vendedor en tiempo real mientras visitan la tienda. Así, pueden ser asesorados para elegir el producto que mas les convenga según sus necesidades. Además de ello, no podemos dejar de lado la comunicación por correo electrónico para notificar cambios en el estado del pedido, si éste ya se ha enviado, etc.

Aunque algunas de estas medidas puedan suponernos a corto plazo un gran costo de trabajo o de dinero, nuestra inversión se verá recompensada a medio y largo plazo ya que los compradores se sentirán como en una tienda física, eso si, con todas las ventajas del comercio electrónico.

230

En este último módulo estudiaremos cómo gestionar los clientes y los pedidos en nuestra tienda online Pretashop. Para ello veremos el paso a paso de la configuración y puesta a punto de estos dos pilares tan importantes de nuestra tienda. Hay que tener en cuenta que estos son los dos factores más importantes a tener en cuenta en los objetivos de nuestra tienda online. Nuestra meta es que los clientes compren para así obtener beneficios, para ello deberemos, en primer lugar cuidar nuestra tienda online aplicando una serie de técnicas que hemos ido viendo a lo largo del curso, para incitar al cliente a realizar un pedido. Del mismo modo, este pedido es una parte vital del proceso de compra-venta, pues si es rápido y efectivo indicará la buena gestión de la tienda y sin duda habrá un alto porcentaje de que el cliente compre de nuevo en nuestro establecimiento virtual.

Gestión de los clientes. La pestaña Clientes le permite hacer un seguimiento de la creación de cuentas clientes en su tienda. Es posible editar la cuenta de cada uno de sus clientes, por ejemplo desactivarla, etc., sin necesidad de entrar en la edición de una cuenta cliente, puede efectuar varias acciones pulsando en los iconos verdes y rojos en el siguiente cuadro. Activar/ Desactivar una cuenta, inscribir/ desinscribir a un cliente a la lista de difusión de empresas asociadas. Para crear una cuenta cliente manualmente, pulse en Nuevo. Aparecerá un formulario que podrá completar con los datos relativos al cliente:

231

232

Rellene los datos del cliente e introduzca una contraseña de al menos cinco caracteres. Indique también su dirección email. La fecha de nacimiento es optativa. Elija si ese cliente puede o no conectarse modificando su estado, si está o no abonado a la newsletter (si existe) y, para terminar, si acepta recibir publicidad de empresas asociadas. Asigne un grupo a su cliente para poder atribuirle ventajas. Pulsando en la pestaña Direcciones tendrá acceso a la lista de direcciones de sus clientes:

También tendrá la posibilidad de crear otras mediante el botón Nuevo. Grupos. PrestaShop le permite conceder privilegios a sus clientes, asignándoles grupos. Podrá crear tantos grupos de clientes como quiera pudiendo atribuirles ventajas diferenciadas. Para ello pulse en la pestaña Grupos. Aparecerá la siguiente página (por defecto se definirá un único grupo).

233

Para crear otros grupos pulse en el botón Nuevo. Ver formulario:

En el campo Nombre indique la denominación que desee aplicar al grupo. En el campo Descuento, indique el porcentaje de reducción que desea aplicar a los miembros de ese grupo, al conjunto de sus productos.

Como el software PrestaShop se utiliza mucho en el sector BtoB, podrá mostrar a sus grupos de clientes precios directamente sin IVA. Seleccione en el menú desplegable Mostrar los precios, la manera en la que desea mostrarlos. Puede elegir entre IVA incluido o sin IVA.

Valide los parámetros pulsando en Guardar.

234

Puede asignar un cliente al grupo de su elección pulsando en el icono de la línea correspondiente, luego marcando en el cuadro Grupo el grupo del que el cliente formará parte. Búsqueda de un cliente. La búsqueda de un cliente en su tienda PrestaShop puede efectuarse de dos maneras:

1) La primera, introduciendo la información de la que dispone en la barra de búsqueda de PrestaShop que se encuentra en la parte superior izquierda de su Back-Office. Indique, a elegir :

Su ID, que corresponde a la cifra que se le asignó en la base de datos. Su nombre. Su dirección e-mail.

En el menú desplegable seleccione Clientes, después pulse en Búsqueda.

Al validar visualizará los resultados.

Aparecerán su id, su sexo, su email, su fecha de nacimiento, su fecha de registro, el número de pedidos y si su estado está o no activado.

235

2) El segundo método consiste en ir a la pestaña Cliente listando el conjunto de sus clientes.

Entonces podrá completar los campos para filtrar sus resultados según los siguientes criterios: Id, sexo, nombre, apellidos, dirección e-mail, edad, activación de cuenta, inscripción a la newsletter, inscripción a las ofertas de empresas asociadas, fecha de inscripción, última conexión. Acabamos de ver dos métodos para buscar un cliente. Pasemos ahora a la consulta del perfil de un cliente. Consultar los datos de un cliente. Para obtener más información sobre un cliente pulse en el botón Buscar. Verá aparecer este botón según los dos métodos de búsqueda abordados previamente. Verá aparecer la siguiente estructura:

236

237

Carritos. El software PrestaShop pone a su disposición funciones marketing muy eficaces que le permitirán consultar, en tiempo real, los productos que los clientes van añadiendo a sus carritos. Dispone de dos métodos:

Consultar el contenido de sus carritos directamente en la ficha de datos clientes pulsando en el botón del perfil cliente en el apartado Carritos.

Ir a la subpestaña Carritos de la pestaña Clientes. Consulte el conjunto de los carritos que se llenaron. Podrá, por ejemplo, filtrar los resultados según la fecha en la que se añadieron los productos. Podrá ver el perfil de los clientes que consulten su sitio Web y, si lo desea, actuar en consecuencia para mejorar su eficacia comercial.

En ambos casos podrá consultar el contenido del carrito de un cliente.

Los datos más importantes retoman el contenido del carrito. Es decir, los productos concernidos, el precio a la unidad, la cantidad deseada y el importe total de la compra. Gestión de los pedidos. La pestaña Pedidos permite visualizar el conjunto de las informaciones sobre las compras en su tienda. Pulsando en dicha pestaña verá aparecer el conjunto de las transacciones efectuadas en su tienda clasificadas por fecha.

238

Lista de pedidos. La lista de los pedidos, así como su estado, son accesibles directamente pulsando en la pestaña Pedidos.

Los campos anteriores le permiten filtrar los resultados para encontrar fácilmente los pedidos que está buscando. Por ejemplo, para identificar los pedidos efectuados por el Sr. Rodríguez, escriba “Rodríguez” en el campo Cliente, después pulse en Filtrar. Consultar el detalle de un pedido. Para tratar los pedidos recibidos, empecemos por consultar las informaciones que contienen. Pulse en la línea de un pedido o en el botón Buscar a la derecha del pedido. La estructura se presenta entonces de la siguiente manera:

239

240

Enviar un mensaje a su cliente. Pulsando en el apartado Nuevo mensaje puede enviar un mensaje a su cliente para avisarle de una información relacionada con su pedido, de un retraso, de una sorpresa, por ejemplo. Mantener informados a sus clientes es sin duda una de las claves del comercio en línea.

Puede grabar mensajes predefinidos y así evitar escribirlos cada vez. Si desea enviar uno de dichos mensajes, selecciónelo en el menú desplegable. Puede enviar un mensaje libre escribiéndolo en el cuadro previsto a tal efecto. En ambos casos, una vez comprobado su mensaje, pulse en Enviar. Su cliente recibirá este mensaje por email. Facturas. Cada vez que se valida un pedido en su tienda, se emite una factura. Este tratamiento se efectúa cambiando el estado del pedido a Ok o Pago aceptado.

241

Puede descargarla directamente en el recapitulativo del pedido concernido pulsando en la parte superior derecha, apartado “factura”. Ver el siguiente ejemplo:

Por su parte, el cliente podrá acceder a la factura yendo a su cuenta cliente, donde podrá consultar la totalidad de las facturas que le conciernen. Impresión de las facturas. Si desea imprimir varias facturas al mismo tiempo vaya a la subpestaña Facturas de la pestaña Pedidos. Verá aparecer esta interfaz:

242

Para imprimir varias facturas, introduzca las fechas deseadas en los campos Desde y Hasta en el apartado Imprimir facturas en PDF. Para crear los PDF pulse en Generar archivo PDF. En el segundo apartado Opción de facturación, puede elegir si las facturas deben editarse en el momento del pedido, pero también, para su contabilidad, qué prefijo hay que configurar así como el primer número de la edición de la factura. La aplicación de edición de factura le permite simplificar la gestión de su contabilidad.

Cuando un cliente le pida que le envíe sus facturas, podrá redirigirlo hacia su cuenta cliente donde las facturas estarán disponibles. Bonos de entrega. La función “bono de entrega” funciona exactamente bajo el mismo principio que la edición de las facturas que acabamos de ver. Seleccione las fechas así como las opciones y después valide generando sus documentos. Estado de los pedidos. Hay diferentes estados de pedido que le permiten administrar fácilmente a sus clientes. Estos estados son visibles y editables en la pestaña Estado de pedidos.

243

Por supuesto podrá crear otros según le convenga a través del botón Nuevo. Complete el formulario siguiente y guarde.

244

245

Devolución de productos. A través de la pestaña Devolución productos, podrá ofrecer a sus clientes la posibilidad de devolver los productos pedidos que no les satisfagan. Pulsando en la pestaña “devolución mercancía” aparecerá un formulario: indique su elección y guarde.

En el momento en que haya activado esta opción en su BackOffice, el cliente podrá elegir efectuar una devolución cliente desde su espacio. Ver la foto siguiente:

246

En ese momento el cliente debe seleccionar los productos que desea devolver. Una vez rellenado el formulario, el cliente validará pulsando en Generar una devolución. La lista de los pedidos que van a ser objeto de la devolución aparecerá en su BackOffice. Ver la siguiente pantalla:

Pulse entonces en una de ellas para consultar las informaciones que contiene. Si un cliente devuelve un producto, la devolución aparecerá en la lista situada encima de las Opciones de devolución productos, presentada en el cuadro anterior. Pulse en el nombre de la devolución para consultar el detalle.

Modifique ahora el estado para seguir la evolución de la devolución.

247

Creación de un vale. Si hay una devolución, deberá generar un vale. Para ello, seleccione en la lista de pedidos aquella en la que se solicita la devolución y a continuación pulse en el nombre para acceder al detalle del mismo. Marque en el detalle del pedido los productos devueltos, luego la casilla Reintroducir si desea volver a poner ese producto en su stock y, para acabar, marque la casilla Generar un vale. Si desea satisfacer a un cliente después de haber cometido un error en su pedido, no se olvide de regalarle un vale descuento marcando Vale descuento y, si lo estima oportuno, reembolsarle los gastos de envío que la devolución pudo ocasionarle, marcando la casilla « cluir gastos de envío. Una vez seleccionadas todas las opciones, valide pulsando en Devolver los productos.

El vale generado estará disponible tanto en el detalle del pedido como en la pestaña Vale.

248

Su cliente verá aparecer el “vale” en su espacio cliente.

A continuación, si ha generado un vale descuento, el cliente lo verá aparecer en el apartado Mis vales descuento en una página similar a la presentada a continuación:

El importe del pedido se añade entonces en un vale descuento. El código descuento deberá retomarse en el siguiente pedido que el cliente efectúe para poder beneficiar del descuento. Mensaje cliente. Su tienda en línea PrestaShop permite la intercomunicación entre usted y sus clientes gracias a un sistema de mensajería integrada. En efecto, si lo desean, sus clientes pueden enviarle mensajes sobre los pedidos a través de sus cuentas cliente en Mis pedidos seleccionando luego el pedido en cuestión y completando el siguiente formulario:

249

Una vez que el cliente haya enviado el mensaje, aparecerá directamente en la subpestaña Mensajes clientes, en la pestaña Pedidos.

Pulsando en la línea del mensaje aparecerá directamente en el pedido concernido por el mensaje. A partir de entonces podrá consultarlo en la parte inferior de la página a la izquierda. En ese momento el mensaje aparece resaltado en amarillo para una mejor visibilidad.

250

Una vez que haya leído el mensaje, no se olvide de pulsar en el punto verde para indicar que ha recibido la información. Comunique a su cliente que ha recibido la información enviándole un mensaje después de pulsar en el apartado Nuevo mensaje, que se encuentra justo encima y cuyo funcionamiento ya tratamos en la sección Enviar un mensaje a su cliente. Mensajes predefinidos. Cuando envía mensajes a sus clientes a través de la interfaz de administración de PrestaShop puede elegir grabarlos para reutilizarlos con otros clientes. Para ello, vaya a la subpestaña Mensajes predefinidos, de la pestaña Pedidos. Un mensaje está grabado en estándar. Para añadir otros pulse en el botón Nuevo.

Aparecerá entonces la siguiente página:

251

En el campo Nombre indique el título de su mensaje para poder encontrarlo fácilmente. A continuación en el campo Mensaje, indique el contenido que desea enviar a su cliente. Una vez hecho esto, valide pulsando en Guardar. Podrá crear tantos mensajes como desee. Y ahora puede enviar el o los mensajes yendo directamente al pedido de un cliente.

Seleccione el mensaje y después pulse en Enviar. Su cliente lo recibirá por e-mail. En este punto podemos dar por finalizado el Módulo, donde hemos aprendido a gestionar a los clientes y sus pedidos de manera eficaz con las herramientas que nos ofrece Pretashop.

252

MÓDULO 8. LA PUESTA EN PRODUCCIÓN.

A lo largo de este curso, hemos ido viendo cómo configurar una tienda online. Una vez se tiene preparada y todos sus elementos están listos llega la hora de su puesta en producción o puesta en marcha. A partir de este momento esperamos que nuestro esfuerzo, dedicación e inversión produzca unos beneficios que con el tiempo aumentarán. No obstante, para su puesta en marcha son necesarios algunos requisitos de los que todavía no hemos hablado. Aprovechamos la oportunidad para informar a todo aquel emprendedor que desee montar su negocio electrónico. La parte activa e interesante del negocio ya está configurada, pero queda la parte legal y el trasfondo pesado al que tenemos que atenernos. Así, en este módulo trataremos algunos de los aspectos fundamentales para poner en marcha nuestra tienda virtual y poder empezar a producir beneficios. Requisitos legales para creacion de una tiendas online por un particular. Los requisitos legales necesarios para crear una tienda online y poder vender en internet constituyen un aspecto muy importante para emprendedores, empresarios y, en general, para cualquier persona que desee montar un negocio online.

Pero no solo eso, para que hoy en día se pueda finalizar con éxito una venta es fundamental mostrar en la web del vendedor, de manera visible y clara, su información fiscal/legal, una completa información de los productos puestos a la

253

venta y sus caracterísitcas, así como las restantes condiciones de compra, de forma que transmitamos seguridad y confianza a los potenciales clientes e internautas. Para crear una tienda online constitutiva de actividad habitual y directa como empresario/a particular desde España es necesario cumplir con una serie de obligaciones mínimas laborales, fiscales y otras relacionadas con el derecho de la sociedad de la información y comercio electrónico. Veámoslas a continuación. Obligaciones en relación a la seguridad social. El empresario que decida crear una tienda online debe estar dado de Alta en el Régimen Especial de Trabajadores Autónomos (R.E.T.A) De acuerdo a la ley, toda persona que realice de forma habitual, personal y directa una actividad económica a título lucrativo (comercial, industrial o profesional), sin sujeción por ella a contrato de trabajo y aunque necesite de los servicios de otras personas deberá de darse de alta en el Régimen Especial de Autónomos de la Seguridad Social. Existe una sentencia del Tribunal Supremo de 29 de octubre de 1997 que refuerza el requisito de habitualidad para que nazca la consideración de trabajador autónomo, y por tanto la obligación de cotizar a la Seguridad Social en tal condición. Esto significa que para que nazca la obligación tiene que existir continuidad o visos de cierta permanencia en el ejercicio de la actividad profesional en la tienda virtual. Asimismo, a partir de esa sentencia del Tribunal Supremo, la jurisprudencia se muestra unánime al estimar adecuada la comparación de lo percibido por el interesado por el ejercicio de una actividad con el salario mínimo interprofesional (SMI), de tal manera que la superación del umbral de su importe anual se entiende como indicador de la condición de habitualidad. Si los ingresos obtenidos por la actividad superan el SMI, no cabría estimar tal actividad como esporádica. Actualmente se entiende que si el administrador de una tienda online percibe menos del SMI anual, no cumpliría con el requisito de habitualidad necesario para darse de alta en el RETA, y podría ejercer legalmente dicha actividad de venta en tienda online cumpliendo con las obligaciones fiscales (alta en el IAE,

254

declaraciones trimestrales y resumen anual de IVA) y las relacionadas con la LSSICE, LOPD, LCGC, etc. El riesgo de esta opción es que si en el futuro la Seguridad Social hace una comprobación de la situación y entiende que debiera ser una situación de alta, reclamará el pago de lo adeudado desde la creación de la tienda virtual, más los intereses correspondientes. Por lo tanto, al comienzo de un negocio de tienda virtual, mientras no se alcancen unos ingresos mínimos, no es necesario cotizar en el Régimen Especial de Trabajadores Autónomos (R.E.T.A). Obligaciones fiscales. El empresario que decida crear una tienda online debe realizar la declaración censal, etiquetas y el IVA, así como darse de Alta en el IAE (Impuesto de Actividades Económicas) La declaración previa de inicio de actividad, se presenta conjuntamente con las declaraciones de etiquetas y opciones de IVA. Como empresario individual (autónomo) se debe pagar el Impuesto sobre la Renta de la Persona Físicas (IRPF). Puede optarse por:

Régimen de estimación directa (normal y simplificada).

Régimen de estimación objetiva. Declaraciones fiscales. Hay que realizar las declaraciones de IVA trimestral y anual, y los pagos fraccionados trimestrales a cuenta del IRPF, dependiendo de la cantidad que se perciba por la actividad. Obligaciones derivadas de la legislación específica del comercio electrónico en España.

255

Servicios de la Sociedad de la Información y de Comercio Electrónico en España (LSSICE). Desde que entró en vigor Los Servicios de la Sociedad de la Información y de Comercio Electrónico en España (LSSICE) (Ley 34/2002, de 11 de julio, que entró en vigor en octubre del 2003) los propietarios de sitios web o tiendas virtuales deberán cumplir con una serie de requisitos específicos. Esta ley sólo obliga a los Prestadores de Servicios de la Sociedad de la Información. Por "prestador de servicios" se entiende a todos aquéllos, tanto empresas como particulares, que realicen algún servicio por Internet a petición del usuario, incluidos los servicios no remunerados pero que supongan carácter económico para la empresa o particular que los ejerce. Esta ley es solo de aplicación para España. Lo determinante no es disponer de una página web, sino que con ésta se obtenga algún beneficio económico directa o indirectamente de los usuarios a través de un servicio prestado. Son Prestadores de Servicios de la Sociedad de la Información, por ejemplo, las empresas que disponen de un website con un catalogo de productos (aunque no vendan por Internet) o incluso las webs personales que muestran banners publicitarios.

256

Se deberá ofrecer en la website de forma permanente, fácil y gratuita, información general sobre la empresa y sobre los productos y servicios que se ofrecen y las condiciones de los mismos. Los datos obligatorios a publicar son los siguientes:

Nombre o denominación social (nombre y apellido en caso de empresario autónomo).

Domicilio social de la empresa, dirección de la residencia en caso de profesionales. En su defecto la dirección de alguno de los establecimientos permanentes en España. (Domicilio particular en caso de empresario autónomo).

Dirección de correo electrónico.

Número de Identificación Fiscal.

Los datos de inscripción en el Registro Mercantil o profesional correspondiente según se trate de una empresa o un profesional (los autónomos no titulados no deben realizar ningún registro).

Si se trata de prestadores de servicios que realizan actividades necesitadas de autorización administrativa previa, deben informar de los datos relativos a dicha autorización y deben identificar al órgano administrativo de su supervisión.

Si la actividad del prestador de servicios consiste en el ejercicio de una actividad de las denominadas regladas, deben incluir los datos del Colegio profesional, título académico o profesional y Estado expedidor u homologador de esa titulación, así como las normas profesionales aplicables al ejercicio de esa profesión y la forma en que puedan conocerse esas normas.

Los códigos de conducta a los que está adherido y la forma de consultarlos electrónicamente.

257

La LSSICE también establece:

La prohibición expresa de envío de correos electrónicos publicitarios no solicitados o expresamente consentidos.

La obligación de incluir, en la página Web, información genérica para facilitar el contacto de los usuarios y las administraciones públicas con el prestador del servicio.

El deber de facilitar al cliente, información referente al proceso de contratación electrónica, en los instantes anterior y posterior a la celebración del contrato.

Protección de Datos de Carácter Personal. Ley Orgánica 15/1999, de 13 de Diciembre, de Protección de Datos de Carácter Personal (LOPD) establece que todas las empresas, profesionales y colectivos como ONG's, asociaciones, etc. que dispongan de ficheros conteniendo datos de carácter personal deben ser dados de alta ante la Agencia de Protección de Datos. Las obligaciones Legales de la Normativa de Protección de Datos son las siguientes:

Inscripción de los ficheros en el Registro General de la Protección de Datos.

Redacción del documento de seguridad. El responsable del fichero elaborará e implantará la normativa de seguridad mediante un documento de seguridad de obligado cumplimiento para el personal con acceso a los datos automatizados de carácter personal y a los sistemas de información. R.D 994/1999, de 11 de Junio.

Auditoría. Artículo 17 R.D. 994/1999, de 11 de Junio.

Redacción de cláusulas de protección de datos. Artículo 5 de la LOPD.

Otras medidas de seguridad de índole técnica y organizativas necesarias para garantizar la seguridad de los datos objeto de tratamiento. Artículos 9 y 10 LOPD y R.D 994/1999, de 11 de junio.

258

Redacción de los contratos, formularios y cláusulas necesarias para la recogida de datos, los tratamientos por terceros y las cesiones o comunicaciones de datos.

Ley de Condiciones Generales de Contratación.

Esta ley distingue las condiciones generales de la contratación de las cláusulas abusivas. Las primeras son aquellas que han sido predispuestas e incorporadas, con ausencia de negociación individual entre ambas partes, a una pluralidad de contratos. Por el contrario, son cláusulas

abusivas las que, en contra de las exigencias de la buena fe, causan en detrimento del consumidor un desequilibrio importante en los derechos y obligaciones contractuales. Las cláusulas abusivas pueden tener o no el carácter de condiciones generales, pues pueden aparecer también en contratos celebrados entre particulares, es decir en contratos de adhesión. Asimismo, estas condiciones se han de redactar con transparencia, claridad, concreción y sencillez, siendo nulas y no formarán parte del contrato aquellas que el consumidor no haya conocido antes de la firma, las ilegibles, las ambiguas, las oscuras y las incomprensibles. Los contratos y las condiciones generales han de ser inscritos en un Registro de Condiciones Generales de la Contratación. Ley de Ordenación del Comercio Minorista. Las ventas efectuadas a través de la red mediante una tienda online, al ser llevadas a cabo sin la presencia física simultánea del comprador y del vendedor, son ventas a distancia, por lo que las relaciones entre las partes intervinientes en dichas ventas, se regirán por la Ley 7/1996 de Ordenación del Comercio Minorista de fecha 15 de enero de 1996.

259

Los Artículos de la Ley más destacados son los correspondientes al Título III, Capítulo II: Ventas a distancia. Artículo 43. Plazo de ejecución y pago. De no indicarse en la oferta el plazo de ejecución del pedido, éste deberá cumplimentarse dentro de los treinta días siguientes al de su recepción por el vendedor. Sólo podrá exigirse el pago antes de la entrega del producto cuando se trate de un pedido que se haya elaborado con algún elemento diferenciador para un cliente específico y a solicitud del mismo. Artículo 44. Derecho de desistimiento. El comprador podrá desistir libremente del contrato dentro del plazo de siete días contados desde la fecha de recepción del producto. En el caso de que la adquisición del producto se efectuase mediante un acuerdo de crédito, el desistimiento del contrato principal implicará la resolución de aquél. El ejercicio del derecho o desistimiento no estará sujeto a formalidad alguna, bastando que se acredite, en cualquier forma admitida en Derecho. El derecho de desistimiento del comprador en operaciones realizadas a través de una tienda virtual no puede implicar la imposición de penalidad alguna, si bien, el comprador deberá satisfacer los gastos directos de devolución y, en su caso, indemnizar los desperfectos del objeto de la compra.

Artículo 45. Excepciones al derecho de desistimiento. Lo dispuesto en el artículo anterior no será de aplicación a los siguientes supuestos:

1) A las transacciones de valores mobiliarios y otros productos cuyo precio esté sujeto a fluctuaciones de un mercado no controlado por el proveedor.

260

2) A los contratos celebrados con intervención de fedatario público. 3) Tampoco se extenderá el derecho de desistimiento, salvo pacto en contrario, a las ventas de objetos que puedan ser reproducidos o copiados con carácter inmediato, que se destinen a la higiene corporal o que, en razón de su naturaleza, no puedan ser devueltos. Artículo 46. Pago mediante tarjeta de crédito. Cuando el importe de una compra hubiese sido cargado utilizando el número de una tarjeta de crédito, sin que ésta hubiese sido presentada directamente o identificada electrónicamente, su titular podrá exigir la inmediata anulación del cargo. En tal caso, las correspondientes anotaciones de adeudo y reabono en las cuentas del proveedor y del titular se efectuarán a la mayor brevedad. Sin embargo, si la compra hubiese sido efectivamente realizada por el titular de la tarjeta y, por lo tanto, hubiese exigido indebidamente la anulación del correspondiente cargo, aquél quedará obligado frente al vendedor al resarcimiento de los daños y perjuicios ocasionados como consecuencia de dicha anulación.

Como ves para crear una tienda virtual, se necesitan tener en cuenta algunos requisitos legales, por ello es preciso obtener asesoramiento (si no se conoce el tema), tanto de la puesta a disposición de software de creacion de tiendas virtuales mas adecuado, como sobre el suministro de tpv para transacciones en tu tienda,

261

así como en la promoción de tu tienda online en google. Todo ello con el propósito de adecuar el negocio a la normativa de protección de datos. Cómo crear tu tienda online en 20 pasos. La idea es enumerar los pasos a seguir para crear una tienda online, cumpliendo con todos los requisitos legales y prácticos.

Paso 1. Tener claro el tipo de productos que queremos comercializar (aunque después vayamos añadiendo otros relacionados) y definir categorías y subcategorías. Aunque pueda parecer algo obvio, pensar en los productos a comercializar, no lo es. Es importante al principio tener una idea de lo que queremos vender. No se puede empezar a vender un producto determinado y un mes después querer vender otro totalmente diferente en la misma página. Es necesario centrar el tipo de productos que vamos a comercializar, establecer una temática. Después podremos ir ampliando al ponernos en contacto con proveedores que ofrezcan otros productos relacionados y que nos sirvan para completar la página y puede que alguno de estos productos añadidos lleguen a dar mejor resultado. Se debe intentar apostar por productos originales y de calidad y que fuesen fácil de encontrar, pues es una manera de intentar diferenciarnos. Unido con los productos elegidos deberemos seleccionar las categorías y subcategorías. Esa elección que al principio parece poco importante realmente si lo es. Si no se le da la debida importancia que tiene desde un primer momento, llegará un punto en que los productos de la página no guarden orden ni coherencia, lo que supondrá un trabajo adicional en rediseñar las categorías a la nueva realidad de productos. Nuestra recomendación en este punto es ir definiendo las subcategorías a las que le asociemos los artículos. Y crear categorías que agrupen las distintas subcategoría con las que contemos. Esas categorías deben ser fácilmente

262

modificables de tal forma que si dentro de una categoría llega un momento que tenemos muchas subcategorías podamos dividirla en dos categorías distintas.

Es conveniente no crear demasiadas categorías, aunque tengamos muchos artículos distintos porque haríamos que el cliente se perdiese fácilmente. Céntrate en las subcategorías.

Paso 2. Elegir un dominio para crear la tienda online que esté libre, que sea atractivo y que encaje con los artículos que vamos a vender. Elegir un dominio puede generar bastantes quebraderos de cabeza, más que nada porque los que puedan resultar más interesantes están ocupados, ya sea por una empresa o simplemente reservados. Hay muchas web que te muestran si un dominio está disponible y con qué extensiones, como por ejemplo en redcoruna.com. Hay que probar muchas veces hasta que demos con uno que nos satisfaga y que esté libre. Otra opción es contactar con el propietario del dominio (sobre todo en el caso en que esté reservado) e indicarle que estás interesado en comprarlo, aunque esta opción suele resultar bastante cara.

263

Algunos consejos a la hora de elegir el dominio: Fundamental que sea fácil de recordar. Esto permitirá la recomendación boca a boca y ayudará para que una persona que ha visto algo que le interesaba vuelva a visitarlo. El nombre no debe ser largo. Cuanto más largo más difícil de recordar y más incomodo para teclearlo. Es conveniente que incluya palabras clave. Podría ayudar a posicionar más rápido y mejor la página. Para ver cuáles podrían ser las palabras clave para incluir en el dominio una herramienta que puede ayudar bastante es la de palabras clave de Adwords (adwords.google.com ). Introduciendo una palabra clave nos indica el número de búsquedas aproximadas y la competencia que la misma tiene en adwords. También te muestra otras similares con esa información. Recomendable que sea .com y reservar también el .es (redirigirlo al .com o crear una página de inicio que informe del .com). El dominio .com es el más utilizado y el que más se recuerda. Además da más sensación de seriedad. Si en un futuro te quieres expandir internacionalmente el .com no te limita. No utilizar símbolos o separadores del tipo guiones, puntos, etc. Crea confusión y no se recuerda. Recomendable registrarlo al menos por dos años ya que parece que google posiciona mejor los dominios con duración superior al año, entiende que son más estables y que no van a desaparecer.

Paso 3. Registrar el dominios. Una vez elegido el dominio registrado es fácil y económico. Basta con ir a una de las múltiples web que ofrecen el servicio para registrar el dominio, elegir datos personales o de empresa y pagarlo. Lo más cómodo es registrarlo con el mismo proveedor que vayas a utilizar para el hosting, algo que comentaremos en el siguiente paso.

264

Recomendamos registrar al menos el .com y el .es, en algunos casos al registrar estos dominios te regalan algún otro como el .eu o algún dominio .es. Como ya hemos dicho, es recomendable contratarlo por periodos de al menos 2 o 3 años ya que parece que ayuda al posicionamiento al dar sensación a google de continuidad. Adicionalmente a lo que vaya a ser nuestra página principal no está de más contratar algún dominio que incluya las palabras clave de lo que serán nuestros productos estrella (más rentables), si es que los conocemos ya, sino es mejor esperar y registrarlo más adelante. Estos dominios adicionales podemos redirigirlos de manera automática a la url de nuestra web principal o crear una página introductoria que haga referencia a los productos de la página principal. No está probado que ayude al posicionamiento pero existen páginas solo con un texto introductorio que están posicionadas con las palabras que contiene la url. Otra opción que trataremos en el paso 14 sobre el posicionamiento web es no crear subdominios sino más bien que nuestras palabras claves aparezcan en la url. Una vez registrado si es en la misma empresa en la que hemos contratado el hosting simplemente hay que activarlo, si el alojamiento está en otro hosting o en otro lugar hay que configurarlo con la url a la cual redireccionar y la IP (mediante el servidor DNS). Hay que esperar un tiempo a que el dominio sea reconocido en todos los servidores de internet (entre 4 y 48 horas según la extensión). Una vez registrado el dominio hay que establecer los procedimientos adecuados para renovarlo antes que caduque (ya sea con domiciliación bancaria o con aviso desde el registrador a la cuenta de correo de uso habitual).

Paso 4. Elegir el proveedor de hosting adecuado. Debemos seleccionar el proveedor de hosting donde alojar nuestra página web. El hosting no es más que “un lugar para la página web” (alojamiento web). Ese proveedor de hosting nos proveerá de la arquitectura técnica necesaria para poder poner en funcionamiento nuestra página, entre otras cosas nos puede facilitar: espacio en disco, cuentas de correo,

265

herramienta de administración de la plataforma, soporte en caso de incidencia, transferencia (subida y bajada de información)… El hosting puede ser en régimen compartido o dedicado: Compartido es cuando el mismo servidor es compartido con otros clientes del proveedor de hosting, es decir, en el servidor puede haber unas cuantas páginas web.

En el caso de dedicado, tú eres el único que estás en el servidor, el dedicado a su vez puede ser virtual o físico dedicado. En ambos casos debes tener conocimiento de administración de los sistemas para instalar los componentes que necesites y

mantenerlos. Debes definir qué recursos deseas contratar para la máquina; la memoria RAM suele ser el recurso más crítico (hay que tener en cuenta el consumo del sistema operativo, servidor web, base de datos y de aplicación); no recomendaríamos contratar menos de 1Gb de memoria. Para empezar lo lógico es un servidor compartido para ahorrar costes. Evidentemente tiene bastantes limitaciones, entre otras una posible penalización en la velocidad de visualización de la página. Pero un servidor dedicado es mucho más caro (el virtual dedicado está mínimo por los 400 €/año y el físico 900 €/año). Cuando crezcamos y el negocio lo requiera en el mismo proveedor podremos migrar a un servidor dedicado, el cambio no debería ser complicado. Evidentemente también está la opción de disponer tú mismo del servidor donde alojar la página web. Opción que no aconsejamos al principio por los problemas y dificultades añadidas que podrían surgir (problemas de caída de línea, copias de seguridad, conocimientos de administración…). A la hora de seleccionar el proveedor de hosting deberíamos hacer un listado previo con lo que vamos a necesitar y empezar a ver ofertas y presupuestos. En ese listado no solo deberemos incluir especificaciones técnicas sino también otras

266

cuestiones como:

~ Posibilidad de acceso desde el servidor a url externas. ~ Que suministre una consola de administración sencilla. Por ejemplo,

Cpanel. ~ Posibilidad de hacer uso de cache. Requiere que el servidor web del

proveedor tenga habilitado el módulo correspondiente. ~ Posibilidad de usar compresión(es decir, que el servidor web comprima los

ficheros .html, .php, etc., no las imágenes, antes de ser enviados al navegador, para que el tiempo de carga sea menor).

~ Posibilidad de usar conexiones persistentes, es decir más de una petición por conexión.

~ Posibilidad de hacer uso de url amigables y así facilitar la inclusión de palabras claves en la url.

~ Asegurarnos que soporta el protocolo cURL sino queremos tener errores del tipo: “Error de verificación (protocolo cURL)…” cuando usemos Paypal.

~ Para no tener problemas en temas legales de protección de datos (LOPD) recomendamos que el proveedor sea español. Bien es cierto que hay algunos proveedores extranjeros que tienen un acuerdo para garantizar que no tendrás estos problemas.

No olvidemos que si nuestro negocio está en España, nos posicionaremos más rápido si usamos un hosting con IP en España. Otra razón más para elegir un proveedor español (aunque el coste sea más alto al final compensa).

~ Y por último y no menos importante la atención al cliente.

Todo ese tipo de cuestiones es bueno contactar con el proveedor y analizarlo bien para evitar cambios de proveedor en el futuro.

Paso 5. Contactar con los posibles proveedores de artículos para la web. Para poder comercializar los productos seleccionados en el paso 1 debemos contactar y negociar con los proveedores que nos lo puedan suministrar. Si contásemos con un negocio tradicional este paso estaría hecho aunque seguramente habría que revisar condiciones y adaptarlo a la venta online.

267

¿Cómo poder encontrar proveedores interesantes? Una buena opción es mediante contactos y conocidos, y otra es buscar por internet. En la medida de lo posible lo mejor es comprar lo más al principio de la cadena de suministro ya que los precios son mejores, aunque normalmente es más difícil que te puedan realizar envíos directos al cliente o simplemente que te atiendan. Podemos trabajar con los proveedores con dos modelos de negocio muy distintos:

~ Que los artículos lo almacenemos nosotros en nuestras instalaciones. ~ Que el producto esté en los almacenes del proveedor desde donde el envío

fuese directo al cliente. También es posible contar con un modelo mixto, para el mismo proveedor que según el artículo que el stock lo tenga el proveedor o nosotros. Cada uno de los modelos tiene sus ventajas e inconvenientes. En el caso en el que no tengamos el stock está la gran ventaja que reducimos los gastos de almacenamiento y logísticos, pero existe el inconveniente que no controlamos la disponibilidad en tiempo real ni el proceso de envío. Nuestra recomendación sería que los productos voluminosos o de mucho peso intentar que el stock lo tenga el proveedor. Productos pequeños o de poco peso es más conveniente almacenarlos nosotros, en algunos casos es la única manera de poder comercializarlos ya que suelen venir en cada caja de envío varias unidades. De cara a contactar con los proveedores es conveniente tratar al menos los siguientes asuntos: Listado de precios. Estimación de costes de envío. Ambos fundamentales para poder marcar el precio de venta objetivo y para poder analizar si es rentable o no los productos que nos puede facilitar el proveedor.

268

Condiciones de envío. ¿Gestionan ellos el envío con su propia agencia de transportes o si debemos enviar a nuestra agencia a recoger la mercancía?. Condiciones de pago: Normalmente y sobre todo al principio los proveedores solicitarán el pago por adelantado. Garantía de los productos. Como gestionar las posibles devoluciones. Por ley cualquier persona que compre por internet tiene derecho a devolver el producto en un plazo máximo de 8 días desde que lo recibió. Información de disponibilidad del producto los más online posible (para el caso en el que el stock lo tenga el proveedor). Es muy importante la agilidad en la gestión de los pedidos y mantener una buena relación con los proveedores. Marcar unos procedimientos claros de cara a posibles pedidos de envío directo. Esa buena relación con los proveedores es fundamental. Ayuda a facilitar los trámites de envíos. No descartar nunca proveedores extranjeros. Muchas veces con estos proveedores puedes incluir en tu página productos que son difíciles de encontrar en otros comercios y que por tanto te diferencien. Evidentemente es más difícil ya que tienes que gestionar el proceso de importación, pero puede ser muy rentable. La búsqueda de proveedores no es algo que acabe al crear la tienda online, ni mucho menos. Una vez que va avanzando y consolidándose el negocio es conveniente seguir buscando para complementar la oferta de productos en la página.

Paso 6. Realizar un pequeño análisis de la viabilidad del negocio. Para cualquier negocio es necesario analizar previamente la viabilidad del mismo. Este análisis inicial es muy importante en negocios tradicionales donde la inversión inicial es alta.

269

En el caso de comercio electrónico no creemos que sea necesario dedicarle mucho tiempo a ese estudio de viabilidad inicial, realmente la viabilidad del mismo lo vamos a ir viendo durante los primeros meses una vez que esté en marcha la tienda online. Nosotros apostamos por un estudio de viabilidad continuo. Los componentes de un estudio de viabilidad en un negocio online serían principalmente:

~ Recopilar las tarifas de los proveedores. ~ Estimar los gastos de envío. ~ Estimar costes estructurales y operativos. ~ Precios de venta objetivos. ~ Establecer objetivo de ventas por producto. ~ Liquidez y tesorería disponible.

Con estos componentes podremos saber si el negocio inicialmente parece viable o no. Pero no será hasta que lo pongamos en práctica cuando realmente veamos si salen los números o no, si vendemos al precio que hemos marcado como objetivo y si el volumen de ventas es el adecuado para cubrir el resto de costes.

Al final la clave está en el precio de venta, tenemos que establecer un tanto por cierto de margen bruto sobre la tarifa que nos envía los proveedores, y hay que ver si ese precio es competitivo en el mercado de internet. Ese porcentaje no tiene que ser siempre el mismo, dependerá del importe del artículo y si el envío queda incluido o no. Aunque no suele ser un componente importante en el negocio online al

principio, hay que vigilar la liquidez. Debemos de disponer de suficiente liquidez para adquirir los productos que vamos a tener en stock ya que al principio todo lo que compremos lo vamos a tener que pagar por anticipado, los proveedores no

270

nos conocen ni tienen confianza con nosotros para aceptar otra forma de pago inicialmente. Nuestro consejo sería no lanzarse a adquirir muchos productos que nos pueden dejar sin liquidez y nos pueden aumentar los costes de almacenamiento, creemos que es mejor empezar con un escenario más conservador (poco almacenamiento y sin personal), que minimice los riesgos, inversión y nos ayude a ir estudiando la viabilidad. Ya habrá tiempo. Debemos tener en cuenta varios factores al ir analizando la viabilidad durante los primeros meses (y años) de vida de la tienda online: Conforme van pasando los meses las ventas deben ir aumentando ya que estaremos mejor posicionados en google y en otras páginas. Punto muy importante y que tendremos que analizar si podremos cubrirlo al crear la tienda online o si merece la pena contar con ayuda externa (no se puede abarcar todo). Al principio normalmente se cuentan con menos costes de estructura y operativos que cuando vas adquiriendo volumen. Surgen economías de escala conforme vas creciendo. Cuanto más negocio mueves, muchos costes de estructura se van diluyendo (por ejemplo, los costes de asesoría contable si cuentas con ella, son los mismos prácticamente vendas más o menos). Conforme vas creciendo y aumentas las ventas consigues mejores condiciones de los proveedores, mejores precios y te prestan más atención. En internet hay muchas páginas que te proponen distintas herramientas para analizar la viabilidad de un negocio. Nosotros apostamos por un estudio sencillo en una simple hoja de cálculo: gastos previstos e ingresos estimados para el año en cuestión. Conforme van pasando los meses hemos ido revisando esos números y estimando de nuevo. Hay productos y proveedores que hemos potenciado y otros que hemos desestimado porque con el margen objetivo que nos marcamos no conseguíamos vender aunque tuviesen visibilidad. Insistimos: estudio continuo de viabilidad del negocio online.

271

Paso 7. Elegir el software de comercio electrónico que se va a utilizar. Una vez que tenemos claro el tipo de producto que queremos comercializar, su viabilidad y hemos registrado nuestro dominio, así como tenemos identificado nuestro proveedor de hosting para alojar nuestra plataforma de comercio electrónico, debemos tomar la decisión del software de comercio electrónico que vamos a usar.

Existen plataformas de software libre que están funcionando muy bien y que no tienen nada que envidiarle al software privativo. La ventaja principal de usar una solución basada en software libre es que contamos con el código fuente para realizar ciertas modificaciones que, como veremos en el paso 14, nos ayuden a la optimización onpage, así como poder contar con una comunidad que esta evolucionando el producto continuamente y adaptándolo a las nuevas tendencias. Basta con hacer una búsqueda en google del tipo “plataforma ecommerce software libre” para conocer las diferentes soluciones que existen. A lo largo de este curso hemos recomendado PrestaShop por las siguientes razones:

~ Esta apoyada por una fuerte comunidad que mantiene el proyecto “vivo”. ~ Existen varios foros que funcionan muy bien, donde puedes realizar

cualquier tipo de consulta que te responderán muy rápidamente. ~ Es muy fácil de instalar. ~ Facilita mucho el poder hacer cambios sobre el código si tienes

conocimiento en lenguaje PHP, aunque esto último realmente no es necesario para poner en marcha una tienda en poco tiempo.

~ Existen módulos de todo tipo, así como plantillas para el diseño de página con precios aceptables, aunque también los podemos encontrar sin coste.

272

~ En relación al pago telemático, PrestaShop cuenta con módulos específicos como pasarela de pago. Aunque este punto lo veremos más adelante en el paso 17.

~ PrestaShop trae una plantilla por defecto poco atractiva, pero existen sitios

donde puede descargar plantillas, tanto sin coste, como otras de pago con diseños interesantes.

Una vez decidido el software tendremos que determinar si lo instalamos nosotros en el proveedor de hosting seleccionado o bien buscamos un proveedor de hosting que tenga la plataforma instalada como un servicio mas a contratar y no tendremos que realizar instalación alguna, tan solo su configuración y administración. Esta decisión esta condicionada por el tipo de perfil que tengamos y la posibilidad de contar con la ayuda de terceros. La ventaja principal de hacer nosotros la instalación es que tendremos control total sobre la plataforma y el código fuente. En el otro caso, posiblemente estaremos más limitados. En resumen, el tema tecnológico no debe ser una barrera en nuestro proyecto para crear una tienda online. Existen personas con grandes ideas, con perfiles no técnicos, que ven mucha complejidad el hacer funcionar una plataforma de este tipo, integrándola con el sistema de pago y agencias de transporte. Nuestra recomendación es que arranques tu proyecto con un socio tecnológico o bien busca ayuda en terceros, pero no olvides que poner en marcha una plataforma de este tipo en un entorno productivo (sin incluir el catalogo de productos obviamente) no debería llevar más de una jornada de trabajo de un perfil técnico.

Paso 8. Optimización y seguridad de nuestra solución PrestaShop. En este momento ya hemos decidido crear la tienda online con la solución PrestaShop, que cubre con nuestras necesidades y partimos del escenario en el que ya tenemos una instalación básica en el proveedor de hosting que hayamos decidido. Una vez instalado y configurado nuestro PrestaShop deberíamos considerar qué aspectos de configuración puedo realizar para mejorar el rendimiento y optimización de nuestra tienda, ya que aunque pensemos que inicialmente

273

tendremos pocas visitas, debemos estar preparado para recibir miles de visitas y que nuestra tienda no presente problemas. Ahora si, necesitaremos la ayuda de un perfil técnico para estos pequeños ajustes. Para optimizar la solución PrestaShop hemos visto interesante realizar las siguientes acciones:

~ En el fichero config/config.inc.php debemos desactivar el display de errores y también el debug de consultas a base de datos.

~ En el fichero config/smarty.config.inc.php debemos desactivar tanto la verificación como la compilación en tiempo de ejecución, así como los aspectos de debug.

~ Consultar con el proveedor de hosting si el motor de base de datos mysql tiene activada la cache, que es recomendable en estos casos para un mejor rendimiento.

~ El uso de subdominios para el contenido estático también es recomendable. También es necesario indicar el subdominio en el fichero config/defines.inc.php y crear las entradas RewriteRule.

~ Evitar el uso de cookies con en la configuración con uset Set-Cookie en el fichero .htaccess.

Existen otras técnicas que ayudan a mejorar el rendimiento de nuestra tienda, como es el uso de Spriting CSS. Si se tiene posibilidad es recomendable usar el sistema de cache eAccelerator, aunque al requerir que sea instalado en el servidor, en el caso de hosting compartido no será posible.

274

Si tenemos activados los módulos de estadística, PrestaShop guardará demasiada información en base de datos. Es bueno vigilar las tablas relacionadas con los accesos y estadísticas para ir limpiado a medida que crecen demasiado. En temas de seguridad para PrestaShop podemos hacer las siguientes recomendaciones:

~ Renombrar la carpeta /admin.

~ Aunque la consola de administración esta protegida con usuario y contraseña (que se almacena en base de datos), también es bueno protegerlo con un sistema de autenticación manejada por el servidor web (y almacenada en el sistema de ficheros).

~ No olvidar tras la instalación borrar directorios y ficheros del tipo: install,

docs, readme_fr.txt, readme_en.txt y readme_es.txt. ~ Controlamos el acceso a ciertos ficheros, como los .tpl haciendo uso de las

posibilidades del fichero .htaccess.

~ Consultar también con el proveedor de hosting que las herramientas públicas se puedan restringir por IPs, por ejemplo el acceso al cpanel, ftp, mysqladmin, webmail.

~ Eliminar cualquier referencia en la interfaz en relación a “by Prestashop“,

para evitar que determinadas búsquedas maliciosas nos encuentren.

Paso 9. Crear la empresa. Dar de alta la sociedad (se puede hacer antes pero creemos interesante atrasarlo con el fin de acercarlo en el tiempo a cuando realmente va a comenzar a operar). Un punto fundamental y de los que pueden resultar más complejos administrativamente es el alta de la empresa con la que vamos a operar. Este alta se podría hacer con anterioridad a los pasos anteriores, pero nuestra recomendación es acercarlo en el tiempo lo máximo posible al inicio de la actividad para ahorrar costes.

275

Pasamos a comentar cada una de estas opciones. Como autónomo: Podemos vender por internet únicamente dándonos de alta como autónomo. La ventaja de hacerlo así es que nos ahorramos unos cuantos trámites; la desventaja es que ni tiene entidad independiente a la personal y de cara al exterior no da buena imagen operar con tu nombre personal.

Sociedad sin entidad jurídica: Por ejemplo una sociedad civil. Respecto al autónomo tiene la ventaja que la empresa lleva un nombre propio y da más seriedad. Los trámites administrativos que tiene para darla de alta y de cara a la gestión son sencillos (no es necesario realizar declaración de IVA y la contabilidad se reduce a un resumen de gastos e ingresos).

Pero carece de entidad jurídica propia, es decir, se sigue respondiendo con sus bienes personales. Sociedad limitada: Tiene entidad jurídica propia, la sociedad limitada responde únicamente con los bienes de la empresa, no con los particulares. El alta y gestión es más compleja. Inicialmente nuestra recomendación sería comenzar con una sociedad civil, por la sencillez y por mostrar cierta entidad. Pero si se tiene pensado apostar por el futuro de la tienda, recomendaríamos que desde el principio se crease una sociedad limitada. A continuación hablaremos de los pasos a seguir para ambas opciones y que cada uno elija la que considere más conveniente. Una cuestión a tener clara: alguien tiene que estar dado de alta de autónomo para crear una sociedad. Cualquiera de los tipos de sociedad exige que el administrador este dado de alta de autónomo y pagar la cuota mínima de seguridad social 253 € en 2012). Una opción inicial es buscarse alguien de confianza que ya esté dado de alta como autónomo y nombrarle administrador, de esa forma os ahorraríais esos gastos que al principio son excesivos.

276

No es necesario en principio que se de de alta como autónomo si ingresa poco ya que no es su trabajo habitual. En el momento en los que ingresos vayan acercándose al salario mínimo, tendría que darse de alta de autónomo (pudiendo desgravarse el 50 % de la cuota si es que sigue a su vez trabajando por cuenta ajena), como ya comentamos en el punto anterior. Pasos para dar de alta la sociedad civil.

~ Redactar unas escrituras de constitución de la sociedad, se firman a título particular.

~ Establecer domicilio social y fiscal. ~ Al menos una persona de la sociedad civil debe estar dado de alta como

autónomo. Esa persona debe tener mayoría en la sociedad y se supone que es la que realizará la actividad.

~ Registrar en hacienda la sociedad, solicitar CIF y alta de la sociedad correspondiente. Todo se puede realizar a través del modelo 036.

~ El alta se realizaría en régimen especial con recargo de equivalencia. Quiere decir que todas las adquisiciones de artículos para la venta posterior tienen que venir grabadas con el % de recargo. En el 2012 sería 18 % + 4 % de recargo (hay que solicitárselo al proveedor si es nacional o declararlo posteriormente en hacienda si es de importación). Esto nos liberará de tener que declarar IVA en la venta posterior. Económicamente este sistema sale a cuenta si el margen de ganancias sobre un producto es superior al 22%.

A partir de ahí ya podríamos operar con la sociedad. No es necesario llevar una contabilidad oficial. Basta con llevar cómputo de gastos e ingresos. No hay que declarar trimestralmente el IVA. Personas con conocimientos básicos de gestión de empresas podrían gestionar administrativamente la empresa, no es necesario contar con una asesoría (aunque si recomendable). Pasos para crear una sociedad limitada. Decidir el tipo de sociedad a crear. Os recomendamos crear una Sociedad Limitada por el procedimiento denominado exprés simplificado (ver BOE 3 Diciembre 2010 Num. 293 página 12 artículo 5). Mediante este procedimiento el alta es relativamente rápido y sobre todo con un coste mínimo. Actualmente el costo sería de solo 100 € si la empresa se crea por menos de 3.100 €. El resto de

277

los puntos a continuación se basa en este tipo de sociedad. Otra opción sería, por ejemplo, crear una sociedad limitada nueva empresa, pero aporta ya poco adicional a esta forma de crear la limitada. Pedir certificado al registro mercantil que indique que el nombre que le queremos poner a la sociedad está libre. Esto se puede realizar completamente en internet en la página del registro mercantil (www.rmc.es). Os recomendamos primero realizar la consulta que es inmediata y con un coste mínimo en el apartado Denominaciones sociales/Consultas. Una vez que tengamos un nombre que parece que está disponible realizar la solicitud formal con distintas combinaciones en el apartado Solicitud de certificados (coste 18 € en 2012). Lo envían con firma electrónica por e-mail.

Preparar nombre, DNI, domicilio y porcentajes de participación que va a tener cada uno de los socios. Y quien va a componer el organo de administración; las personas que lo compongan tendrán que estar dados de alta como autónomo. Establecer el domicilio social de la empresa. Aportar cada uno de los socios el importe del capital social que le corresponde en la cuenta bancaria que se vaya a utilizar para la sociedad. Solicitar el certificado de desembolso de capital al banco (necesario para la firma ante notario).

278

Firmar ante notario la constitución de la sociedad (con los estatutos modelo según el BOE). Deben estar presentes todos los socios. El notario y registrador lo realizarán de manera telemática y en menos de 48 horas según el procedimiento expres. El notario solicitará el CIF mediante el modelo 036 (se puede solicitar un CIF provisional si hiciera falta anteriormente para los puntos anteriores). Solicitar la firma electrónica para la empresa, necesaria para declarar el IVA trimestral y resto de gestiones. Para ello se deberá solicitar la nota simple de los asientos registrales en el registro (depende la delegación de Hacienda puede servir con el documento que se solicita por internet en la página del registro) y posteriormente el administrador tendrá que ir a Hacienda para solicitar la firma.

Paso 10. Incluir en la página las condiciones de uso. Seguro que todos estamos familiarizados con la típica coletilla “Haz clic aquí para aceptar las condiciones de uso” o “Debe aceptar las condiciones de uso”, que al final aceptamos para poder pasar a la siguiente página y poder completar el pedido. Esa aceptación significa aceptar unas reglas de juego para el cliente que compra. En nuestra tienda debemos tener en un lugar accesible las condiciones de uso para operar en la tienda. Esas condiciones deben ser completas y bien escritas, tanto para que el cliente conozca bien cómo operar y a qué atenerse, como para nosotros mismos que nos sirva como guía de actuación y reglas establecidas. Nos servirá como un manual de procedimientos. Las condiciones de uso deben estar muy claras y completas. Debe cumplir tanto un papel preventivo como correctivo en caso de problemas. El cliente puede consultarlas previo a la compra y las debe aceptar al comprar. Pocos clientes las leen realmente en este momento, pero ahí están y las aceptan. De tal forma que si surge algún problema les podremos remitir a ellas, en ese momento sí que las leerán.

279

Un ejemplo claro es el caso en el que el cliente quiere devolver un producto que ha recibido, tiene derecho a devolverlo por ley en los siguientes 7 días hábiles. Le remitimos a las condiciones de uso donde indica el procedimiento a seguir.

Os aconsejamos que todas las condiciones de uso aparezcan en una sola página. Queda demasiado largo, pero es la única forma para que sea el único documento de referencia y el que se va a aceptar al realizar la compra. Esas condiciones de uso consideramos conveniente que incluya al menos los siguientes apartados:

~ Información general de la empresa y de la web. ~ Los contenidos que aparecen en la web. Establecer la propiedad de los

mismos. ~ Información sobre los productos que aparecen. ~ Precio: Qué incluye y qué no. ~ Sobre el stock disponible. ~ Pago. Cómo se realiza. ~ Información sobre la seguridad de la página. ~ Cómo se realiza el pedido y cómo se puede cancelar un pedido. ~ Plazos y lugar de entrega. ~ Condiciones para la devolución. ~ Garantías de los productos. ~ Limitarnos lo máximo posible de responsabilidades. ~ Política de privacidad de datos. ~ Posibilidad de modificar las condiciones de uso. ~ Ley aplicable.

Adicionalmente es conveniente tener algunas condiciones específicas importantes y que al cliente le puede interesar antes de comprar en una página aparte, de tal

280

forma que el usuario pueda acceder a ellas más fácilmente sin tener que buscar entres muchas líneas. Por ejemplo nosotros lo hemos hecho con las condiciones de envío, lo tenemos además de en las condiciones de uso en una página desde la que se puede acceder desde cualquier página de la web. Esto a los clientes les interesa.

Paso 11. Cumplir la LOPD y la LSSICE. Para vender mediante una tienda online en España tenemos que cumplir las leyes LSSICE (Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico) y la LOPD (Ley Orgánica de Protección de Datos). En caso de no cumplimiento, puede uno exponerse a importantes multas si alguien denuncia. En este punto tienes dos opciones, solicitar a una empresa que te asesore y te realice los trámites para cumplirlas o aventurarte tú mismo y realizar la acciones que son necesarias. Para cumplir LSSICE debe informarse en la web de la tienda online de las siguientes cuestiones:

~ Denominación social, NIF, domicilio, teléfono o e-mail. ~ Los datos de inscripción en el registro. ~ Condiciones de uso de la web. ~ Precios de los productos o servicios que se venden en la web.

Informándose de los impuestos y los gastos de envío. Para cumplir LOPD las obligaciones se dividen en 3 apartados: Notificación, Obtención del consentimiento y Protección de los datos. Notificación: Notificar a la Agencia Española de Protección de Datos (AGDP) de aquellos ficheros de los que somos propietarios (y cualquier variación de los mismos). Obtención del consentimiento: Para obtener y almacenar los datos de terceros debemos de contar son su consentimiento, no pudiendo hacer nunca uso fraudulento de ellos.

281

Protección de los datos: Los ficheros con esos datos deben estar protegidos física y tecnológicamente. La información solo puede ser accesible por personas autorizadas. Para garantizar la seguridad debemos alojar la web en un hosting que permita mantener dicha seguridad, para ello el hosting debe ser de una empresa europea o de una norteamericana incluida en el listado “Safe Harbour”. Nuestra recomendación es utilizar un hosting español para quitarnos problemas y por lo que ya comentamos respecto al posicionamiento en las búsquedas desde España.

Paso 12. Dar de alta los productos en la web. Una vez que ya tenemos la plataforma tecnológica, los proveedores y los productos seleccionados podemos empezar a darlos de alta en la web. Este es un trabajo que al principio parece que se puede tardar poco tiempo, pero en realidad es lo que más tiempo consume.

Primero se tiene que comprender para qué sirve cada campo en el formulario para dar de alta el producto. A parte del nombre, descripción, importe e imagen. hay que informar más campos como palabras claves, url, descripción para los buscadores, etc. Una vez entendidos los campos

deben darse de alta los productos. Una manera de darlos de alta es con la denominación que indica el proveedor, y con una descripción resumida. Sin embargo, hay otros procedimientos más prácticos para dar de alta los productos. Nombre del producto: Informarnos de un nombre del producto más genérico que el nombre propio que suministra el proveedor. Ese nombre de producto los buscamos en la herramienta de palabras claves de Google AdWords de tal manera que nos

282

aseguremos de que tiene suficientes búsquedas exactas. De esta manera aseguras tu posición con palabras que el público busca en Google. Url: En la url final del producto indicaremos el nombre que hemos elegido para el producto. Es muy importante tener configurado en nuestra plataforma ecommerce la opción de URL amigable. Como dijimos, en PrestaShop se configura en el menú “Preferencias”. Este campo se suele autocompletar con el nombre del producto y no tenemos que hacer nada. Es recomendable hacer las primeras altas uno mismo para entender complejidad, donde mejorar y establecer una metodología. Una vez definido el procedimiento es conveniente contar con ayuda externa, es un trabajo que requiere mucho tiempo.

Paso 13. Poner precios a los productos. Poner precios a los artículos en cualquier herramienta de comercio electrónico (en nuestro caso Prestashop) es bastante sencillo. Lo complicado es acertar con el precio adecuado. No nos tenemos que pasar de caro ni de barato. No tiene sentido que no vendamos casi nada por tener un precio muy alto ni que vendamos mucho perdiendo dinero. En el punto medio está la virtud. A la hora de establecer los precios tenemos que tener en cuenta los siguientes aspectos:

~ Lo que nos cuesta el artículo a nosotros. ~ El coste de almacenaje de ese producto. ~ Los costes de envío. ~ Costes de manipulación. ~ Otros costes indirectos que al final deben ser repercutidos a los productos

para que la empresa gane dinero. Por ejemplo costes de gestión de un pedido, comisiones por pago, publicidad o costes de estructura.

~ El precio al que lo vende la competencia. ~ Si el proveedor te obliga o te recomienda un precio de venta.

Por desgracia en el negocio online lo que más nos va a marcar es el precio al que lo vende la competencia, sobre todo si es un producto fácil de encontrar en otras

283

páginas. Los clientes tiene multitud de maneras de comparar los precios (mediante páginas comparadoras de precio, buscadores, grandes portales como Amazon, etc.). Existe una herramienta que de un vistazo te permite ver a qué precio lo venden otros y si hay muchas web que lo venden. Esa herramienta es Google Shopping. Nuestra recomendación inicial es tener un precio parecido a los más baratos. Nunca por debajo, porque si no se puede convertir todo en una guerra continua de precios en la que nadie gane. No nos obsesionemos con tener el precio más barato, pues también se tiende a valorar otras cosas como estar bien posicionado, el servicio y confianza de la web, atención al cliente, etc. Si los precios que encontramos no nos permiten obtener margen suficiente, mejor establecer un precio con el que ganemos, venderemos menos pero ganaremos en cada venta. Seguramente esas empresas que lo tienen tan barato también lo comprar más barato porque manejan volumen. En la medida de lo posible es recomendable no centrarse en productos que se pueden encontrar en cualquier gran superficie o gran tienda online. Otro asunto a tener muy en cuenta son los descuentos o cupones. El objetivo que deben perseguir es convencer al cliente que el producto tiene un buen precio en nuestra web y poder vender más unidades. Estos descuentos son útiles en periodos de rebajas, cuando se está acabando la temporada fuerte para ese producto o simplemente porque tengamos mucho stock y tenemos que sacarlo. Los cupones son otra manera de conseguir volumen de venta y de visitas. Han estado muy de moda, pero poco a poco el público se empieza a cansar de ellos, muchas empresas suben los precios para después ofrecer cupones. Cuanto más volumen de venta tengamos más podremos ajustar los precios ya que compraremos más barato y los costes fijos de estructura se podrán repartir entre

284

más productos vendidos. Ahí es donde está la clave de la venta en internet, en el volumen. Cuanto más vendas, más posibilidades de éxito tiene la web.

Paso 14. Tendencias en el posicionamiento. SEO y SMO para una tienda online. Se ha escrito tanto de posicionamiento web que no resulta fácil abordar el tema. Lo primero que ha de hacerse es realizar una correcta optimización interna de la web, siguiendo por un lado las recomendaciones de Google en su guía para principiantes sobre optimización para motores de búsqueda de Google. No debería ser costoso y tampoco es necesario cumplir todo al 100%. Una vez tengas tu tienda optimizada, tienes que determinar cuáles son las palabras claves de tu negocio. Para realizar este trabajo recomendamos la lectura del artículo que publico ecommerce-news titulado “Dime qué vendes y te diré qué palabras clave debes usar para poSEOcionar tu tienda online“. http://www.ecommerce-news.es/index.php?option=com_content&view=article&id=1011:dime-que-vendes-y-te-dire-que-palabras-clave-debes-usar-para-poseocionar-tu-tienda-online&catid=51:marketing-online&Itemid=110 Con el listado de palabras claves identificadas, que en el caso de una tienda, suelen ser palabras asociadas a diferentes productos o categorías, debemos usar ese conjunto de palabras para los artículos que vamos dando de alta en nuestra tienda. Por último, muchos expertos en SEO consideran vital para el posicionamiento los enlaces externos (en otras webs) que apunten a tu web (los conocidos backlinks, venta de backlinks, linkbait, linkwheel, landing pages, etc.) y amplificar los enlaces con diferentes técnicas. Puedes crear enlaces mediante ciertas técnicas para su amplificación a través de herramientas de marcadores sociales, como puede ser socialmarker y creación de RSS con la herramienta freerssfeedgenerators y su publicación en directorios RSS con la herramienta fastrsssubmitter.

285

Si se quieren crear enlaces externos, lo mejor es buscar aquellos blogs y/o foros que tengan una temática similar, realizar aportaciones y crear tu enlace con variedad en el anchor text. Quedaría pendiente seguir trabajando el posicionamiento a través de los medios sociales, la creación de un canal youtube, la

creación de un blog, fomentar el uso de opiniones y comentarios, usar Google Places para el posicionamiento local y la integración de nuestros productos con plataformas como Google Merchant Center. Por último debemos hacer hincapié en trabajar el análisis y monitorización continua de nuestra web, el trabajo del posicionamiento es de por vida y es fundamental determinar la “salud” de nuestra tienda a los ojos de Google en todo momento. Como ya hemos dicho, dedica tus esfuerzos en lo que realmente sabes hacer y busca ayuda para estos temas usando las herramientas de informe para validar el trabajo que te realicen.

Paso 15. Estrategia Social Media. Alta de la página en Facebook y otras redes sociales. Hacer que tu tienda online forme parte de las redes sociales, no significa crear una cuenta en facebook y esperar que nos visiten. Antes de crear una comunidad virtual un experto en redes sociales, te diría que debes dar respuestas a muchas preguntas para que tenga éxito. Un Community Manager nos diría que los principales objetivos para crear una comunidad virtual deberían ser:

~ Crear marca. ~ Buscar ser un referente en el mercado. ~ Ayudar al cliente en la decisión de compra.

286

~ Fidelizar consumidores. ~ Conocer al cliente con mayor profundidad. ~ Testear nuevos productos y/o servicios. ~ Realizar ofertas y promociones. ~ Poder conocer el mercado: la competencia y alianzas.

En una importante organización la estrategia social debería estar correctamente organizada con diferentes perfiles: el social media manager (el que define la estrategia), el community manager (el que implementa la estrategía) y el content manager (el que crear los contenidos). Aunque no se vaya a ser una gran organización, es necesario dedicar un tiempo a pensar la estrategia en medios sociales antes de comenzar a darse de alta de manera indiscriminada en redes y marcadores sociales. Se debe reflexionar acerca de las siguientes cuestiones: Pensar en nuestra audiencia a la hora de publicar comentarios y contenidos: edad, intereses, zona, palabras claves, páginas visitadas y de salida, tipos de usuarios, etc. Definir que contenido e ideas podemos comentar. En este punto recomendamos definir una tabla (algo similar a lo que se conoce como pirámide de relevancia, aunque menos ambicioso) donde podamos indicar nuestras ideas de contenido a publicar, con la temporalidad relacionada, palabras claves relacionadas con el negocio, si aplicase, y dependiendo el tipo de negocio habrá que tener en cuenta la edad y perfil del tipo de audiencia de nuestro negocio. Decidir los canales de difusión que vamos a usar. Nuestra recomendación: incluir facebook, twitter, youtube y pinterest. Más adelante incluiría google+ y linkedin. Determinar como vamos a realizar las mediciones y uso de herramientas (por ejemplo en facebook revisando nuevos seguidores reales y sus comentarios), a través de Google Analytics (ahora existen paneles social media) y Google Alerts. Existen otras tantas herramientas especializadas (socialmention.com, addictomatic, search de twitter.com, likester, placebook, etc…) en social media. Decidir si se puede crear un blog en la misma tienda online con un estilo propio intentado ser un referente donde intentemos distinguirnos.

287

Determinar a nivel técnico como vamos a integrar la tienda con las redes sociales y quien nos puede ayudar. Normalmente el interés de los seguidores varía según el tipo de red social y es importante conocerles y darles lo que esperan para así mejorar el nivel de involucramiento (más conocido como la Pirámide de Engagement). Es algo a tener en cuenta a la hora de definir que contenidos vamos a publicar en cada red social. Por ejemplo, facebook es más dada a que el seguidor espere promociones, descuentos, eventos, noticias de interés y/o anuncio de futuros productos y servicios. En twitter se puede usar el mismo enfoque que facebook, pero quizás con un toque más “serio” y más breve. En una red social debemos transmitir sinceridad y claridad, servilismo, humildad, en resumen, parecer personas muy normales y cercanas. Intenta usar emoticonos en tus comentarios para transmitir mayor complicidad.

Paso 16. Seleccionar una empresa logística para la tienda online: transporte y almacén. Dar con una empresa logística que te dé el servicio adecuado es fundamental de cara a la imagen de tu tienda online con el cliente, al fin y al cabo la persona que le entrega el producto va a ser la única con la que va a tener contacto físico. Hay muchas empresas que dan servicio de transporte, mensajería y almacenaje, pero ni mucho menos el servicio, el coste y la flexibilidad que ofrecen es la misma. Los factores a tener en cuenta al elegir una empresa de transportes para una tienda online son:

288

Fiabilidad: A nivel general que sea una empresa de transporte que te ofrezca garantías de entrega y seriedad. Tarifa del envío: Fundamental que nos ofrezca un precio competitivo. Los costes de transporte son una losa en el comercio electrónico ya que es complicado repercutirlos al cliente. Eso sí, buen precio pero manteniendo siempre un servicio adecuado, de nada sirve precios de envío bajos si no se cumplen los plazos o la mercancía no llega en condiciones adecuadas. Normalmente las tarifas las establecen en función de la zona geográfica de destino, si es la misma provincia, la misma comunidad o si es una región cercana o lejana. Lo lógico es que conforme vayas creciendo en número de envío la tarifa vaya reduciéndose. Calculo del peso volumétrico: Muy importante a tener en cuenta en la tarifa es el peso volumétrico, sobre todo cuando envías artículos de cierto volumen. Todas las empresas de transporte convierten el volumen a peso siguiendo una formula y al final aplican la tarifa de envío según lo que sea mayor, el peso real o el volumétrico. Cuando nos den esa formula hay que compararla con otras ofertas que tengamos. Coste de envíos cruzados (recogida desde un almacén distinto al nuestro): Se utiliza para envíos directos desde tu proveedor hasta el cliente final. En ocasiones tiene un coste adicional. Cobertura al menos nacional: La experiencia nos dice que es muy conveniente que tenga sucursal en la mayoría de las provincias. Hay empresas de transporte pequeñas que no cubre todo el territorio y en muchas provincias tiene acuerdos específicos con otras empresas. Esta situación puede generar problemas, retrasos en envíos y mala resolución de posibles incidencias. Y no está de más que permita realizar envíos internacionales, aunque sea con alguna empresa asociada, porque aunque no parezca al principio posible. Tiempos de entrega: Que te ofrezca la posibilidad de entregar según urgencia. En este punto es conveniente optar por el nivel óptimo. No ofrecerle al cliente más rapidez de la que necesita porque sino encareceremos el envío sin necesidad. Opciones de envío de paquetes voluminosos: Normalmente las empresas de transporte urgente te permiten enviar paquetes de hasta 40 Kg y para pesos superiores tienes que contar con una empresa de transportes especial. Esas

289

empresas de transporte urgente suelen tener un acuerdo con alguna otra para esos envíos voluminosos. Si consigues centralizarlo en la misma te ahorras en gestión y puedes conseguir más volumen que suele incidir en que te ofrezcan tarifas inferiores. Resolución de incidencias: Es importante que la empresa tenga un procedimiento ágil para la resolución de incidencias. Esto normalmente no lo conoces hasta que utilizas el servicio. El punto óptimo es que la incidencia que se produzca la solucione la empresa de transporte antes incluso que tengas conocimiento de la misma. Coste de cajas o bolsas de envío: Según el envío puede ser conveniente que se incluyan en bolsas o cajas. Las empresas de mensajería suelen facilitarlas a un coste reducido o incluso gratis. Lo mejor es que se puedan reutilizar otras cajas para reducir costes. La tecnología con la que cuente la empresa de transporte: Si la empresa de transporte cuenta con tecnología avanzada permitirá que conozcamos el estado de cada envío casi en tiempo real a través de su página web, incluso cuando lo necesitemos lo podremos integrar con nuestra plataforma de comercio electrónico. Los puntos a tener en cuenta a la hora de seleccionar un servicio logístico de almacenaje son los siguientes: La tarifa por espacio ocupado. En algunos casos la tarifa es por metro cuadrado, en otras por metro cúbico. La distribución en el espacio, accesibilidad de la mercancía (sobre todo importante al principio cuando sueles tener pocas unidades de cada referencia). Seguridad: En caso de robo o incendio que esté asegurada la mercancía. Los gastos de recepción y / o manipulación de la mercancía. La rapidez de preparación para el envío de la mercancía (picking).

290

Sistema de facturación claro: Es importante revisar que la facturación está correcta porque cuando uno llega a tener más de 10 envíos al día de manera continuada las equivocaciones pueden darse (por destino, tamaño, duplicidad).

Paso 17. Seleccionar un sistema de pago adecuado. Sin un sistema de pago no se puede vender por internet. Es importante que se ofrezcan distintos medios de pago para que el cliente pueda elegir con la que se sienta más cómodo. Y fundamental que cada una de las formas de pago sean seguras (para el cliente y para la empresa) y que al cliente le transmita seguridad. En resumen: diversidad y seguridad. Es conveniente incluir un apartado en la web para indicar los medios de pago posibles que se pueden utilizar. Los medios de pago más utilizados actualmente son:

~ Transferencia / ingreso en cuenta corriente ~ Tarjetas bancarias (de crédito / débito) ~ Contra reembolso ~ PayPal

Transferencia o ingreso en cuenta corriente. Este sistema de pago requiere pocos preparativos, simplemente indicar la cuenta a

la que el cliente debe realizar la transferencia y en que banco puede realizar el ingreso. Es conveniente indicarlo en el proceso de pedido e informar de la cuenta por e-mail al confirmar el pedido para que la tenga a mano. En este medio de pago es fundamental controlar la fecha de valor, cuando el ingreso o la transferencia se ha hecho efectiva en la cuenta corriente (aparece en nuestra cuenta el importe). En ese momento es cuando podemos estar seguro que el cliente ha

291

realizado el pago y no puede revertirlo. Las buenas prácticas dice que solo cuando lo hemos recibido deberíamos enviar la mercancía. La gran ventaja del pago con transferencia o ingreso en cuenta para el vendedor es que no hay ningún gasto de comisión, y para pedidos de cierto importe se nota. Para muchos clientes este medio de pago les quita la inseguridad de pagar por internet, ya que le permite pagar sin dejar su número de tarjeta. Aunque, en la mayoría de los casos la transferencia le genera algunos gastos al comprador, aunque cada vez menos con las operaciones bancarias por internet. El mayor inconveniente que puede tener es que al cliente le da más tiempo para pensarse la compra. Se pierde la posible compra compulsiva. Hay que tener en cuenta que muchos clientes seleccionan esta forma de pago para simular un proceso de compra y así estar seguros del coste total. Es uno de los motivos principales por las que el pago de muchos de estos pedidos no se finalizan. Tarjetas bancarias. Según todos los estudios, es el medio de pago más utilizado en las compras online. Entorno al 60% de los pagos se realizan con tarjeta. La verdad es que se puede considerar un medio óptimo para la venta online. El cliente no tiene que pagar nada por realizar el pago y al vendedor le cobran una comisión aceptable. El pago lo recibe de manera inmediata el vendedor. El único problema que puede darse es el tan temido pago fraudulento, o que el cliente no confíe en introducir su tarjeta para realizar el pago. Es fundamental contar con un sistema de pago por tarjeta realmente seguro y que el cliente perciba esa seguridad. Hoy por hoy lo dan la mayoría de los TPV de bancos y asociados. Dentro del pago con tarjeta es bueno saber que existen dos sistemas, el pago con tarjeta securizada y el pago con tarjeta sin securizar. En el caso de la securizada el

292

cliente ha tenido que dar previamente de alta la tarjeta en su banco para que permita el pago por internet, cuando va a pagar el sistema se conecta a su banco y le pide un usuario y contraseña adicional. Este tipo de pago es el más seguro de cara al vendedor. El problema es que algunos clientes no tiene activada la tarjeta. Contra reembolso. Otra opción de pago que cada vez se va utilizando menos es el pago contra reembolso. El cliente paga a la empresa de mensajería cuando recibe el pedido, esta opción era muy demandada cuando empezó la venta por internet, el cliente quería ver el producto antes de pagar.

La gran ventaja que tiene es que anima a muchos clientes a comprar ya que pagan cuando reciben y eso les da confianza. Las desventajas es que es posible que el cliente rechace el pedido, o incluso que no sea real y los gastos de envío tendrían que asumirlos el vendedor. Las empresas de transporte cobran comisiones altas por el pago contra reembolso, que alguien debe asumir.

293

Paypal. Su creadora, eBay, ha conseguido tener un sistema de pago muy extendido en el que mucha gente confía y con el que gana mucho dinero. Mediante Paypal permite al cliente pagar sin tener que dar su tarjeta o su cuenta bancaria ya que están guardadas en su cuenta de Paypal (en las que el cliente confía).

Paypal es un medio de pago que hay que incluir sobre todo cuando se empieza, nadie te conoce y necesitas todos los recursos para dar esa confianza. Crearse una cuenta de Paypal es muy sencillo, pero asociarla a la empresa y utilizarla sin limitaciones es un poco más complicado ya que piden bastante documentación. Pero el gran inconveniente son las comisiones desorbitadas que cobran, fruto de la posición predominante en los medios de pago de internet. Paypal ofrece opciones para agilizar la compra en tienda, como un pago rápido, incluso puede utilizarse la dirección que haya guardado el cliente en la cuenta de Paypal para el envío del pedido. Puede adaptarse e integrarse totalmente en el aspecto de nuestra web.

294

Gestión de los reembolsos en los medios de pago. Lamentablemente hay veces que después de que el cliente te haya pagado tienes que devolverle el importe del pago, lo que se conoce como reembolso. Los motivos pueden ser múltiples. En algunas ocasiones también se realizan reembolsos parciales, por ejemplo para compensar al cliente por una incidencia. Veamos un cuadro resumen ventajas y desventajas de cada medio de pago para una tienda online:

295

Paso 18. Monitorización tienda online para que todo funciona según lo esperado. Monitorizar permite saber que se están haciendo las cosas bien y así poder guiarnos en las siguientes acciones a realizar o al menos ser conscientes de las que no realizamos. ¿Qué debe monitorizarse? Por un lado, es importante realizar una monitorización constante desde el punto de vista técnico y por otro una monitorización temporal de negocio. Cuando hablamos de aspectos técnicos, queremos decir que una vez que tengamos la tienda online funcionando, ya sea construida por nosotros o un tercero, es importante realizar un seguimiento técnico de la misma para mantenerla saludable en todo momento. Es importante arrancar con la tienda siguiendo los pasos técnicos que hemos recomendado en los pasos anteriores. La buena “salud” esta relacionado con la optimización onpage de la página, uno de los puntos importante para mejorar nuestro posicionamiento web y por tanto que nuestra fuente de visitas no decaiga. En relación a los aspectos técnicos, acciones que con cierta frecuencia (sobre todo durante los primeros meses) es importante hacer con la herramienta para webmasters de Google son los relacionados a la sección de Salud, Optimización y Otros Recursos, que tiene la propia herramienta: Errores de rastreo: Indica que el host ha sido capaz de comunicarse con el servidor, pero no existe el fichero que ha sido pedido. Este tipo de errores esta relacionado con enlaces rotos. Nos referimos a que por alguna razón nuestra tienda tenga enlaces que devuelva un error 404, ya sea porque hemos realizado algún cambio en la tienda que ha producido un efecto colateral o bien porque desde un inicio existían enlaces rotos. Una buena herramienta para identificarlos es la herramienta checklink de validator w3c. Software malintencionado, aunque es extraño, nunca esta de más revisar.

296

Sitemap: Tenemos que mantener actualizado sobre todo si vamos dando de alta nuevos artículos y cuando lo subamos de nuevo probar que no tenemos errores de sintaxis. Mejoras HTML: Te informa si tenemos en nuestra tienda metadescripciones duplicadas, etiquetas de título ausentes, problemas de indexación de alguna página, etc. Este información se complementa con la que nos aporta la herramienta validator de w3c, que deberíamos lanzar cada cierto tiempo cuando hemos realizado cambios de interfaz, nuevos módulos en la plataforma, etc. Herramienta de pruebas de datos estructurados para comprobar que los fragmentos enriquecidos que tenemos en nuestra tienda online son interpretados por Google correctamente. Esta comprobación es bueno realizarla cuando hacemos algún cambio en el código relacionado con los rich snippets o bien para verificar que algún cambio en la política de Google no ha provocado algún tipo de aviso. Google Merchant Center: Si tenemos publicado nuestros artículos en Google Shopping, además de comprobar que la URL del sitio esta verificada, es conveniente comprobar que no tenemos alertas en Google Merchant Center relacionado con el atributo de algún artículo, duplicación de identificador, etc…Se comprueba que el google-shopping.txt es correcto en la sección “Calidad de los Datos”. Este servicio, probablemente, pase a ser de pago a partir de Febrero de 2013. Google Places: Aunque nuestro negocio sea de ámbito nacional o mundial, no esta de más tener correctamente configurado Google Place, que tenemos nuestro sitio verificado y comprobar que salimos en las búsquedas correctamente. Rendimiento: El tiempo de respuesta al cargar las páginas en el navegador también consideramos que es importante no descuidar, sobre todo con la llegada de Google Pinguin. Se recomienda usar los valores que proporcionan la herramienta Google Analytics, en concreto la sección de “Velocidad del Sitio” del área de Contenidos. Puedes obtener información de como evoluciona en este sentido y tomar determinadas acciones. La herramienta pingdom, también es interesante para identificar donde están los cuellos de botella cuando se esta cargando nuestra página, así como medir el tamaño de nuestra página, otro punto que también tenemos que ir vigilando cada cierto tiempo.

297

El resto de opciones de la herramienta webmasters de Google con realizarlas la primera vez, no deberían cambiar y por tanto no es necesario monitorizar, como son los diferentes aspectos de configuración de la herramienta.

Paso 19. Promocionar tienda online: Google Shopping, m-commerce y t-commerce. Una vez tenemos montada nuestra tienda online en Internet, los primeros días no hacemos otra cosa que ver las estadísticas de nuestro Google Analytics y nos damos cuenta que el número de visitantes no es el que esperábamos. Pero, ¿qué se debe promocionar? ¿la tienda online? ¿la web? ¿de que tipo de difusión web estamos hablando? A continuación vamos a realizar un resumen de los pasos que entendemos debemos seguir y los aspectos que debemos tener en cuenta para realizar una difusión ordenada de nuestra tienda online:

~ Principales redes sociales como las que mencionamos en el paso 15 sobre la estrategia social media.

~ Uso de marcadores sociales a través de herramientas que permitan una

difusión masiva y automática. Con determinadas técnicas SEO puede ayudar al posicionamiento web.

~ Directorios web de Internet que tuvieron su momento de gloria pero que

actualmente con la llegada de Google Pinguin no son muy recomendables y menos si son directorios que te solicitan un intercambio de enlace.

~ Directorios RSS que de igual forma que los marcadores sociales debemos

hacernos con alguna herramienta que facilite su difusión.

~ Webs de publicación de productos, como el caso de Google Shopping, entre otras tantas. En este punto recomendamos que la descripción de los artículos sea diferente en este tipo de webs para evitar el contenido duplicado a los ojos de Google, sobre todo porque es muy posible que Google indexe antes este tipo de Web que la nuestra.

298

~ Uso de Google Place, que también podría ayudar al posicionamiento web y que Google Maps nos ayude a promocionarnos.

~ Tener un blog propio sobre la temática de nuestra tienda online es hoy día casi fundamental por muchos motivos.

~ Colaboración en Blogs o Webs de terceros sería también muy

recomendable con artículos nuestros, preferiblemente de la misma temática que nuestro negocio.

~ Dedicar tiempo a realizar comentarios de valor en blogs que traten sobre

nuestro negocio.

~ Participar en las redes sociales de terceros aportando reflexiones de valor, ya que indirectamente estaremos haciendo difusión de nuestra “marca”.

Por otro lado, en relación al comercio móvil o m-commerce, cuando hablamos de difusión tenemos que pensar que nuestra tienda debe estar adaptada para que pueda ser visualizada de una forma fácil y sencilla no solo desde un equipo sobremesa como tradicionalmente, sino también desde cualquier dispositivo móvil. Existen datos que indican que el crecimiento de este tipo de dispositivos será cada vez mayor y nuestra tienda online debe estar preparada desde el primer momento tanto en el diseño como en lo funcional, comprobando que es posible realizar todo el ciclo de compra completo de forma ágil.

En relación al punto anterior, pensemos también en la fuerte tendencia de las compras online desde el sofá (couch commerce) con un tablet (t-commerce). No se

299

debe considerar que se realizan de igual forma que las compras online desde el smartphone y este aspecto hay que tenerlo muy presente.

Paso 20. Transmitir confianza a los clientes. Una vez que ya está todo creado, la difusión hecha y los distintos procedimientos establecidos lo único que queda es vender, que no es poco. Para ello es fundamental transmitir confianza a los visitantes que queremos que se conviertan en clientes y que luego repitan. Sin confianza en la tienda, poco se venderá, por muy buenos precios y productos que se tengan. A continuación indicamos algunas recomendaciones para inspirar confianza al cliente: Humanizar la web. Que se vea que detrás de la web hay personas trabajando, incluso que podamos trasmitir cariño hacia ese posible cliente y es que los sentimientos también influyen en las ventas. Explicar quienes somos y una foto de los fundadores/trabajadores en la web es más que recomendable, y si además esa foto muestra cercanía y es divertida mejor. Medios de contacto: Ofrecer a los clientes los mayores medios posibles para que se pongan en contacto contigo y que estén en lugares muy visible. Imprescindible email, tener un apartado de contacto en la web (que al final es similar al email, pero sin tener que salir de la web), pero también es muy importante un teléfono de contacto con un horario amplio de atención. Una idea práctica podría ser la posibilidad de contactar por WhatsApp. Como medio adicional de contacto es conveniente estar en las redes sociales principales: al menos Facebook y Twitter. También es interesante que el cliente pueda poner comentarios en la web. Pero no basta con tener estos medios de contacto, hay que estar atentos y responder con agilidad. Y si por ejemplo no podemos responder a alguna llamada porque estemos ocupados o porque esté fuera de un horario habitual hay que

300

devolverla lo antes posible. Dejar una llamada olvidada puede provocar perder una venta y provocar una mala opinión de nosotros. La atención telefónica es un punto clave. Pueden llegarse a obtener muchas ventas gracias a tener la atención telefónica o simplemente tener un número de teléfono claramente accesible al que el cliente pueda llamar si tiene algún problema.

Mediante redes sociales pocas personas lanzan consultas. Normalmente para lo que sirven es para que puedan comentar experiencias, que también da confianza. También permite compartir novedades, crear imagen de marca, etc. Tener un blog ayuda también a transmitir confianza, resolver dudas y mostrar de lo que hablas. Cuanto más interactivo sea el blog mejor todavía. Gestionar correctamente posibles incidencias que puedas tener con los clientes. Al final por muy controlado que tengas todo el proceso, la realidad es que incidencias surgen (algo que llega roto, que se retrasa más de la cuenta o que no es lo que esperaban, etc.). Lo importante es reaccionar rápidamente y con rotundidad. Si se hace bien se puede incluso volver a tu favor. En algunos casos tienes que compensar económicamente, incluso puedes perder dinero en la operación, pero a cambio puedes conseguir que tu cliente acabe satisfecho y más importante aún, que no hable mal de la web.

301

Los comentarios de los clientes en la web. Hay que animar a los clientes a dejar comentarios en la web, sobre todo cuando sabemos que las cosas han ido bien y que el cliente está satisfecho. Como gancho, para que dejen comentarios, puede resultar interesante dar descuentos adicionales para futuras compras. Otros posibles clientes van a leer esos comentarios. Las condiciones de compra, envío y pago deben estar claras y resumidas en algún lugar de la web. Tener varias formas de pago también da confianza, cada cliente podrá pagar con lo que se sienta más cómodo o seguro. Algunos les da más confianza PayPal, a otros la transferencia porque no dejan datos de pago en la web, otros les parece más cómodo el pago con tarjeta. Y respecto a la pasarela de pago esa debe ser mediante conexión segura https y además debe quedar claro en el proceso de compra para que el cliente siga teniendo esa confianza. Monitorizar a los clientes con problemas en el registro. Es recomendable monitorizar continuamente la web mediante alertas. En el caso de que un cliente tenga problemas al darse de alta o al registrarse se le puede enviar un correo solicitándole el teléfono para poder ayudarle. En resumen: confianza, cercanía, humildad, tratar al cliente como la persona

más importante. Sin cliente no hay negocio. Recuerda que la venta online está en expansión, pero es un terreno donde aún queda mucho por conquistar. Meterse en las ventas virtuales y tener éxito es una opción que requerirá de mucho trabajo y dedicación, así como de una inversión inicial. Si esto se lleva a cabo con paciencia y entrega, haciendo hincapié en los puntos clave que apuntamos en este curso, y el producto tiene demanda, el éxito de nuestra tienda online está garantizado.

302

Recuerda las 5 claves para el éxito de tu tienda online.

1. Asienta los objetivos de tu

negocio. 2. Crea un diseño atractivo,

accesible y amigable para el usuario.

3. Genera contenido de calidad.

4. Inspira confianza. 5. Date a conocer.

303

EJERCICIOS DE REPASO NO EVALUABLES

(Este trabajo no tiene corrección) Para el desempeño de estos ejercicios se recomienda (en caso de no tener descargado Pretashop) hacer uso de la Demo que nos acerca la página de prestación, donde podremos practicar. El enlace es el siguiente, tanto para el Frontend, como para el Backend. http://www.prestashop.com/es/demo

11.. Cree una nueva Categoría llamada Cascos.

Dentro de esta categoría cree dos nuevos productos: cascos inalámbricos y cascos clásicos.

22.. Crea una nueva cuenta cliente manualmente con tus propios datos.

33.. Ordena, uniendo mediante flechas, los pasos a seguir para crea un perfil de una organización en la red social de Facebook.