Tabla de contenidos

Descubriendo el Área de Administración

Ahora que ya tienes instalado PrestaShop 1.6 y que has iniciado sesión satisfactoriamente en el área de administración, debes asegurarte de aprender a navegar y a manejar con soltura esta interfaz de administración, comprendiendo sus notificaciones y sabiendo donde encontrar cada información específica.

El diseño del área de administración ha sido completamente renovado y modernizado en la versión 1.6 de PrestaShop con el fin de presentar una interfaz más intuitiva y ergonómica – así como para funcionar mejor sobre dispositivos móviles.

Aunque la mayoría de páginas y opciones de la versión 1.5 se encuentran todavía en donde esperas encontrarlas, es posible que te lleve un tiempo acostumbrarte a esta nueva distribución.

Hemos creado este capítulo para ayudarte a descubrir y aprovechar al máximo la interfaz de administración de PrestaShop. Aunque esta interfaz ha sido diseñada para ser muy ergonómica y fácil de usar, ¡deberías leer esta guía de principio a fin para comprender perfectamente todo el potencial de tu nueva herramienta de negocios en línea!

Visión general de la interfaz principal

Tómate un tiempo para examinar el cuadro de mandos del panel de control. La primera página que verás al iniciar sesión en el back-office de PrestaShop es la página de Inicio. Ésta no sólo te presenta un resumen de todo lo que necesitas saber sobre tu tienda en cualquier momento determinado, junto con enlaces rápidos a las páginas principales más utilizadas, sino que si eres principiante en PrestaShop, también te ofrece consejos sobre asuntos que deberías revisar.

El back office de PrestaShop ha sido renovado a partir de la versión 1.6.1.0, para hacerlo legible y fácil de utilizar.

Desde la versión 1.6.0.0 a la 1.6.1.0, el back office presentaba el siguiente aspecto:

La barra superior

En la parte superior del back-office se encuentra una barra de color negro que contiene un puñado de enlaces:

Los menús

A lo largo de sus actividades diarias administrando su tienda, tendrá que navegar a través de muchas páginas y opciones del back-office.

De manera predeterminada, el sistema de menús en PrestaShop 1.6 se muestra en el lado izquierdo de la página. Puedes cambiar la posición y orientación de este menú situándolo en la parte superior de la página utilizando la opción "Orientación del menú de administrador" disponible en tu página personal de preferencias (opción a la que puedes acceder a través del enlace que lleva tu nombre en la barra superior).

Tanto en posición vertical como en horizontal, el contenido de cada menú es mostrado cuando el ratón es posicionado sobre el título del menú, reduciendo así la necesidad de cargar nuevas pantallas tan sólo para acceder a las opciones del menú.

En adición a lo anterior, la orientación vertical puede ser minimizada para tan sólo trabajar con sus iconos haciendo clic sobre el icono de "líneas paralelas" situado en la parte inferior de este menú.

Cada menú pone en acción un conjunto de tareas y contextos:

Estos son los menús predeterminados. Ten en cuenta que los módulos pueden añadir nuevas opciones a las páginas existentes, nuevas páginas a los menús existentes, e incluso nuevos menús.

Además de lo indicado anteriormente, hay un menú que sólo se encuentra disponible cuando la opción adecuada está activada:

Todos los menús estándar predeterminados, incluyendo el menú de "Stock", se explican en profundidad en esta guía de usuario.

Los botones

Muchas de las páginas del back-end tienen botones recurrentes, tanto en la parte superior como en la parte inferior de la pantalla. Por ejemplo, la página de edición de productos puede presentar hasta 8 botones disponibles.

Además de servir como simples accesos directos, estos dan acceso a las funcionalidades existentes que se utilizan con mayor frecuencia.

Los botones disponibles varían mucho dependiendo del contexto, y por lo tanto dos páginas podrían no contar con el mismo conjunto de botones. Sin embargo, hay algunos que verás muy asiduamente:

El botón "Módulos recomendados" presenta los módulos que se aplican al contexto actual. Por ejemplo, la página "Transporte > Transportistas", mostrará los módulos disponibles en la categoría de módulos "Envíos y Logística". Esto es muy útil cuando necesites encontrar rápidamente qué módulo instalar y configurar para obtener un resultado determinado.

Muchos de los formularios del back-office son validados con botones situados en la parte inferior de la pantalla:

Las tablas de datos (listas de productos, categorías, clientes, etc.) tienen su propio conjunto de botones para gestionar los elementos listados:

Ayuda contextual

Desde la versión 1.6.0.7 de PrestaShop, la documentación del software está integrada directamente en la interfaz de administración: al hacer clic en el botón "Ayuda" en cualquiera de las páginas del back-office se reduce el ancho de la interfaz principal, mostrándose una nueva columna a la derecha que contiene la documentación para la sección actual del back-office.

Al realizar otro clic sobre el botón "Ayuda" se cierra la ayuda contextual. Si no cierras la columna de ayuda, PrestaShop entiende que quieres que ésta sea mostrada en cada página del back-office, y por lo tanto mantendrá la columna abierta hasta que hagas clic en el botón para cerrarla.

Si el ancho de la zona de visualización del navegador es inferior a 1220 pixeles, entonces PrestaShop optará por abrir la ayuda contextual de la documentación en una nueva ventana del navegador en lugar de reducir el espacio de la pantalla dedicada a la interfaz principal.

