En este manual se explicará detalladamente los pasos para la instalación y

configuración de la aplicación web Prestashop en Windows Server 2008,

implementando un servidor tipo XAMPP para su completo funcionamiento y
administración. La página de dicha aplicación utiliza un dominio único y que
la diferencia (www.prestashop.lab) tanto para el acceso de usuarios como
administrativo (www.prestashop.lab/administrador).

El objetivo principal de la instalación de aplicaciones CMS (Sistema de

Gestión de Contenidos) es crear soluciones WEB que permitan resolver
problemas puntuales en una empresa.
PrestaShop es un sitio web dinámico que permite la creación de tiendas para de
comercio electrónico. Se encuentra disponible gratuitamente y está publicado bajo la
licencia de Open Software3.0, integra un módulo de instalación automática, una
interface de administración y una portada atractiva y minimalista, el software se
distingue de otros por la simplicidad de uso y la flexibilidad de su arquitectura que
contiene variedad de aplicaciones.

Es una nueva herramienta para generar y administrar tiendas on-line de manera

sencilla, como Zend Cart, Magento, Entre otros.

Desde el punto de vista de lo que el cliente ve, las siguientes son sus principales
características:

 Ofertas especiales (descuentos de precios y cupones de descuento)

 Destacado de productos
 Ranking de vendedores
 Listado de Nuevos productos
 Ofertas de “Envío Gratuito”
 Zoom de las imágenes de los productos
 Permitir/Denegar pedidos con productos sin stock
 Suscripción/Borrado de cliente a boletines de noticias
 Métodos ilimitados de pagos
 Pago por transferencia
 Pago contrarembolso
 Preconfigurado para ventas con PayPal
 Formulario de Contacto para múltiples direcciones
 Etiquetado de productos y nube de etiquetas
 Búsqueda
 Proceso de Pago
 Ofrecer posibilidad de pedir para regalo y posibilidad de ofertar paquetes reciclados
 Factura en PDF para el cliente
 Posibilidad de personalizar el Favicon
 RSS feed
Es compatible con plataformas GNU/Linux, Windows y Mac OSX.

XAMPP:

Es un servidor independiente de plataforma, software libre, que consiste

