Taller de iniciación a PrestaShop 1.7 para el OpenSouthCode 2017

1. #PrestaShopMLG

2. @ipaelo
#PrestaShopMLG
PROGRAMA EMBAJADORES DE PRESTASHOP

3. @ipaelo
#PrestaShopMLG
ENCUENTROS PRESTASHOP MÁLAGA

4. ¿QUÉ ES PRESTASHOP?
Es una plataforma gratuita para crear una tienda online.
Es 100% gratis (Open Source - OSL 3.0), sin pagos mensuales ni comisiones de ventas.
Con una comunidad de más de 1.000.000 de usuarios en el mundo.
http://weare1million.prestashop.com
#WeAre1Million
@ipaelo
#PrestaShopMLG

5. Un poco de historia
PrestaShop v0.9
Fue el inicio de todo. Empezó a crecer como software de ecommerce,
basada en el Open Source y una comunidad entusiasta se fue uniendo
al proyecto.
PrestaShop v1.0
PrestaShop v1.1
PrestaShop v1.2
PrestaShop v1.3
PrestaShop v1.4 -> Entró en mi vida
Con la v1.4 empezó a despegar a nivel mundial, llegando a ser tan buena
que incluso recibió actualizaciones después de salir la 1.5. Apareció el
famoso directorio Override y en la 1.4.4 el módulo 1-click-upgrade.
PrestaShop v1.5
Se produjo una gran actualización cambiando la base datos,
reprogramando gran parte del código e hizo la aparición la multitienda.
@ipaelo
#PrestaShopMLG

