Nueva versión de prestashop

Prestashop es la plataforma E-commerce más descargada, más utilizada y más instalada del mundo. Últimamente Woocommerce (Plugin para WordPress) se le va acercando con paso de gigante, pero todavía está lejos de la funcionalidad como Tienda Online que llega a tener la primera.

En un artículo de hace tiempo, ayudaba a todos los lectores de ElBlogdelseo a decidirse entre Magento y Prestashop. Una de las razones por las que nos decantábamos por este último era por la comunidad tan grande que tenía y sobre todo por la cantidad de actualizaciones que sus desarrolladores realizan para mejorar el sistema.

Y como no podía ser de otra forma, la versión 7.0 ya está sobre la mesa, en su Beta 3. En Elblogdelseo la hemos instalado ya, la hemos probado y hemos analizado las novedades y las diferencias con la versión anterior.

A continuación detallamos estas novedades y que las dividimos en 2 grupos:

  • Novedades de back Office
  • Diseño Front Office.

 

Novedades de Back Office.

  • Nuevo aspecto del panel de control en relación al diseño anterior.

Panel prestashop 7

En esta nueva versión se mantienen los widgets  de resumen de actividades, estadísticas de inicio, noticias de la plataforma y demás. Pero también podemos encontrar un menú en la parte izquierda con un nuevo aspecto, dividido en 4 grandes grupos:

  • Sell (ventas / tienda)
  • Improve (Mejorar características)
  • Configure (Configurar)
  • Default (Valores por defecto)

mensajes y avisos

Además también podemos comprobar cómo ya no están presentes los tres botones donde aparecían las burbujitas por nuevo pedido, nuevo usuario o nuevo mensaje de contacto, y se ha sustituido por una campanita junto a la foto o silueta del usuario. La guía de insignias también ha desaparecido y se ha sustituido por una barra de porcentaje al final del menú de la izquierda con un porcentaje para medir cuándo se debe lanzar una página web. Siguen apareciendo los botones de acceso rápido, el buscador, y los botones para poner el modo demo en el panel.

  • Zona de pedidos

Pedidos Presatashop 7

La zona de pedidos es exactamente igual. Aunque en el nuevo diseño hay una zona que para configuraciones de pantalla pequeñas no es del todo responsive, y aparece la barra en la parte de abajo. En el caso del pedido individual es todo igual. Tiene también algún error derivado del responsive, que se supone que se arreglarán en las versiones definitivas.

zona de pedidos

 

  • Factura mejorada

La factura siempre ha estado en el debe de Prestashop desde las primeras versiones porque no se adaptaba a la legislación española. En las últimas versiones de la plataforma ésto se corrigió y ahora se ha mejorado todavía más. En la zona de configuración de facturas se encuentra el apartado para comenzar en el número de serie específico, poner la serie de facturación, además, colocar la firma de la factura con el fin de cumplir también con la normativa LOPD y LSSI. En cuanto a las nuevas opciones dentro de la factura podemos:

  • Habilitar o no desglose de impuestos
  • Habilitar o no imágenes de productos
  • Activar o no activar facturas (por si no se quiere llevar la facturación con Prestashop y se decide entregar nota de compra en lugar de factura)
  • Resetear el número de factura una vez finalizado el año
  • Podemos elegir entre modelo factura normal y b2b.

 

facturaAlbarán de pedido

 

  • Categorías de producto

En las categorías de producto hay algún cambio significativo. Y es que por fin tenemos TinyMCE y poder justificar texto. Seguimos teniendo la limitación de tres imágenes en el menú principal y las dos imágenes normales de categoría.

Todas las opciones restantes son exactamente iguales que en la versión 1.6. por tanto no hay mucho más que comentar, ni siquiera cambios gráficos.

  • Reglas de Catálogo y Vales descuento.

En esta ocasión también es igual, sólo que anteriormente estaba en otra sección y ahora se ha incluido en la zona de Ventas y tienda. Por lo demás es todo igual.

Las reglas de catálogo todavía no sabemos exactamente cómo son porque aparece un extraño error que no podemos visualizar.

Reglas de compra y de Catálogo

 

  • Atención al cliente, clientes y Estadísticas

Lo más novedoso de todo esto es que las estadísticas están integradas dentro de la zona de tienda (sell). Por lo demás todo es igual

Estadísticas Presatashop 7

 

  • Módulos

