Guı́a de Instalació n de Prestashop Martes 13 de mayo de 2014
Integrantes del equipo: José Martínez Diana Delgado
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Contenido Introducción ............................................................................................................................................ 2 Requisitos para instalar Prestashop ................................................................................................... 4 Instalación de Prestashop ........................................................................................................................ 5 Configuración de las Categorías ............................................................................................................. 15 Agregar Productos.................................................................................................................................. 21 Banners .................................................................................................................................................. 26 Conclusión .............................................................................................................................................. 27 Bibliografía ............................................................................................................................................. 29
1
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Introducción PrestaShop, solución e-comercio utilizada por más de 40 000 tiendas, nos permite construir de manera simple y eficaz un sitio de venta en línea. PrestaShop nos propone un back-office muy potente que le permite administrar en tiempo real nuestra tienda (catálogo, historial de pedidos, gastos de envío, clientes, carritos llenos…). 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 las necesidades de usuario. Esta guía del usuario nos ayudara a facilitarnos con el conjunto de las aplicaciones de PrestaShop y a administrar eficazmente nuestra tienda PrestaShop
2
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
3
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Requisitos para instalar Prestashop Antes de instalar, necesitará proporcionar un espacio para su tienda PrestaShop. La tienda debe estar localizada en un servidor de internet o con una compañía de hosting. Podrá optar por instalar su tienda localmente, en una computadora, antes de salir en vivo. Para instalar PrestaShop localmente, en una computadora: •
Sistemas operativos aceptados: Windows, Mac y Linux
•
Paquete preparado: Wamp (para Windows) o Xampp (para Windows y Mac) o
•
Servidor web: Apache 1.3,Apache 2.x, Nginx o Microsoft IIS
•
PHP 5.1+ instalado y habilitado
•
MySQL 5.0+ instalado con una base de datos creada
Para instalar PrestaShop en Internet: •
Un nombre de dominio
•
Servidor web: Apache 1.3,Apache 2.x, Nginx o Microsoft IIS PHP 5.1+ instalado y habilitado
•
MySQL 5.0+ instalado con una base de datos creada Acceso FTP (preguntar por sus credenciales)
4
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Instalación de Prestashop 1ºEntramos a la página http://www.prestashop.com/ para descargar Prestashop y le damos clic izquierdo en descargar (Fig.1)
Figura 1
2ºAhora para instalar la plataforma Prestashop
le damos clic al icono
servidor y le damos clic a Directorio www. (Fig. 2)
Figura 2
5
del
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
3ºLuego copiamos el archivo Zip llamado “prestashop_1.6.0.6.zip” que descargamos de la página de Prestashop y lo copiamos a la carpeta de Directorio www. (Fig.3)
Figura 3 4º Una vez ya copiado a la carpeta “Directorio www” lo descomprimimos en esa misma carpeta seleccionamos el archivo luego damos clic izquierdo y le damos en extraer Aquí. (Fig.4)
Figura 4
6
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
5ºEsperamos que se termine de extraer los archivos. (Fig. 5)
Figura 5 6ºLuego eliminamos el archivo .ZIP y solo deberá quedar una carpeta con el nombre Prestashop (Fig. 6)
Fig. 6
7
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
7ºPara comenzar la instalación de la plataforma para la tienda virtual debemos crear una base de datos para esto le damos clic al icono verde
y luego le damos clic en
phpMyAdmin. (Figura 7).
Fig. 7 Luego
deberá
abrirse
una
ventana
como
esta
(Figura
Figura 8
8
8):
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
8ºPara iniciar la creación de la base de datos para nuestra plataforma le damos clic en base de datos. (Fig.9)
Figura 9 Luego donde dice crear base de datos ponemos el nombre de nuestra de base de Datos y le damos clic en crear en mi caso mi base de datos se llamara Mi tienda. (Nota: Es necesario acordarse el 10).
Fig.10
9
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
9ºLuego damos clic al icono
y le damos clic en local host (Figura 11)
Fig. 11 10º Luego le damos clic en la carpeta Prestashop y esperamos que cargue la página (Figura 12)
Figura 12
10
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
11ºA partir de esta ventana empieza la instalación de la plataforma Prestashop aquí dejamos el idioma igual o lo puedes cambiar pero en mi caso lo dejo en español y le damos en siguiente. (Figura 13)
Fig. 13 12ºEn esta sección solo tenemos que aceptar los contratos de licencias y dar clic en siguiente. (Figura 14)
Figura 14
11
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
13ºEn el siguiente paso llenamos los campos de la información de nuestra tienda y le damos en siguiente. (Figura 15)
Figura 15 14ºEl siguiente paso es configurar la base de datos ponemos el nombre de la base de datos que habíamos creado con anterioridad y le damos en comprobar conexión de la base de datos. (Figura 16)
Figura 16
12
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
15ºCuando se nos notifique que la base de datos ya está conectada a la plataforma le damos en siguiente. (Figura 17)
Figura 17 16ºEsperamos que termine la instalación de la tienda. (Figura 18)
Figura 18
13
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
17ºAqui terminamos con la instalación de la plataforma Prestashop (Figura 19)
Figura 19 18ºPara terminar tenemos que eliminar la carpeta Install para el buen funcionamiento de la tienda ubicada en C:\wamp\www\prestashop y con esto concluimos con la instalación de la tienda virtual. (Figura 20)
Figura 20
14
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Configuración de las Categorías 1ºPara realizar la configuración administrativa de nuestra tienda ya sea creando categorías de productos o para agregar productos tenemos que entrar a la siguiente página http://localhost/prestashop/admin0601/ ingresamos nuestro correo electrónico y la contraseña que creamos con anterioridad y le damos en iniciar sesión. (Figura 1)
Figura 1 2ºUna vez que entramos se nos aparecerá esta ventana que es nuestro Panel de Administración de nuestra tienda. (Figura 2)
Figura 2
15
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
3ºPara agregar una nueva categoría de productos nos dirigimos al panel izquierdo y luego a categorías. (Figura 3).
Figura 3 4ºUna vez allí adentro nos dirigimos en la parte superior derecha le damos clic a agregar nueva categoría. (Figura 4)
Figura 4
16
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
5ºLuego nos aparecerá esta ventana donde llenaremos los campos de la categoría con el nombre de la categoría y en la ubicación donde seria root en la parte de inicio. (Figura 5)
Figura 5 Luego ingresamos una descripción de la categoría
y si queremos una imagen.
(Fig.6).
Figura 6.
17
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
7ºLuego llenamos lo siguiente que son: •
Meta título. El título que aparecerá en los buscadores cuando el cliente lo solicite.
•
Meta descripción. Una presentación de su sitio en unas cuantas líneas para intentar capturar la atención del cliente. Aparecerá en los resultados de la búsqueda.
•
Meta palabras claves. Palabras claves que debe definir para lograr que los buscadores refieran su sitio. Puede ingresar varias de ellas, separadas por comas y expresiones ingresadas entre comillas.
•
URL Por
amigable. ejemplo,
Le
permite en
rescribir
lugar
de
la
dirección
de
sus
categorías.
tener
direcciones
como
http://www.mitienda.prestashop.com/categoria.php?id_category=3 puede
tener:
http://www.mitienda.prestashop.com/123-nombre-de-la-categoria En este caso, sólo necesita indicar en el espacio "URL Amigable" las palabras que desea que aparezcan en vez de "nombre-de-la categoría" separadas por guiones. (Figura 7) •
Figura 7
18
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
8º Aquí vemos la configuración de la URL amigable y los tres grupos que hay por defecto (Figura 8)
Figura 8 9ºY aquí solo le damos guardar (Figura 9)
Figura 9
19
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
10ºAsi se vería
nuestra página cuando y se termine de agregar las categorías
(Figura 10)
Figura 10
20
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Agregar Productos 1ºPara agregar un producto nuevo es necesario irnos a catalogo y luego dar clic en productos. (Figura 1)
Figura 1 2ºLuego nos aparece una ventana como esta y le damos añadir nuevo producto o ya sea en el signo de más en la parte de abajo. (Figura 2)
Figura 2
21
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
3ºAparecera una ventana como esta nos vamos hacia la parte de abajo y llenamos los datos. (Figura 3)
Figura 3 4ºLlenamos los datos del producto (Figura 4).
(Figura 4)
22
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Figura 4 5ºYa que terminamos de llenar la descripción del producto le damos en Guardar y permanecer. (Figura 5)
Figura 5
23
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
5ºLuego vamos y le damos clic en precios. (Figura 6)
Figura 6 6ºLlenamos los precios que nos pide y luego damos clic en Guardar y con esto ya terminamos de agregar nuestro producto. (Figura 7) Figura 7
24
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
7ºAqui vemos como hemos terminado de agregar
10 productos para la tienda.
(Figura 8)
Figura 8 9ºY así se vería en la página principal de nuestra Tienda y con esto concluimos con la parte de configuración de productos. (Figura 9).
(Figura 9)
25
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Banners
26
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Conclusión
27
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
A través de este manual ha podido conocer PrestaShop para crear su sitio Web de ecomercio. También ha podido apreciar a la vez la riqueza de sus aplicaciones y su facilidad de uso. Una comunidad de más de 150 000 personas entra las cuales 60 000 desarrolladores participan activamente en la evolución permanente de la solución y en su evolución. PrestaShop se posiciona así como el actor líder en el ámbito de los software de e-comercio.
28
[GUÍA DE INSTALACIÓN DE PRESTASHOP] 13 de mayo de 2014
Bibliografía http://doc.prestashop.com/pages/viewpage.action?pageId=4915286 http://www.prestashop.com/forums/topic/316466-problema-con-miniaturas-en-prestashop-16/ http://www.prestashop.com/forums/topic/280949-prestashop-16-final-ahora-disponibleactualmente-1606/
29