6. Novedades de la versión 1.6.0
Básicamente se trabajó en 3 apartados:
1. Un nuevo tema para el Front Office que fuera responsive.
2. Hacer que el Back Office también lo fuera.
3. Crear un nuevo panel desde el cual controlar nuestra tienda.
Se mejoró de forma notable la estética de la plataforma, se rediseñó la ficha de
producto y la forma de interactuar del cliente para proporcionarle información y
facilitar la compra.
Incorporando Font Awesome, Data Driven Documents (http://d3js.org/), Sass
Compass y Bootstrap.
@ipaelo
#PrestaShopMLG

7. Novedades de la versión 1.6.1.0
Aquí es donde se produce el gran cambio. Se reprograman más de 6.600 líneas de
código por la empresa Softizy especializada en optimizar aplicaciones realizadas
en PHP/MySQL. Es el primer cambio hacia una nueva arquitectura -> 1.7.0.0
Mejora de un 10% con Memcached ON 65% más rápido Memcached ON
Esto es en el Front Office
@ipaelo
#PrestaShopMLG

8. Novedades de la versión 1.6.1.0
Veamos ahora las mejoras en el BO.
Importando 17.550 productos:
Llorad de alegría -> 5 veces más rápido.
Reindexando la búsqueda:
Prácticamente el doble de rápido
consumiendo la mitad de memoria
Tanto en la edición de productos como aplicando reglas del carrito han
conseguido que sea 1.7 veces más rápido que con la 1.6.0.14
@ipaelo
#PrestaShopMLG

9. ¿Por qué PrestaShop 1.7?
En 2018 se dejará de actualizar la 1.6.X.
Los cambios tanto en el Backoffice como en el Frontoffice hacen que sea la versión
más estable y rápida de las que han presentado. Se ha separado totalmente la
labor del diseñador, del programador y del gestor de la tienda.
Han “cambiado” el lenguaje de programación en el que se basa el núcleo del
sistema. Siguen usando PHP pero un framework en concreto, Symphony. Esto
obliga a cambiar el sistema de caché y tener que reprogramar módulos.
Todo lo anterior dejará de ser compatible si no se adapta, por eso nos decidimos a
impartir el taller para la 1.7. Si tienes una tienda en la 1.6, no valdrán ni el tema ni la
mayoría de los módulos.
Los cambios que han realizado en el BO facilitan la gestión de la tienda en
todos los aspectos como vamos a ver a continuación.
@ipaelo
#PrestaShopMLG

10. @ipaelo
#PrestaShopMLG

11. 1. Instalación local en nuestro ordenador.
2. Contratar un hospedaje donde alojar nuestra tienda y hacer una instalación manual
mediante FTP, creando la base de datos y lanzando el instalador.
3. Contratar un hospedaje donde nos ofrezcan la posibilidad de instalar PrestaShop
desde el panel de control del servicio que hayamos contratado.
4. Contratar a un especialista/agencia que, por un precio, instale, cree y configure la
tienda con la que soñamos.
5. Venir a un taller donde aprenderás cómo configurar tu tienda y después poder
recrearla donde quieras.
@ipaelo
#PrestaShopMLG
POSIBILIDADES PARA INSTALAR PRESTASHOP

12. @ipaelo
#PrestaShopMLG
VAMOS AL LÍO
POSIBILIDADES PARA INSTALAR PRESTASHOP

13. 1. Introducir los datos de nuestra tienda en: Parámetros de la tienda -> Contacto
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

14. 2. Rellenar Aviso legal, política de cookies y condiciones de uso: Diseño-> Páginas
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

15. 3. Dar de alta empleados: Parámetros Avanzados-> Equipo
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

16. 4. Internacional
1. Mejoras -> Internacional -> Localización
Definimos desde donde vendemos, los idiomas, monedas y si vamos a usar la
Geolocalización.
2. Mejoras ->Ubicaciones geográficas
Definimos Países, Zonas y Provincias. Importante para el transporte.
3. Mejoras->Impuestos
Definimos Impuestos a aplicar y reglas de impuestos (a qué país se aplica).
4. Mejoras -> Traducciones
En este apartado podemos traducir o modificar todo lo que necesitemos,
incluso los emails.
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

17. 5. Transporte
Mejoras->Transporte
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

18. 5. Transporte: Transportistas
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

19. 6. Categorización
Coge papel y lápiz para hacer un boceto con la estructuración de categorías y arquitectura de
la web que deseas
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP
Revisa 2 post del Blog de PrestaShop:
➨ https://www.prestashop.com/blog/es/como-estructurar-tu-tienda-online-con-las-palabras-cla
ve-para-seo-parte-22/
➨ https://www.prestashop.com/blog/es/diseno-web-de-una-tienda-online-la-estructura-de-tu-h
ome-page/

20. 6. Categorías: Catálogo -> Categorías
1. Mostrar cómo se ven las categorías y explicar cómo se organizan.
2. Crear una cat
a. Nombre, Descripción, Metas, URL y grupos que pueden verla.
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

21. 7. ¿Qué es un producto?
Aquello que queramos vender en nuestra tienda. Ya sea un solo artículo, un paquete de varios o un
archivo para descargar.
¿Qué compone un producto?
dependerá de cada producto.
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP
Aunque parezca algo obvio, no lo es tanto.
La forma, los colores, tamaños, peso, son
diferentes características o atributos que
intervienen en la manera que tengamos de
darlo de alto en nuestro sistema. Tendremos
que diferenciar qué es un atributo y una
característica antes de hacer nada.

22. En Catálogo -> Atributos y Valores podemos definirlos.
Un ejemplo clásico:
Con los Atributos generamos combinaciones para facilitarle a los clientes la
compra.
Por ejemplo, Camiseta Amarilla, L, Sin mangas y cuello redondo.
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP
Atributos
● Color
● Talla
● Mangas
● Tipo de cuello
Características
● Peso
● Tipo de tela

23. 7. Continuación Productos
Crear un producto
a. Definir tipo de producto
b. Ajustes básicos
c. Cantidades
d. Transporte
e. Precios
f. Optimización de motores de búsqueda (SEO)
g. Opciones
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

24. 7. ¿Qué es un módulo?
Son pequeñas extensiones que amplían la funcionalidad de PrestaShop. Pueden ser
de diferentes tipos.
● Personalización del contenido mostrado
● Realización de tareas
● Conexión con otras herramientas (API)
Los primeros son utilizados para configurar el tema, mostrar atributos de otra
manera. Los segundos permiten, por ejemplo, actualizar en bloque, exportar o importar
productos, etc… y los terceros son aquellos que permiten integrar un TPV o un
transportista.
Hay módulos gratuitos y de pago.
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

25. 7. Continuación módulos. Mejoras -> Módulos
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

26. 7. Continuación módulos. Módulos de Pago (Mejoras -> Pago)
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

27. 7. Continuación módulos. Módulos de Pago (Mejoras -> Pago)
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

28. 8. Pedidos, Facturas y Descuentos
En Configuración - >Parámetros de la tienda -> Configuración de pedidos, podemos
modificar las opciones de pedidos y crear o modificar estados de los mismos. Algunos
métodos de pago crean o te hacen crear los suyos propios.
En Ventas -> Pedidos -> Facturas podremos activar las facturas, ver las que hemos
emitido en nuestra tienda y configurarlas.
En Ventas -> Catálogo -> Descuentos se crean los diferentes tipos de descuentos.
● Reglas de Carrito
● Reglas de Catálogo
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

29. 9. Diseño: Temas. Diseño -> Themes & Logo
En este apartado podemos configurar el tema que tengamos instalado, instalar uno
nuevo, añadir el logotipo de la empresa, etc.. En Elegir Diseño podemos modificar como
se ve nuestro tema instalado.
En módulos -> Installed modules y módulos del tema se configuran las diferentes
posibilidades que nos ofrece el tema actual. Cada tema puede tener sus propios módulos.
● Banners
● Redes Sociales
● Carrusel de imágenes
● Botones de compartir en Social Media
● Carrito Ajax
● Etc...
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

30. 10. Enlaces de Interés
Documentación Oficial:
http://doc.prestashop.com/display/PS17/Empezando+con+PrestaShop+1.7
Meetup PrestaShop Málaga
https://www.meetup.com/es-ES/PrestaShop-Malaga-Ecommerce-Meetup/
@ipaelo
#PrestaShopMLG
PRIMEROS PASOS EN PRESTASHOP

31. MUCHAS GRACIAS
Ismael Torres Dominguez
(ipaelo.com)
@ipaelo
#PrestaShopMLG