Integrar PrestaShop con WordPress: Guía paso a paso

¿Por qué integrar PrestaShop y WordPress? Antes de empezar

Si estás leyendo esto, probablemente ya tienes una tienda online en PrestaShop y un blog o web corporativa en WordPress. O quizás estás valorando cuál es la mejor opción para tu proyecto. La buena noticia es que no tienes que elegir uno solo. Puedes instalar PrestaShop en WordPress o, mejor dicho, hacer que ambos sistemas convivan y se complementen.

Piensa en WordPress como tu escaparate, tu blog, tu zona de contenido y marketing. Piensa en PrestaShop como tu almacén, tu caja registradora y tu gestor de pedidos. Cada uno es fuerte en lo suyo. WordPress es imbatible en SEO, gestión de contenidos y flexibilidad. PrestaShop es un monstruo en gestión de catálogo, carrito de la compra y métodos de pago.

La integración avanzada que te voy a explicar no consiste en convertir uno en el otro, sino en hacer que trabajen juntos sin fricciones. El objetivo es que el usuario no note que está saltando entre dos sistemas, y que tú puedas gestionar todo desde un panel unificado, o al menos, con sincronización automática.

Vamos a verlo paso a paso. No necesitas ser un desarrollador senior, pero sí tener paciencia y seguir las instrucciones al pie de la letra. Al final de esta guía tendrás tu tienda y tu contenido funcionando como una máquina perfectamente engrasada.

¿Qué significa realmente "instalar PrestaShop en WordPress"?

Antes de liarte, aclaremos un concepto. No puedes "inyectar" PrestaShop dentro de WordPress como si fuera un plugin más. Son dos plataformas diferentes con bases de datos y lógica distintas. Lo que vas a hacer es una integración a nivel de servidor y de aplicación para que compartan información.

Existen dos enfoques principales:

Instalación separada con integración de datos: PrestaShop vive en un subdominio o subdirectorio (ej: tienda.tudominio.com o tudominio.com/tienda) y WordPress en la raíz. Luego, mediante plugins o APIs, sincronizas usuarios, productos y pedidos.
Integración mediante plugins puente: Usas plugins específicos que permiten incrustar productos de PrestaShop en páginas de WordPress, o incluso usar el tema de WordPress para mostrar la tienda.

Yo te recomiendo el primer enfoque, que es el que considero "avanzado" y más estable. El segundo suele generar conflictos de estilos y rendimiento.

Para este tutorial, asumiremos que tienes un servidor con Syspanel (el panel de control que antes se llamaba HestiaCP) y acceso a él a través del puerto 2106. Si tu hosting usa otro panel (cPanel, Plesk), los pasos son similares, pero la interfaz cambiará.

Requisitos previos: Qué necesitas tener listo

No empieces a instalar nada sin verificar esto. Te ahorrarás muchos dolores de cabeza.

1. Un servidor con suficiente memoria y PHP actualizado

PrestaShop es exigente. Necesitas como mínimo:

PHP 7.4 o superior (idealmente PHP 8.0 o 8.1).
MySQL 5.7 o superior o MariaDB 10.2+.
128 MB de memoria PHP como mínimo (recomendado 256 MB).
Apache o Nginx con módulos de reescritura (mod_rewrite) activados.

Para verificar tu PHP en Syspanel, ve a la sección "Avanzado" y luego "PHP". Ahí podrás seleccionar la versión para cada dominio. Asegúrate de que el dominio donde vas a instalar PrestaShop tenga una versión compatible.

2. Dominios o subdominios definidos

Decide la estructura. Yo te propongo esta:

tudominio.com → WordPress (tu web principal).
tienda.tudominio.com → PrestaShop (tu tienda).

Crear el subdominio en Syspanel es fácil. Ve a la sección "Dominios" y haz clic en "Añadir Dominio". Introduce tienda.tudominio.com y asegúrate de que apunte al mismo directorio raíz o a uno nuevo. Yo te recomiendo un directorio nuevo, por ejemplo public_html/tienda.

3. Bases de datos separadas

Crea dos bases de datos: una para WordPress y otra para PrestaShop. En Syspanel, ve a "Bases de Datos" y crea:

wordpress_db con su usuario y contraseña.
prestashop_db con su usuario y contraseña.

Anota estos datos porque los necesitarás durante la instalación.

4. Archivos de instalación descargados

Descarga los paquetes de instalación desde los sitios oficiales:

WordPress desde es.wordpress.org.
PrestaShop desde www.prestashop.com.

Paso 1: Instalación de WordPress (la base de tu web)

Si ya tienes WordPress instalado, sáltate este paso. Si no, aquí tienes el resumen:

Sube los archivos de WordPress a la raíz de tudominio.com mediante el gestor de archivos de Syspanel (sección "Administrador de archivos") o por FTP.
Ve a tudominio.com y sigue el asistente de instalación. Te pedirá los datos de la base de datos wordpress_db.
Completa el proceso y ya tendrás tu WordPress funcionando.