En la parte inferior de la columna de ayuda, un pequeño formulario te permite comunicar al equipo de PrestaShop si la sección de ayuda ha sido útil o no. Valora la página de ayuda haciendo clic sobre uno de los 5 niveles de satisfacción. Si haces clic en uno de los dos niveles más bajos, PrestaShop abrirá un formulario permitiéndote detallar tu opinión sobre la ayuda recibida. Puedes cumplimentar el formulario y hacer clic en el botón "Enviar", o cerrar el formulario haciendo clic en la cruz, en cuyo caso tan sólo tu calificación será enviada a nuestro servidor.

El cuadro de mandos

Ahora vamos a explorar el contenido del propio cuadro de mandos. Puedes sentirte abrumado al utilizarlo por primera vez, pero comprobarás que éste le muestra un excelente resumen de las actividades diarias de tu tienda de un simple vistazo.

El cuadro de mandos está dividido en cuatro áreas principales: una barra horizontal, y tres columnas.

De manera predeterminada, el cuadro de mandos utiliza datos de ejemplo inventados para que puedas visualizar mejor las distintas estadísticas disponibles.

Cuando vayas a utilizar PrestaShop para crear una tienda online real, debes deshabilitar estos datos de ejemplo para que tan sólo se utilicen los datos reales establecidos en tu tienda: haz clic en el botón "Desactivar" del bloque "Modo demo" situado en la parte superior derecha de la pantalla.

La barra horizontal

La parte superior del cuadro de mandos consta de una simple barra que te ayuda a seleccionar el periodo de tiempo que deseas utilizar para mostrar en las estadísticas del panel de control. Tres conjuntos de opciones están disponibles:

Al seleccionar una opción se actualiza todo el contenido de los bloques que están presentes en el cuadro de mandos, para que éstos solamente muestren los datos correspondientes al periodo de tiempo determinado. Los bloques que no están destinados a mostrar datos estadísticos no presentarán ningún cambio.

Para seleccionar un periodo de tiempo, puedes hacer clic en la primera y la última fecha de ese período en el calendario (el orden en el que realices el clic no es determinante), o puedes introducir la fecha en las cajas de texto en el formato AAAA-MM-DD. Haz clic en "Aplicar" para ver como el panel de control cambia los datos estadísticos de acuerdo a tu ajuste de configuración.

También puedes comparar dos períodos al mismo tiempo haciendo clic en la casilla "Comparar con". Selecciona el segundo periodo de la misma forma que lo hiciste con el primero (los dos pueden incluso solaparse), a continuación, haz clic en el botón "Aplicar".
Cuando se comparan dos períodosalgunos de los bloques de contenido se actualizarán para indicar la evolución de los datos (véase por ejemplo el bloque principal "Inicio" del cuadro de mandos, que presenta los datos del módulo Panel de Tendencias).

La columna izquierda

De manera predeterminada, esta columna te muestra los datos del módulo Panel de actividad, mostrando las principales cifras estadísticas de la base de datos de tu tienda de manera que puedas revisarlos y valorarlos de un simple vistazo:  

La columna central

En la columna central es en donde el término "cuadro de mandos" toma su significado: esta área presenta al usuario (a ti) los números más importantes relacionados con las actividades diarias de su tienda, junto con un gráfico de ventas y un listado de los últimos pedidos recibidos. Cada vez que inicias sesión en el área de administración de tu tienda, lo primero que verás será la evolución que han tenido estos números. Podríamos decir, que aquí es donde visualizas y tomas consciencia de que tu tienda vive y respira.

De manera predeterminada, hay tres bloques de contenido en esta columna, que son gestionados por módulos:

La columna derecha

Esta última columna es tan sólo informativa: te muestra las últimas noticias desde PrestaShop.com, te notifica sobre la disponibilidad de nuevas versiones de PrestaShop, y te presenta enlaces útiles.

Ésta también cuenta con el bloque "Modo de demostración", desde la cual puedes desactivar los datos falsos inventados que son utilizados de manera predeterminada en el cuadro de mandos, y así poder utilizar tus propios datos reales (recogidos por el sistema de estadísticas de PrestaShop).

Reordenar los elementos

En el cuadro de mandos de tu tienda, tienes la posibilidad de cambiar el orden de los elementos mostrados en cada columna (izquierda y central, véase más arriba). Esta funcionalidad es útil sobre todo si tu tienda dispone de módulos adicionales o si deseas focalizarte en algunas estadísticas que no están posicionadas en primera instancia.

Para cambiar el orden, por favor, sigue estos pasos:

  1. Dirígete a la página Módulos y Servicios / Posiciones de los módulos (a través del menú de tu tienda)
  2. Selecciona "Mostrar: Todos los módulos"
  3. Marca la casilla de verificación "Mostrar los hooks invisibles"
  4. En el campo de entrada "Buscar un hook", introduce "dashboardZoneOne"para la columna izquierda, o "dashboardZoneTwo" para la columna derecha.

Ahora verás todos los elementos enganchados en las columnas izquierda / central.

Para cambiar las posiciones, puedes arrastrarlos y soltarlos o hacer clic en la pequeña flecha cercana a los logotipos del módulo, como se muestra a continuación: