Navega por la tienda online, para conocerla y mejorarla cada día

7.- Funcionamiento y estructura de la tienda online. Analítica web.

Ahora debes entender y conocer todos los detalles de la estructura de tu tienda online, como acceder a las distintas secciones o páginas, tanto en el ‘front-end’ (lo que el cliente ve) como en el ‘back-end’ (la parte administrativa de la tienda). Saber hacer copias de seguridad y un clon para hacer pruebas.

Y vámonos ahora a teclear en el navegador nuestra URL, se nos muestra la ‘home’ (pagina de inicio), ¿que mas tiene la tienda online?

Estructura de una típica tienda online.

Ten en cuenta que toda tu web esta en un servidor remoto, la primera gran separación en secciones es lo que ven los usuarios y lo que podemos ver nosotros. Usaremos siempre palabras propias de nuestra lengua, pero es importante que a base de repetirlos te suenen los términos ingleses que usualmente se emplean.

‘Fron-end’ y ‘Back-end’.

La parte visible al público de la web o su termino ingles ‘front-end’ es la que verán tus visitantes y tu mismo, salvo que accedas a la parte administrativa o ‘back-end’, normalmente se accede colocando en el navegador la URL de la tienda acabada con la expresión «/admin» lo que nos lleva a una pagina de acceso para que nos identifiquemos con un usuario y contraseña. Ya estamos en el ‘back-end’.

Atención no confundir con acceder como cliente o usuario de la tienda, para ello normalmente tienes un enlace arriba a la derecha cerca del carrito de compra que suele poner acceder, mi cuenta o registrarte, recuerda este acceso es para los clientes no para el administrador.

La parte visible de la tienda, ‘front-end’.

La parte visible de la tienda puede ser personalizada usando un tema ‘Theme’ que proporciona una diferenciación de nuestra imagen respecto a otras tiendas con el mismo gestor de contenidos. El tema nos proporciona el diseño y aspecto general de nuestra tienda online.

Tenemos básicamente y simplificando los siguientes tipos de pagina:

I) La pagina de inicio (que también puede ser una categoría).

II) Las paginas de categorías, donde se muestran de forma agrupada todos los productos de una categoría.

III) Las paginas de productos, donde vemos en detalle la imagen, nombre, descripción y características de cada producto.

IV) Las paginas usuario registrado, mi cuenta, mi carrito, mis pedidos, mis facturas, direcciones, etc.

V) Otras paginas de información; Información institucional, quienes somos, preguntas frecuentes, etc, o información general sobre el tema de nuestra tienda online, información sobre productos, como usarlos, su mantenimiento, etc.

header_body_footerVamos a suponer y trabajar con una estructura de tienda creada a través de un gestor de contenidos o ‘CMS’ como Prestashop o Magento, similar estructura utilizan gestores de contenidos de alquiler (ver cap. 6 ejemplo mabisy).

La tienda y en general cualquier web tiene unas zonas claramente diferenciadas: Cabecera o ‘Header’, Cuerpo ‘Body’ y Pie de página ‘Footer’, también puede tener alguna barra lateral o ‘Sidebar’.

Esto de la izquierda es ‘Layout’ que traduce como diseño o distribución típico de una pagina dentro de un gestor de contenidos.

En la cabecera ‘header’ tendremos normalmente; a la izquierda el logo que al pincharlo nos lleve a la página de inicio, y a la derecha el carrito que nos indica que estamos en una tienda online, así como los accesos a tu cuenta si estas registrado o la forma de registrarte. Es habitual ver en el centro algún mensaje de bienvenida y un cuadro para buscar productos en la tienda.

Por último la cabecera incorpora un menú con las categorías y/o páginas de información de nuestra tienda online. El MENU es el principal sistema de navegación de nuestra tienda, por lo que debe estar dispuesto según nuestra intención de guiar a los visitantes. Justo debajo, cuando comienza la navegación algunos gestores de contenidos incluyen una linea de migas de pan o ‘breadcrumbs’ que no es mas que una serie de enlaces para poder volver atrás en nuestra navegación por la tienda online.

