Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

¿Cómo instalar PrestaShop 1.7 en un servidor local con XAMPP?

En algunas ocasiones, es posible que te hayas visto con la necesidad de instalar PrestaShop en local.

Existen muchos motivos para hacerlo, como por ejemplo, verificar que tu tienda funcione perfectamente antes de ir a producción, realizar un rediseño o cambio importante en ella, etc.

Además, con una instalación en local, evitaremos invertir tiempo y dinero en servidores de pruebas o desarrollo. Dicho esto, te invitamos a que sigas leyendo para que aprendas paso a paso a cómo instalar PrestaShop en local.

¿Cómo instalar PrestaShop en un servidor local paso a paso?

Te vamos a explicar de forma detallada cómo instalar PrestaShop 1.7 en local y para eso debemos realizar determinados pasos e instalar ciertas herramientas necesarias para que una tienda virtual funcione en nuestro ordenador.

Además, con este proceso, también entenderemos un poco mejor cómo funciona nuestra tienda en un servidor en la nube. Por otro lado, si quieres saber más sobre esta versión del CMS, te podría interesar nuestro artículo sobre las novedades de PrestaShop versión 1.7.

Los pasos necesarios para instalar PrestaShop en local serían los siguientes:

1. Descargar la última versión de PrestaShop

Lo primero que debes hacer es, por supuesto, descargar la última versión estable de PrestaShop 1.7 para instalar en local. Como verás, la palabra clave es «estable», con esto nos aseguramos de que no se presenten fallos propios de versiones beta o de pruebas.

descargar prestashop

Imagen 1.1

Para descargar la última versión e instalar PrestaShop en local, visita su sitio oficial dando clic aquí.

Posteriormente, deberás aceptar las políticas generales y de protección de datos. También puedes agregar tu correo electrónico para suscribirte al boletín de noticias y así estar enterado de las novedades (este paso es opcional pero recomendado).

2. Descargar el software XAMPP

PrestaShop, como todos los softwares, están escritos en lenguajes de programación. En este caso PHP, uno de los lenguajes más populares, además de utilizar la popular base de datos MySQL.

Esto puede sonarte un poco técnico si no estás en el área de la tecnología, pero es necesario que comprendas cómo funciona para poder adaptar tu ordenador o entorno local.

¿Qué es XAMPP?

XAMPP es un software que contiene diferentes softwares que habilitarán tu ordenador para soportar estas dos tecnologías. Además, esta herramienta incluye un software llamado Apache, que será el que interprete el lenguaje PHP de PrestaShop y lo procese.

Puedes descargar XAMPP en su sitio oficial.

instalar xampp

Imagen 2.1

Te recomiendo que descargues la última versión, ya que te ofrecerá más tiempo de soporte que si descargas una anterior.

De todos modos, si lo que quieres es simular el entorno de tu tienda en el servidor, te recomiendo que primero consultes con tu proveedor de hosting qué versión de PHP te ofrece y descargues una versión de XAMPP que soporte esa misma versión de PHP, Apache y MySQL.

Si utilizas otros sistemas operativos como Mac o Linux, también hay versiones disponibles para descargar.

3. Instalar XAMPP

Después de descargarlo, procederemos a instalarlo.

Si salta una ventana en tu ordenador solicitando permisos de instalación de un usuario administrador, debes aceptarlo si tienes los permisos, de lo contrario deberás solicitar la contraseña al administrador del equipo para que te permita continuar la instalación.

instalar xampp para prestashop en local

Imagen 2.2

En cada uno de los cuadros de instalación debes dar clic en el botón de continuar o next luego de realizar la configuración necesaria en cada paso.

Como se muestra en la imagen 2.3, asegúrate de dejar marcadas las casillas correspondientes a Apache, MySQL y PHP.

configuracion xampp

Imagen 2.3

Asignar carpeta del servidor web

En el siguiente paso (Imagen 2.4) puedes asignar una carpeta donde se localizará tu “servidor web”, es decir, donde estarán todos los archivos que se ejecutarán cuando inicies tu servidor para poder visualizar tu tienda virtual en el navegador web.

De forma predeterminada, el cuadro de instalación te sugerirá realizar la instalación en la ruta C:\xampp, lo cual es lo habitual, sin embargo por cuestión de permisos o espacio puedes asignar otra ruta.

instalar prestashop en local xampp

Imagen 2.4