La sección de Módulos de Prestashop 1.7 ha sufrido un lavado de cara interesante. Ahora podemos elegir entre ver los módulos en formato Grilla o en formato lista.

En un primer momento parece menos funcional que en la versión anterior, pero cuando comienzas a trabajar con la sección te das cuenta el genial avance que supone el cambio no sólo de diseño sino del motor de búsqueda.

Si bien es cierto que se ha eliminado la el efecto Ajax, en cuanto se pone la palabra clave y se pulsa “Enter” aparecen los resultados en la pantalla, sin retraso ni carga de datos. Además se puede buscar por más de una palabra clave. El filtro de categorías está arriba a la izquierda y también es muy funcional.

Módulos prestashop 7 Pagos Prestashop 7

 

  • Sección de Diseño

La sección de diseño integra tanto la zona de temas como la zona de posiciones de los módulos. Además podemos elegir para cada tipo de página las secciones que podemos habilitar. Por ejemplo podemos elegir que el carrito no tenga menú principal ni menús secundarios ni columnas para evitar distracciones. Además también está la típica sección e catálogo de temas de Addons Prestashop. La parte más novedosa es que aparece una sección denominada Páginas. Todavía no sabemos muy bien cómo es el BackOffice, porque tiene algunos errores y no podemos verla, pero suena interesante. La antigua sección CMS se ha dividido en Páginas y Contenido Estático. En páginas encontramos Landing Pages y demás y en contenido estático aprovechamos para colocar todos los contenidos legales.

diseño

  • Zona transportistas

La Sección de transportistas es igual que en versiones anteriores.

  • Sección de pagos.

La sección de pagos es una sección nueva. En realidad el conjunto de módulos de pagos puestos en una nueva sección. El problema es que cuando se instala se va directamente a la zona de módulos, y además cuando hay que actualizar alguno no aparece la típica frase de módulo actualizado, por lo que puede provocar algún tipo de equivocación por parte del usuario.

Métodos de pago Prestashop 7

 

  • Sección Internacional

En realidad la sección internacional es toda la sección de idiomas y localización que había anteriormente, donde podemos elegir los datos por defecto de localización por defecto, idiomas, monedas y geolocalización, zonas, provincias, países, impuestos y demás

  • Localización

En esta sección se encuentran todas las características de localización de la web. Aquí podemos seleccionar las pestañas de Localización, donde seleccionamos todos los datos por defecto de la tienda, el idioma o los idiomas de la tienda, las monedas utilizadas en la tienda, y la función de geolocalización, donde podemos geo localizar la IP para mostrar datos segmentados o el precio con los datos de envió reales.

  • Locations – Paises

Aquí es donde debemos seleccionar todos los países, las zonas y las provincias. En realidad cada sección es igual que la anterior versión, sólo que están agrupados todos por pestañas.

Localización plataforma

  • Impuestos y reglas de impuestos

Las secciones de impuestos son iguales que en la 1.6, pero están en formato pestañas, igual que todo la página.

 

  • Configuración de la tienda

  • Parámetros de la tienda

Lo más novedoso de esta sección es el poder habilitar el certificado ssl en toda la tienda  y sobre todo que en la página de mantenimiento podemos personalizarla con un texto que pongamos a medida.

Países

  • Configuraciones avanzadas.

Todas las configuraciones avanzadas son iguales que en las versiones anteriores, con alguna modificación de diseño, pero igual todo de la misma forma.

Además también hay una mejora en cuanto a corrección de errores y huecos de seguridad de versiones anteriores. En términos globales, la versión nueva del BackOffice mejora la anterior, aunque nos costará acostumbrarnos.

Video demostración

 

 

Cambios en diseño de la nueva versión de Prestashop

prestashop diseño

Desde el punto de vista de diseño, también se notan muchas mejoras, tanto puntuales como estructurales. Vemos cómo se ha modernizado toda la plantilla default de la plataforma E-commerce y se han mejorado algunos bloques donde en anteriores versiones no estaban del todo optimizadas. Y como todo no puede ser perfecto, también hay secciones que se han empeorado.

  • Diseño de la nueva Portada de Prestashop 7

portada-prestashop

La organización de los bloques principales sigue la misma tendencia: bloques de inicio y de carrito en el header (parte superior arriba)… La diferencia en este apartado es que el logotipo y la barra de herramientas se encuentran en la misma horizontal, junto con el buscador.