En el cuerpo de la página o ‘body’ esta el contenido principal, y en función del tipo de página, categoría, producto u otra, varia la plantilla o ‘template’ que distribuye los elementos en la página. Este es uno de los puntos a tener en cuenta en la selección del Tema que dará la imagen general de nuestra tienda online.

La barra lateral o ‘sidebar’ es el lugar adecuado para colocar las categorías de productos, los filtros de navegación, los productos en el carrito o también las promociones o mensajes que queremos transmitir a nuestros visitantes.

El pie de página o ‘footer’ es usado habitualmente para las paginas de información general, quienes somos, contacto, enlaces a redes sociales, direcciones, teléfonos y similares. Algunos temas replican aquí el menú de la cabacera, teniendo en cuenta que es la principal herramienta de navegación por nuestra tienda online.

La parte administrativa de la tienda, ‘back-end’.

administrador-magento

Una vez accedemos como administradores de la tienda tenemos visible el panel de control (arriba ejemplo de Magento)

En el podemos ver un menú general que habitualmente tiene las opciones de:

Ventas, donde tenemos los pedidos, facturas, envíos, condiciones generales, impuestos, pagos, etc.

Catalogo, con las categorías de productos, los atributos de los productos, los propios productos, etc.

Clientes, con los datos de acceso de cada usuario, tipo cliente, sus compras, sus direcciones, sesiones activas, etc.

CMS o gestor de contenidos, donde tenemos todas las paginas de información y bloques de contenido.

Y otros menús para email marketing con boletines de noticias, promociones, descuentos, contenido para móviles, informes de todo tipo y sobre todo la configuración del sistema, donde se indican los parámetros generales de la tienda como idioma, moneda, países, etc.

FileZilla. Como realizar una copia de la tienda online.

Ya tenemos claro como esta estructurada nuestra tienda online, veamos ahora como guardar todas las carpetas que la forman y conocer algo acerca de ellas.

Para ello vamos a tener que crear un usuario de ftp en nuestro proveedor de alojamiento de la web, servidor web o ‘hosting’ y descargarnos el programa gratuito FileZilla e instalarlo, hay muchos tutoriales para hacer esto, por ejemplo este.

Descargar todos los archivos de la carpeta httpdocs del servidor web hasta una carpeta de nuestro ordenador. Mas adelante explicaremos como copiar la base de datos, por el momento no es imprescindible ya que el proveedor web permite realizar copias de seguridad tanto de las carpetas como de la base de datos, contacta con tu proveedor para que te digan como.

Tenemos una copia local (en nuestro ordenador) de los archivos de la web. Cada gestor de contenidos (wordpress, prestashop, magento, etc) tiene una estructura de carpetas muy característica que deberemos conocer para saber donde esta cada cosa, imágenes, Temas, módulos, plantillas, etc. Para poder hacer pequeñas correcciones o personalizaciones.

Con una copia ‘local’ de la tienda online tambien podemos construir un clon (una tienda igual a la buena para hacer pruebas). Podemos instalarla en un subdominio, por ejemplo en test123.mitienda.com y así poder hacer pruebas antes de toquetear constantemente la tienda real en producción.

Analitica web.

La analítica web es el resultado de analizar la actividad de un tienda online con un solo fin: ayudar a saber exactamente qué estás haciendo, cómo lo estás haciendo y dónde deberías mejorar. En el capítulo anterior instalamos Google Analytics y en este hemos comprendido como funciona nuestra web por dentro y por fuera.

Solo nos queda poner a prueba nuestros objetivos, para ello será muy interesante conseguir voluntarios para que pruebe a realizar ciertas tareas en la web, como registrarse como usuario, comparar entre varios productos, buscar información sobre precios y plazos de entrega o bien realizar el proceso completo de compra.

RELACIONADO: Puedes leer la serie entera desde este enlace Como montar una tienda online paso siete de 10. No olvides añadir la pagina a tus favoritos… 😉

Los comentarios están cerrados.

Scroll al inicio