Luego selecciona el idioma que desees, como se muestra en la imagen 2.5 y continúa al siguiente paso

idioma xampp instalar prestashop en local

Imagen 2.5

Por último, antes de realizar la instalación con la configuración, nos pregunta si deseamos conocer más sobre el software de instalación (Imagen 2.6) y nos solicita confirmación antes de instalar (Imagen 2.7).

instalacion xampp

Imagen 2.6

instalacion xampp 2

Imagen 2.7

Inicia la instalación y debemos esperar hasta que finalice, en este paso (imagen 2.8) se puede ver el detalle del proceso de instalación si eres de los que te gusta saber qué ocurre en cada momento.

welcome to xampp

Imagen 2.8

Ojo con el Firewall

Debes estar atento porque eventualmente el sistema operativo nos abre una ventana de confirmación donde nos preguntará el nivel de seguridad que le vamos a brindar a este software.

Te recomiendo estar atento porque a veces suele quedar en segundo plano y no nos damos cuenta del cuadro si estamos haciendo otras actividades y la instalación no continuará hasta que se configure (imagen 2.9)

firewall xampp

Imagen 2.9

Por último, el XAMPP ha quedado debidamente instalado y ya podemos ejecutarlo para que los archivos del PrestaShop puedan ser leídos y procesados, así que asegúrate de tener marcada la casilla antes de finalizar, tal como se ve en la imagen 2.10.

ejecutar xampp con prestashop

Imagen 2.10

4. Descomprimir PrestaShop

Ya está el servidor web instalado y «corriendo», por lo tanto, es el turno de empezar a configurar el entorno donde se instalará el PrestaShop. Debes copiar el archivo comprimido que descargaste de PrestaShop y pegarlo en la carpeta «raíz» del Apache.

La ruta de esta carpeta raíz suele estar en «C:\xampp\htdocs» a menos que hayas cambiado la ruta de instalación del xampp (imagen 2.4).

A continuación descomprime el archivo en esa ruta, ten en cuenta que si das clic en «Extraer aquí», estarás descomprimiendo el archivo en la raíz. Te recomiendo dar clic en la opción «Extraer en prestashop_1.7.x.x» según la versión que hayas descargado. Tal como se muestra en la imagen 3.1.

descomprimir prestashop

Imagen 3.1

Dirígete dentro de la carpeta prestashop_1.7.x.x y encontrarás otro archivo comprimido llamado prestashop.zip, nuevamente da clic derecho – «Extraer en prestashop».

Una vez se haya finalizado la extracción puedes cambiar el nombre de la carpeta y nombrarla como tu tienda, en mi caso pondré «programador_prestashop», como se ve en la imagen 3.2

descomprimir prestashop en local

Imagen 3.2

Esta carpeta debes cortarla y pegarla un nivel más arriba, es decir que su ruta definitiva sea: C:\xampp\htdocs\programador_prestashop. En este punto ya puedes eliminar la carpeta prestashop_1.7.x.x y también el archivo comprimido que copiaste.

descomprimir e instalar prestashop en local

Imagen 3.3

5. Arrancar XAMPP

Cuando terminamos de instalar el XAMPP, el programa arrancará y se abrirá una ventana donde podrás controlar el estado de los servicios de la base de datos MySQL (donde se almacenan los datos) y el Apache que es el intérprete de PHP el cual es el lenguaje de programación en el cual está escrito PrestaShop.

Esta ventana la puedes abrir en cualquier momento ejecutando el programa llamado «XAMPP Control Panel» en Windows.

En este punto debes iniciar los servicios dando clic en el botón «Start» que está en la línea de Apache y MySQL respectivamente. Al iniciarlos, se habilitarán los puertos donde corren estos servicios (80, 443 y 3306). Tal como se muestra en la imagen 4.1.

base de datos xampp

Imagen 4.1

En este punto quizás el sistema operativo te vuelva a solicitar permisos de red similar a la imagen 2.9 pero esta vez para la base de datos, en tal caso asigna los mismos permisos. También te puede solicitar otros permisos del servicio Net de Windows.

6. Crear una base de datos

A continuación crearemos una base de datos donde se guardará la información de nuestra tienda, es importante realizar este paso antes de intentar instalar el PrestaShop.