El Slider ha cambiado también para esta sección, en la anterior veíamos cómo ocupaba 2/3 de página y el otro tercio dos banners uno sobre otro de la misma altura total en conjunto del slider.

La zona de productos es limpia ahora, no hay tabas, no hay pestañas para mostrar varias opciones, y sólo se muestran los productos más populares. Al final de los productos hay un enlace para ver los todos los productos.

zona de productos prestashop

Bajo los productos han colocado una imagen en horizontal que ocupa el 100% de la página, y justo bajo la imagen un cuadro para un texto. Como la tendencia actual en todos los e-commerce es colocar un buen texto con un buen número de palabras para posicionar la portada, ya lo incluyen en el mismo.

El Footer sin embargo es mucho más simple que en versiones anteriores de Prestashop. Sigue sin demasiado protagonismo el formulario de suscripción al newsletter.

Lo que echamos de menos en toda la portada es un bloque con los canales sociales. Algo que se supone que estará porque esta no será la versión definitiva, o se podrá instalar mediante un blog.

La forma en la que se muestra cada producto también es igual que en la versión 1.6

  • Vista rápida de producto

En este caso es muy parecido a versiones anteriores, aunque parece que está más desordenado, los botones de compra son distintos, y los botones para compartir en redes sociales están bajo las fotos.

prestashop7-18

  • Nueva página de producto.

En la página de producto encontramos nuevas diferencia significativas con páginas anteriores. Ahora imagen y descripción de producto ocupan cada una el 50% del ancho total de la zona de contenidos.

Hay unos mensajes nuevos informando sobre el envío la seguridad y las devoluciones.

prestashop7-19

Sin embargo lo que ha cambiado a peor ha sido la parte descriptiva más larga del producto. Ya que está sólo ocupando la mitad del ancho de la página, justo bajo el botón de añadir al carrito y del bloque de mensajes anterior. Para descripciones no muy largas esto puede que sea sostenible y se vea bien, pero cuando se incluyan más de 300 palabras a una descripción larga se va a alargar demasiado esa columna, consiguiendo un efecto contrario al que se pretende.

Además los tab tipo “detalles de producto y demás” no hacen ningún bien al posicionamiento. Lo ideal hubiese sido que estuviesen ocupando el ancho total de la página y una bajo otra, sin pestañas ni tab.

  • Categorías de producto

categoria en pretashop

Esta sección es similar a los heredados anteriores, pero teniendo en cuenta los nuevos colores y diseños. Desaparece la opción de visualizar los productos en modo grilla o en modo llista. Al igual que se modifica un poquito la descripción de la página y la imagen.

En cuanto a las paginaciones, singuen sin estar de forma adecuada las paginaciones para que no haya un problema de contenido duplicado ni títulos ni etiquetas.

  • Añadido producto al carrito

prestashop7-21

La opción de añadir un producto al carrito funciona igual que en la versión 1.6. sólo que con un diseño mejorado.

  • Nuevo Carrito de la compra

El carrito de la compra ha sido una de las secciones que más modificaciones ha sufrido en Prestashop 7.0. En esta ocasión no es una compra en 1 cic (One Page checkout), lo que es un error no haberlo implementado de base, pero es un diseño más amigable en el que vemos en todo momento lo que tenemos que poner y lo que nos van a pedir en la sección siguiente. Además comprobamos que cuando estamos en el carrito desaparecen todos los menús y demás enlaces, incluso en el Footer.

Lo que si aparece es una cantidad de productos que nosotros definimos una vez que ya se ha realizado la compra.

prestashop7-22

checkout

  • Zona de Contacto

La zona de contacto también es de nuevo diseño. Los campos son los mismos, pero hay un apartado también para los datos de contacto de la tienda (información).

prestashop7-24

  • Cuenta de usuario más atractiva

La cuenta de usuario es mucho más atractiva también ahora en la nueva versión. Está estructurada por bloques de forma que el cliente tenga todo lo que necesita para poder recordar pedidos realizados, descargarse facturas atrasadas, o incluso ver la información sobre sus vales descuento.

prestashop7-26

En definitiva es una versión más que aceptable de Prestashop, en donde se han solucionado errores de bulto, pero que va por su Beta 3 por lo que no será definitiva y por tanto mejorarán muchas cosas, aunque no creo que la versión definitiva diste mucho de la que aquí he mostrado.

Ya sabes, que me gusta conocer las opiniones de todo el mundo y estaré encantado de responder cualquier pregunta planteada sobre este tema en los comentarios. O incluso a través de Facebook, twitter, Google+ o en los comentarios del video en el canal oficial de YouTube.