Paso 2: Instalación de PrestaShop en el subdominio

Ahora viene la parte interesante. Vamos a instalar PrestaShop en tienda.tudominio.com.

2.1. Subir los archivos de PrestaShop

Accede al Administrador de archivos de Syspanel.
Navega hasta el directorio de tu subdominio (ej: public_html/tienda).
Sube el archivo ZIP de PrestaShop que descargaste.
Haz clic derecho sobre el ZIP y selecciona "Extraer". Esto descomprimirá todos los archivos.
Borra el archivo ZIP después de extraerlo para mantener el orden.

2.2. Configurar los permisos

PrestaShop necesita permisos de escritura en ciertos archivos y carpetas. En el Administrador de archivos, selecciona todos los archivos y carpetas, haz clic derecho y elige "Permisos". Pon 755 para directorios y 644 para archivos. Si no sabes cómo hacerlo archivo por archivo, la mayoría de los paneles permiten aplicar permisos de forma recursiva.

2.3. Ejecutar el instalador

Ahora, en tu navegador, ve a http://tienda.tudominio.com. El instalador de PrestaShop se lanzará automáticamente. Sigue estos pasos:

Selecciona el idioma: Español.
Acepta la licencia.
Verifica los requisitos: El instalador comprobará si tu servidor cumple con todo. Si hay algún error (por ejemplo, falta de extensión PHP), te lo dirá. En Syspanel, puedes habilitar extensiones desde "Avanzado" > "PHP" > "Opciones". Activa todas las que te pida.
Información de la tienda: Ponle nombre a tu tienda, elige un tema (puedes cambiarlo luego) y define la actividad principal.
Configuración de la base de datos: Aquí es donde usarás los datos de prestashop_db. Introduce el servidor (normalmente localhost), el usuario, la contraseña y el nombre de la base de datos. El prefijo de las tablas puedes dejarlo como ps_.
Configuración de la cuenta de administrador: Crea un email, usuario y contraseña para acceder al panel de administración de PrestaShop (el back-office). Guarda estos datos en un lugar seguro.
Instalación: Haz clic en "Instalar" y espera. Puede tardar varios minutos. No cierres la pestaña.

Cuando termine, verás un mensaje de éxito. IMPORTANTE: El instalador te pedirá que borres la carpeta install por seguridad. Hazlo desde el Administrador de archivos de Syspanel.

Paso 3: La integración avanzada. Uniendo ambas plataformas

Ya tienes las dos piezas por separado. Ahora vamos a unirlas. Esto es lo que marca la diferencia entre una web amateur y una profesional.

3.1. Sincronización de usuarios

El objetivo es que un cliente que se registre en tu tienda pueda usar esas mismas credenciales para comentar en tu blog de WordPress y viceversa. Para ello, usaremos un plugin.