Para hacerlo damos clic en el botón «Admin» que está en la línea de MySQL (dentro de XAMPP). Posteriormente, se abrirá una ventana en nuestro navegador web predeterminado con una aplicación llamada PHPMyAdmin, muy útil para administrar nuestras bases de datos MySQL.

Si en algún momento necesitas ingresar a este administrador de base de datos puedes hacerlo directamente en el navegador web insertando la siguiente URL: http://localhost/phpmyadmin.

base de datos php admin

Imagen 4.2

Para crear una base de datos debes dar clic en el enlace «Nueva» el cual es el primer elemento del menú de la izquierda.

Posteriormente, se habilitará un formulario en la pestaña de «Base de datos» y debes agregar el nombre de la nueva base de datos sin espacios ni caracteres especiales como tildes, «ñ» ni ningún otro símbolo de puntuación.

Ponle un nombre a tu base de datos

En mi caso he creado la base datos llamada programador_prestashop, igual que la carpeta donde está el PrestaShop, sin embargo esto es indiferente.

creacio base de datos instalar prestashop en local

Imagen 4.3

Una vez creada, la base de datos se podrá visualizar en el listado de la izquierda donde se encuentran todas las demás. En este momento, no hemos creado ninguna tabla ni lo haremos en el futuro, dado que en la instalación de PrestaShop, éste se encargará de crearlas automáticamente.

phpmyadmin creacion base de datos

Imagen 4.4

Ya hemos preparado todo el entorno necesario para instalar PrestaShop, en los próximos pasos empezaremos a realizar la instalación.

7. Configuración PHP

Volvemos al control panel de XAMPP y damos clic en el botón «Config» y luego en la opción «PHP (php.ini)», esto abrirá un bloc de notas con la configuración de PHP que debemos cambiar.

Busca en el archivo la palabra «intl» y asegúrate de quitarle el símbolo de punto y coma «;» que está al inicio de la línea como se ve en la imagen 4.5

bloc de notas base de datos

Imagen 4.5

También busca la expresión «realpath_cache_size» y cambia su valor a «5M» y borra el punto y coma «;» que está al inicio de la línea, tal como se ve en la imagen 4.6.

bloc de notas 2 base de datos

Imagen 4.6

Recuerda guardar los cambios, luego de esto regresa al XAMPP Control Panel y da clic en el botón «Stop» de la línea del Apache y posteriormente clic nuevamente en «Start»

Nota: si en este proceso modificaste o agregaste algo de forma errónea en este archivo, al dar clic en el botón de «Start» te generará un error y no podrás iniciar el servicio, asegúrate de que todo haya quedado correctamente.

8. Instalar el CMS PrestaShop

Como ya se ha agregado la carpeta PrestaShop en la raíz del apache, recuerda que en mi caso se llama «programador_prestashop» ubicada en «C:\xampp\htdocs\», entonces podré acceder directamente a ella a través del navegador.

En los primeros pasos mencioné que el Apache es el intérprete de PrestaShop, lo cual lo convierte en el Servidor Web, por otro lado también mencioné la ruta C:\xampp\htdocs es la raíz del Apache.

Por lo tanto cuando acceda al navegador web, se ejecutará el servidor web y todo lo que haya dentro de la carpeta raíz.

En los últimos pasos, abrimos el navegador web para ejecutar el software que nos permite administrar bases de datos y en su URL tiene la palabra «localhost», pues bien, el localhost es la ruta web para acceder a nuestro servidor web local que funciona gracias a Apache.

¿Qué significa localhost?

Localhost significa «host» (anfitrión) y «local» (ordenador actual), por lo tanto siempre que queramos acceder a la tienda prestashop local, debemos poner esta palabra en el navegador seguido del nombre de la carpeta donde queremos instalar PrestaShop.

En mi caso abriré la ruta «http://localhost/programador_prestashop» que es la ruta de mi tienda y aparecerá el paso a paso de la instalación como se observa en la imagen 5.1.

instalar cms prestashop en local

Imagen 5.1

Como se puede observar, he seleccionado el idioma Español que es el idioma predeterminado que tendrá mi tienda, si tu tienda está orientada a otro idioma cámbialo en este momento, sin embargo ten en cuenta que puedes cambiarlo más adelante cuando ya esté instalada la tienda.

Aceptar los términos de la licencia de PrestaShop

En el siguiente paso acepta los términos de licencia de uso de PrestaShop.

instalar cms prestashop en servidor local