Video demostración

Puntúa este artículo
[Total: 0 Average: 0]
Antonio López
Antonio López Tomás
Director SEO en Elblogdelseo | Últimos Post

Antonio López Tomás es fundador y Director SEO en Elblogdelseo.com y en Seostar.es. Profesor de SEO y Marketing digital en varias universidades (Unizar, UMU, UCAM, UNAE, U. Pompeu Fabra...) y Escuelas de negocios (EAE, IEBS. Marketing and Web, Seoworking, AulaCM...). Speaker en eventos de Marketing Digital y Autor de "Pensamientos Viajeros".

7 comentarios
  1. Luis Méndez Alejo
    Luis Méndez Alejo Dice:

    Hola Antonio,

    Excelente review de lo que la «beta3» ya incluye :)

    No has mencionado nada sobre el paradigma que va a generarse una vez se libere la 1.7 (este mes) y los problemas que las actualizaciones tendrán, del paso al framework Symfony y el motor de plantillas Twig.

    De la incompatibilidad de los temas 1.5 y 1.6x con la versión 1.7 y de como tendremos que pasar de Smarty a Twig, si bien que será algo progresivo (en parte).

    Ciertamente el la RC1 de momento no ha habido mejoras significativas con respecto a tu post.

    Saludos

    Responder
    • Antonio López
      Antonio López Dice:

      Hola Luis.
      Gracias por tu comentario. No quería meterme en temas demasiado técnicos y sólo he comentado gestión, configuración y diseño. Pero es cierto lo que dices. Symfony va a suponer un cambio importante para Prestashop y un gran número de plantillas no funcionarán en la 1.7. si fue duro pasar de la 1.4xx a 1.5 porque se cambiaba casi todo el orden de la bbdd y creaba multitud de problemas, amén de otros factores, este cambio va a suponer un dolor de cabeza también para las actualizaciones, por lo que auguro que se seguirán trabajando plantillas para versiones de la 1.6.xxxx
      Mil gracias

      Responder
  2. Armando
    Armando Dice:

    Buenas noches estoy diseñando mi pagina web con prestashop 1.7 me podrían indicar como cambio los datos de todo el pie de página del tema por defecto no sé por dónde meterme espero que me ayuden gracias…

    Responder
  3. Jaime
    Jaime Dice:

    Buenas Antonio!

    Yo creo que aparte de todo lo que comentas, está el tema de como genera ahora las urls amigables. Desastroso para SEO… Y tampoco tiene pinta de que lo vayan a solucionar. Ya hay muchos post hablando del «ID_PRODUCT_ATTRIBUTE» que han metido en esta nueva versión 1.7, lo que genera un montón de urls duplicadas para un mismo producto/contenido. No solo teníamos el ID del producto, que ahora meten el del atributo… Para llorar. Los programadores de Prestashop están haciendo oídos sordos con el tema, y los módulos que eliminan los identificadores funcionan a medias y dan muchos problemas.

    Tu como buen SEO ¿Que harías? Me parece que los franceses van a caer en picado por algo que en la anteriores versiones no había problema.

    Un saludo!

    Responder
    • Antonio López
      Antonio López Dice:

      Hola Jaime.
      Es cierto lo que comentas de las URL’s. Pero también es cierto que ponen un canónical al producto original. Por ejemplo este producto con atributo: https://prestashop.aonetemplate.com/zone/es/product/2-7-monica-fuentes#/1-talla-s/11-color-negro (el id de producto es 2 y el id de atributo es 7), Google no va a tener en cuenta nada a partir de la «#», pero el problema es que la nueva versión pone un id de atributo antes de la #. Aquí lo soluciona poniendo un rel=canonical al producto original, es decir a «https://prestashop.aonetemplate.com/zone/es/product/2-monica-fuentes».
      No debe haber ningún problema porque el propio Google recomienda que se haga de esta forma si utilizamos urls distintas para un mismo producto (atributos). Pero yo soy partidario de no usar urls distintas, y hacerlo con ajax por ejemplo. No obstante, es algo a mejorar, no es un punto muy negativo en una instalacion nueva.
      El problema lo tenemos en migracines de antiguas versiones a versiones nuevas, porque al cambiar la url si no redireccionamos tenemos un problema de los gordos.
      Gracias por tu aporte Jaime.

      Responder

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

*