principalmente en la base de datos MySQL, el servidor Web Apache y los
intérpretes para lenguajes de script: PHP y Perl. El nombre proviene de X (para
cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl. El
programa está liberado bajo la licencia GNU y actúa como un servidor Web libre,
fácil de usar y capaz de interpretar páginas dinámicas. Actualmente XAMPP esta
disponible para Microsoft Windows, GNU/Linux, Solaris, y Mac OSX.
 Paso número 1

Para la instalación y configuración de la Aplicación Web Prestashop en

Windows Server 2008 debemos en primer lugar descargar e instalar el
Servidor XAMPP. Descargamos el ejecutable de la página principal de dicho
servicio (http://xampp.uptodown.com).

Ya descargado y ejecutado dicho servicio procedemos a instalarlo guardando

su directorio principal en el disco local C:\ , el cual ya viene seleccionado por
defecto. Damos clic en Install, este procedimiento lo podemos observar en las
siguientes tres páginas.
 Paso número 2

Durante el proceso de instalación, se abrirá una ventana de ejecución para

XAMPP (versión 1.7.3) en el Símbolo del Sistema en la cual determinaremos
los siguientes parámetros:

 Damos si (y) para agregar un acceso directo en el escritorio y para

proceder con la configuración.

 Como siguiente paso damos si (y) para agregar los servicios listados en
dicha ventana, tales como MySQL, PHP, Apache, Perl, entre otros. (Esto nos
mostrará un mensaje indicándonos que XAMPP ésta listo para ser utilizado).

 Ahora damos ENTER para confirmar que hemos elegido utilizar la zona
horaria en "php.ini" y "my.ini de" Europa / París.

Cada uno de estos parámetros se muestran en las siguientes cuatro

imágenes.
 Paso número 3

 A continuación aparece un listado de las opciones que podemos

habilitar, en este caso encenderemos el Panel de Control de XAMPP
agregando el número 1 (caracterización de acuerdo a la lista).
Inmediatamente se abrirá la ventana de administración para XAMPP que
verificará la correcta aplicación de dicha configuración.

 Como siguiente paso en el Símbolo del sistema nuevamente se

mostrará el listado de opciones a seleccionar. Damos “x” para salir y
terminar la instalación.
 Paso número 4

Una vez completada la instalación, procedemos a dirigirnos a un

Navegador de Internet donde verificaremos que XAMPP haya quedado
correctamente instalado. Ingresamos en la barra de direcciones la URL
http://localhost/xampp donde veremos la página principal del sitio
XAMPP.

Allí seleccionamos el idioma (Español) con el cual se mostrará el entorno

principal de la página para su administración y configuración.

Por medio de esta interfaz podremos ingresar a PhpMyAdmin para

administrar nuestra base de datos correspondiente a dicha aplicación a
instalar.
 Paso número 5

Ya verificada la funcionalidad del servidor XAMPP podremos iniciar con la

instalación de la Aplicación Web Prestashop.

Como primer paso ingresamos al Panel de Control del servidor XAMPP e

iniciamos los servicios de Apache y MySQL (Running) dándole clic en el
botón Start. Luego nos dirigimos a la pestaña Shell para ingresar a la consola
de configuración de XAMPP donde crearemos la base de datos respectiva
para Prestashop.
 Paso número 6

Ya en la terminal ingresaremos a la base de datos por medio del servicio de MySQL

utilizando el siguiente comando:

mysql –u (usuario) root –p (passwd)

Inmediatamente nos pedirá autentificación por medio del usuario root (Súper usuario) para
el ingreso al sistema de gestión de bases de datos (MySQL). Asignamos la contraseña
para el acceso válido y procedemos a crear la base de datos agregando la siguiente línea
de comando:

 create database wordpress;

Dicho sistema nos mostrará un mensaje confirmando que la base de datos fue
correctamente creada. Ahora crearemos el usuario con su respectiva contraseña para
dicha base de datos y le daremos permisos sobre ésta:

grant all on prestashop.* to prestashopuser identified by „administracion‟;

 Paso número 7

Procedemos a verificar que nuestra base de datos prestashop haya quedado

correctamente creada visualizando la lista de las bases de datos de MySQL:

show databases;

Como podemos ver en la imagen, efectivamente fue creada.

Nos dirigimos al Navegador de Internet e ingresamos a la Página Oficial de para

descargar el paquete de instalación para dicha Aplicación Web a
http://www.prestashop/en/downloads y hacemos doble clic en «Download
Prestashop 1.3.2» (esta versión viene en idioma español) para descargar el archivo;
esta carpeta la guardaremos en la ruta Disco local (C:) – xampp – htdocs
(directorio en el cual se alojan todas las paginas web). Este procedimiento lo
podemos observar en la siguientes dos páginas.
 Paso número 8

Ya descargado el paquete, nos dirigimos al Disco local (C:), damos clic en la

carpeta xampp y luego en htdocs en el cual alojaremos el directorio de la
Aplicación Web Prestashop.

Como siguiente paso extraemos la carpeta contenida en dicho paquete. Ya

efectuado esto, eliminamos el archivo .ZIP y accedemos al directorio para examinar
todos los archivos dentro de ella, tales como la carpeta admin, config, docs, entre
otros.
 Paso número 9
Terminado el anterior paso, nos dirigimos al explorador para empezar la instalación de
Prestashop y en la barra de direcciones escribimos la URL http://localhost/prestashop
donde “localhost” es el nombre del servidor web y “prestashop” es el nombre de la
carpeta de la aplicación que se encuentra en el directorio /var/www.

Inmediatamente nos aparece un asistente de instalación, en este seleccionamos el idioma

(español) con el cual se mostrará la aplicación en el entorno administrativo y de los usuarios
y pulsamos el botón “Siguiente” ubicado en la parte inferior de la pantalla.

En el próximo asistente el servidor hará una comprobación previa con respecto a todos los
paquetes instalados en los pasos anteriores y que son necesarios para el funcionamiento de
la aplicación, también verifica que la base de datos y el usuario principal estén creados en el
servidor. Debemos asegurarnos de que no hayan elementos destacados en rojo, ya que esto
quiere decir que los requisitos necesarios no están completos (compatibilidad del
sistema), si todo está bien, pulsamos en “Siguiente” para continuar.

Este procedimiento lo podemos visualizar en los siguientes tres imágenes.

 Paso número 10
Aquí escribiremos la configuración de la base de datos previamente creados en los
pasos anteriores, digitamos los datos requeridos:

 Nombre de servidor
 Nombre de la base de datos
 Nombre del usuario
 Contraseña del usuario

Terminado esto le damos en el link de “comprobar ahora”, para verificar que todo este
correctamente en cada uno de los servicios, seleccionamos en instalar los principales
módulos, es decir, son contenidos de ejemplo y al terminar la instalación nos mostrara
títulos y textos para guiarnos y crear nuestro propio contenido. Para el ingreso a
nuestra pagina on-line necesitamos establecer una cuenta de correo electrónico, esta
puede ser del administrador o de la tienda.

Terminado este procedimiento damos “siguiente”, esto lo podemos visualizar en las

siguientes dos imágenes.
 Paso número 11

Ahora vamos a establecer la configuración principal de nuestra tienda;

escribimos el nombre que tendrá la tienda, el país y el logo con el cual se
identificara y se mostrara en la pagina como tal, podemos subirla dando clic
en “examinar” y nos dirigimos a la ubicación en donde se encuentra la
imagen, determinar un nombre y un apellido, la direccion de correo electrónico
de la tienda on-line y la contraseña con la cual accederá el administrador de la
pagina a hacer las respectivas configuraciones y damos siguiente. Este
procedimiento lo podemos visualizar en las siguientes dos paginas.
 Paso número 12

En este paso el asistente nos muestra que el proceso de instalación ha terminado,

también nos muestra la configuración de forma breve y nos aparecerán los enlaces
para nuestra tienda, tanto para lo que ve el cliente (front office), como para lo que
veremos nosotros cuando administramos la tienda (back office), en este caso
damos clic directamente en front office o para administrar la tienda.

Inmediatamente nos hace una petición muy importante para el funcionamiento de

nuestra aplicación; debemos eliminar la carpeta “install” y renombrar el nombre del
usuario administrador (carpeta admin) por cuestiones de seguridad, las carpetas que
debemos eliminar y renombrar se encuentran en inicio – equipo – C:\ - xampp –
htdocs – prestashop, este procedimiento lo podemos observar en las siguientes
cinco paginas.
 Paso número 13

Terminado el paso anterior nos dirigimos nuevamente al explorador e intentamos

nuevamente acceder como administrador, si todo quedo correctamente
configurado efectivamente ingresamos al entorno de la aplicación web en el cual
digitaremos la cuenta de correo electrónico y la contraseña previamente
preestablecidas y damos clic en conexión, al momento nos lleva al entorno de
administración de la tienda en el cual tenemos muchas opciones para establecer
a nuestro gusto.

Si nos dirigimos a la parte superior del panel podemos desplegar “acceso

rápido” eligiendo inicio tienda, esta opción nos lleva directamente a la pagina
que visualizan nuestros clientes cuando ingresan, podemos observar productos,
hacer compras, entre otros. Este procedimiento lo podemos observar en las
siguientes tres imágenes.
 Paso número 14

Estando en la pagina de nuestra tienda on-line, podemos realizar compras de los

diferentes productos que se encuentran en exhibición. Para comprar algún
producto y hacer pedidos debemos dar clic en “añadir al carrito” que es el
correspondiente a cada articulo y “confirmar”.

Esta aplicación web pide como requisito principal a la hora de comprar un producto
registrarse, en caso de que ya le tengamos simplemente accedemos nuestro
correo electrónico y contraseña donde dice ¿ya esta registrado?, de no ser así
debemos empezar a crear una cuenta, primero que todo escribimos nuestro
correo electrónico e inmediatamente nos piden otros datos personales que
debemos llenar correctamente, hecho lo anterior damos clic en el link ubicado en
la parte inferior “registrarse”; este procedimiento lo podemos observar en las
siguientes tres imágenes.
 Paso número 15

Nos muestran nuestros datos registrados brevemente y damos siguiente,

después debemos aceptar que hemos leído las condiciones de venta y que
las aceptamos sin reserva y si deseamos que el pedido se envuelva en un
papel de regalo seleccionamos la opción y damos siguiente.

Luego debemos elegir el modo de pago dependiendo de los diferentes

módulos que estén en función y damos por finalizada la compra. El
administrador determinara el momento en el cual el pedido será entregado al
cliente, lo anterior lo podemos observar en las siguientes tres paginas.
 Paso número 16

Con nuestra cuenta creada podemos ingresar a un entorno de cuenta, en el

cual podemos continuar haciendo pedidos, consultas , modificar nuestros
datos personales, tener créditos, descuentos, entre otros. Este procedimiento
lo podemos observar en las siguientes dos paginas
 Paso número 17

Accediendo como administrador, podemos visualizar las cuentas de usuario

en la pestaña de la parte superior del panel y también podemos ver todos los
datos relacionados con un determinado usuario; en este panel de
administración tenemos múltiple utilidades, opciones y herramientas para
configurar la pagina web como deseemos aplicando parámetros específicos,
este procedimiento lo podemos observar en las siguientes dos paginas.
 Paso número 18

Procedemos a verificar la integración y registro de los usuarios creados en la

aplicación Web que a su vez deben estar asignados en la base de datos
(Prestashop).

Para el ingreso al entorno grafico de MySQL (phpmyadmin) podemos

acceder a través de la URL (http://localhost/phpmyadmin) implementando
un navegador, editamos el usuario «root» y la contraseña para ingresar.

Debemos tener en cuenta que la base de datos, en este caso MySQL, nos
permite administrar la aplicación, almacenando los usuarios, contraseñas,
información y contenidos específicos del sitio web, este procedimiento lo
podemos observar en las siguientes dos imágenes.