Imagen 5.2

En este paso, el instalador de PrestaShop realizará una evaluación del sistema para ver que se cumplan con ciertos requisitos para que éste funcione correctamente.

prestashop instalacion

Imagen 5.3

Esta sería la pantalla (Imagen 5.3) que se mostraría de no tener configurado correctamente el archivo php.ini.

¡Importante para usuarios de Mac o Linux!

Nota: Si eres usuario Mac o Linux, tal vez debas realizar una configuración de permisos para que tu sistema le permita al Apache realizar cambios en la carpeta del PrestaShop.

Teniendo correctamente configurado el PHP podemos observar la pantalla que se muestra en la imagen 5.4 y continuar.

prestashop instalacion en local

Imagen 5.4

Nota: puedes pasar por alto las advertencias que se muestran en la imagen 5.4.

A continuación aparecerá un formulario para que ingreses los datos básicos de la tienda como su nombre y datos de acceso.

instalar prestashop en un ordenador en local

Imagen 5.5

instalar prestashop en un ordenador en local 2

Imagen 5.6

Como es una tienda local y solo tú tendrás acceso a ella, puedes agregar una contraseña sencilla para que la recuerdes fácilmente. Sin embargo te recomiendo que no te acostumbres a usar contraseñas fáciles en ambientes de producción.

En el siguiente paso, el instalador nos preguntará sobre los datos de conexión a la base de datos. Recuerda que en este ejemplo he creado una base de datos llamada «programador_prestashop», asegúrate de poner el mismo nombre de la base de datos que creaste desde el PHPMyAdmin.

instalar cms prestashop en local 3

Imagen 5.7

En los datos de conexión agrega «127.0.0.1», aunque este dato ya viene predefinido en el formulario; también puedes cambiarlo por «localhost» que es nuestro acceso al servidor local.

Nota aclaratoria: «127.0.0.1» es la dirección IP de «localhost».

Luego agrega el nombre de la base de datos.

El usuario que tiene acceso a la base de datos el cual es «root» que significa «administrador», en la instalación de XAMPP no se configura contraseña, por lo tanto debes dejarla en blanco. Como prefijo de las tablas puedes dejar «ps_» que es la configuración predeterminada o cambiarla si lo deseas.

Se crea la base de datos para la instalación en local de PrestaShop

En el siguiente paso el instalador empezará a crear la base de datos y a copiar algunos archivos en tu tienda para que pueda funcionar y por último mostrará una confirmación de instalación exitosa.

instalar cms en local paso a paso

Imagen 5.8

9. Eliminar la carpeta Install y renombrar la carpeta Admin

Por último solo tendrás que eliminar la carpeta «install» del directorio de tu tienda, también tendrás que renombrar la carpeta «admin» para ingresar al BackOffice.

asistente instalacion

Imagen 5.9

Si das clic en el botón «Administrar tu tienda» que se encuentra un poco más abajo, podrás acceder automáticamente al BackOffice, ya que el instalador se encargará de renombrar la carpeta «admin»

backoffice prestashop

Imagen 5.10

localhost prestashop

Imagen 5.11

Para finalizar puedes ingresar a tu tienda prestashop en local a través de la ruta http://localhost/programador_prestashop (en mi caso).

10. Empezar a crear tu tienda en local

Una vez la instalación se ha completado puedes ingresar a tu panel administrativo para empezar a gestionar tu catálogo, instalar módulos y realizar las configuraciones necesarias para que tu tienda funcione en local y posteriormente puedas subirla a la nube.

Conclusión

Aunque pueda parecer un poco tedioso, lo cierto es que instalar PrestaShop en local es bastante fácil y muy útil.

Para resumir los pasos, tenemos que tener claro que lo primero es instalar un servidor web que incluya Apache, PHP y MySQL. Posteriormente, descargar PrestaShop, crear la base de datos, copiar la carpeta en la raíz del servidor web e instalarlo siguiendo los pasos.

Con todo esto, ya estarás listo para trabajar en tu eCommerce en un entorno local 100% funcional.

¿Has instalado PrestaShop en local alguna vez?

¿Te ha sido de utilidad esta guía? 

Cuéntanos tu experiencia al instalar PrestaShop en local o si alguna vez has instalado este CMS en tu propio ordenador. Estaremos encantados de leerte y responderte.

Sin comentarios aún.

¿Qué piensas?

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.