Ve al panel de administración de WordPress (tudominio.com/wp-admin).
Ve a "Plugins" > "Añadir nuevo".
Busca un plugin llamado "WP-PrestaShop Sync" o "PrestaShop Integration". Hay varios, pero te recomiendo uno que se llame "PrestaShop Connector" o similar. La idea es que sincronice usuarios.
Instálalo y actívalo.
Ve a la configuración del plugin. Te pedirá la URL de tu tienda PrestaShop (http://tienda.tudominio.com) y una clave de API.
Para obtener la clave de API en PrestaShop, ve a tu back-office (http://tienda.tudominio.com/admin-panel) y navega a "Parámetros avanzados" > "Webservice". Activa el webservice y crea una nueva clave. Marca los permisos de "Clientes" y "Direcciones" como lectura/escritura.
Copia esa clave y pégala en la configuración del plugin de WordPress.

A partir de ahora, los registros se sincronizarán. No es perfecto al 100%, pero para la mayoría de casos funciona bien.

3.2. Mostrar productos de PrestaShop en WordPress

Esta es la parte más visual y que tus clientes notarán. Quieres mostrar tus productos en una página de WordPress sin que el usuario salga de tu web.

La mejor manera de hacerlo es mediante un plugin de incrustación.

En WordPress, instala el plugin "PrestaShop Products" o "PrestaShop Widgets".
Este plugin te permitirá generar un shortcode (un código corto tipo [prestashop_product id="1"]) que puedes insertar en cualquier página o entrada.
En la configuración del plugin, tendrás que indicar la URL de tu tienda PrestaShop y la clave de API (la misma que generamos antes).
Para mostrar un producto, necesitas su ID. Puedes verlo en el back-office de PrestaShop, en la lista de productos.
Crea una página en WordPress llamada "Productos" o "Catálogo" y pega el shortcode con la lista de productos que quieras mostrar.

Alternativa avanzada: Si eres más atrevido, puedes usar el iframe para incrustar tu tienda completa en una página de WordPress. Crea una página en blanco y pega el siguiente código en modo HTML:

<iframe src="http://tienda.tudominio.com" width="100%" height="800" frameborder="0"></iframe>

Esto no es una integración perfecta, pero es rápida y visualmente correcta. El problema es que la barra de direcciones no cambiará y el SEO de la tienda se verá afectado. Úsalo solo si es temporal.

3.3. Compartir el menú y la navegación

Para que la experiencia sea fluida, el menú principal de tu web debe incluir enlaces a la tienda y viceversa.

En WordPress, ve a "Apariencia" > "Menús". Crea un menú y añade un "Enlace personalizado" que apunte a http://tienda.tudominio.com. Llamalo "Tienda".
En PrestaShop, ve a "Diseño" > "Posiciones de módulos" o "Menús". Añade un enlace a http://tudominio.com en el menú principal. Puedes llamarlo "Inicio" o "Blog".

Esto hará que el usuario navegue sin perderse entre tu web y tu tienda.

Paso 4: Configuración avanzada y SEO

Aquí es donde realmente brillarás. No basta con tener las dos plataformas conectadas; hay que optimizarlas para que Google las vea como un solo sitio (o al menos, las entienda perfectamente).

4.1. Configurar Google Analytics y Search Console

Necesitas saber qué funciona y qué no.

Crea una cuenta en Google Analytics y en Search Console.
En WordPress, instala un plugin como "MonsterInsights" o "Google Site Kit" para conectar Analytics fácilmente.
En PrestaShop, ve a "Módulos" > "Módulos y servicios". Busca "Google Analytics" o "gtag" e instala el módulo oficial. Pega tu ID de seguimiento de Analytics.

4.2. Sitemap y robots.txt

Asegúrate de que Google pueda rastrear ambas partes.

En WordPress, instala un plugin de SEO como Yoast SEO o Rank Math. Ellos generarán tu sitemap automáticamente (tudominio.com/sitemap_index.xml).
En PrestaShop, ve a "Parámetros avanzados" > "SEO y URLs". Activa la opción de "Generar archivo robots.txt" y "Generar sitemap". Verás que PrestaShop crea un sitemap.xml en su propia raíz (tienda.tudominio.com/sitemap.xml).

4.3. Redirigir y evitar contenido duplicado

Este es un error común. Si tienes el mismo producto descrito en WordPress y en PrestaShop, Google no sabrá cuál mostrar. Para evitarlo:

Si usas el método de shortcode para mostrar productos, el contenido de PrestaShop es el original y el de WordPress es una "copia" dinámica. Asegúrate de que en WordPress no indexes la página de productos si es solo un duplicado. Puedes usar el plugin Yoast y poner la página como "noindex" en su configuración avanzada.
Si usas iframe, el contenido de PrestaShop está dentro de la URL de PrestaShop, así que no hay duplicado. Google indexará la URL de PrestaShop.

4.4. Velocidad de carga

Un sitio lento mata las ventas. PrestaShop es pesado, así que tienes que optimizar.

En PrestaShop, activa la caché. Ve a "Parámetros avanzados" > "Rendimiento". Activa la caché de Smarty y la de CSS/JavaScript combinados.
En Syspanel, puedes activar Varnish o Redis para mejorar el rendimiento. Ve a la sección "Servidor" > "Varnish" y actívalo para el dominio de la tienda. También puedes instalar Redis desde "Servidor" > "Redis" y configurarlo en PrestaShop para almacenar sesiones.
En WordPress, instala un plugin de caché como W3 Total Cache o WP Super Cache.

Paso 5: Preguntas frecuentes (FAQ) y solución de problemas

Aquí tienes las dudas más comunes que te surgirán (o que ya te están surgiendo).

¿Puedo usar el mismo tema visual en ambas plataformas?

No directamente. Los temas de WordPress y de PrestaShop son incompatibles. Tendrás que elegir un tema de PrestaShop que se parezca al de WordPress, o viceversa. Busca temas con estilos similares (mismos colores, tipografías) para que la transición sea suave. En PrestaShop, puedes personalizar el CSS desde "Diseño" > "Tema y logotipo" > "Editor de CSS".

¿Cómo gestiono los pedidos si uso la integración?

Los pedidos se gestionan siempre desde el back-office de PrestaShop. La integración con WordPress no gestiona pedidos, solo muestra productos y sincroniza usuarios. Si quieres ver los pedidos en WordPress, tendrías que usar un plugin de sincronización de pedidos, pero eso ya es muy avanzado y propenso a errores. Te recomiendo que gestiones los pedidos en PrestaShop.

¿Qué pasa si actualizo PrestaShop o WordPress?

Ten cuidado. Las actualizaciones pueden romper los plugins de integración. Mi consejo:

Haz copias de seguridad antes de actualizar. En Syspanel, puedes usar la herramienta de "Copias de seguridad" para crear un backup completo del dominio y la base de datos.
Actualiza primero el plugin de integración, luego PrestaShop y por último WordPress.