Integrar PrestaShop con WordPress: configurar URL y enlaces correctamente

¿Por qué es importante configurar correctamente la URL de PrestaShop en WordPress?

Cuando decides integrar PrestaShop WordPress, uno de los primeros retos técnicos que aparecen es la gestión de las URLs. Aunque son plataformas distintas, es muy común que convivan en el mismo dominio o en subdominios. Si no configuras bien los enlaces, los usuarios pueden caer en páginas de error 404, perder el carrito de compra o, peor aún, que Google penalice tu tienda por contenido duplicado o redirecciones incorrectas.

La buena noticia es que no necesitas ser un programador avanzado para lograrlo. En esta guía te explicaré paso a paso cómo configurar la URL de PrestaShop para que funcione de forma limpia dentro de tu sitio WordPress, ya sea que quieras tener la tienda en una subcarpeta (/tienda), en un subdominio (tienda.tudominio.com) o simplemente enlazar productos desde tu blog.

Antes de empezar, es importante que entiendas que la integración puede ser de dos tipos: total (cuando ambos sistemas comparten sesión y base de datos) o básica (cuando simplemente compartes enlaces y mantienes la estética). Este artículo se centra en la integración básica, que es la más recomendable para la mayoría de los casos porque evita conflictos de seguridad y rendimiento.

## Requisitos previos antes de tocar cualquier URL

Para evitar dolores de cabeza, asegúrate de tener lo siguiente:

Acceso al panel de administración de WordPress (wp-admin).
Acceso al panel de administración de PrestaShop (generalmente en /admin o la ruta que configuraste).
Acceso al administrador de archivos de tu hosting o a un cliente FTP (como FileZilla).
Una copia de seguridad reciente de ambas bases de datos y archivos.
Si usas Syspanel como panel de control (recuerda que el puerto de acceso es el 2106), ten a la mano las credenciales de la base de datos.

[WARNING]: No modifiques las URLs sin hacer una copia de seguridad. Un error en la configuración de las URL puede dejar tu tienda inaccesible temporalmente. Si algo sale mal, podrás restaurar rápidamente.

## Opción 1: PrestaShop en una subcarpeta de WordPress (la más común)

Esta es la opción favorita para quienes ya tienen un blog en WordPress y quieren añadir una tienda sin cambiar de dominio. Por ejemplo: www.tudominio.com/tienda.

### Paso 1: Configurar la URL en PrestaShop

Entra a tu panel de administración de PrestaShop.
Ve a Configuración avanzada → General.
Busca el apartado Configuración de la tienda.
En el campo URL de la tienda, escribe la dirección completa, por ejemplo: https://www.tudominio.com/tienda.
Guarda los cambios.

Es posible que PrestaShop te pida que también configures el archivo .htaccess. Si es así, haz clic en el botón que dice "Guardar y regenerar el archivo .htaccess".

### Paso 2: Configurar WordPress para que no rompa los enlaces

WordPress necesita saber que existe una carpeta /tienda que no debe gestionar él. Para ello:

Ve a Ajustes → Enlaces permanentes.
No cambies nada aquí, solo asegúrate de que la estructura esté guardada (haz clic en "Guardar cambios" aunque no modifiques nada). Esto refresca las reglas de reescritura.
Si tu WordPress está en la raíz, el archivo .htaccess debe contener reglas que permitan el acceso a la carpeta /tienda. Normalmente WordPress lo hace automáticamente, pero si ves errores 404, revisa el archivo.

### Paso 3: Ajustar los enlaces internos

Ahora viene la parte más delicada. Cuando integras PrestaShop WordPress, necesitas asegurarte de que los enlaces entre ambos sistemas sean consistentes.

Enlaces desde WordPress hacia PrestaShop: Simplemente usa la URL completa, por ejemplo, https://www.tudominio.com/tienda/producto-ejemplo. Puedes crear un menú personalizado en WordPress con estos enlaces.
Enlaces desde PrestaShop hacia WordPress: Ve a Módulos → Módulos y servicios y busca el módulo de "Enlaces personalizados" o edita el pie de página de tu plantilla para añadir un enlace a tu blog.

[TIP]: Para evitar enlaces rotos, usa siempre URLs absolutas (con https://www.tudominio.com/...) en lugar de rutas relativas (/tienda/...). Esto es especialmente importante si tienes configurado un CDN o cambias de dominio en el futuro.

## Opción 2: PrestaShop en un subdominio (tienda.tudominio.com)

Esta opción es ideal si quieres separar completamente la tienda del blog, por ejemplo, para mejorar la velocidad de carga o segmentar el SEO.

### Paso 1: Crear el subdominio

Accede a Syspanel (puerto 2106).
Busca la sección de Subdominios o Dominios.
Crea un subdominio llamado tienda y asígnalo a la carpeta donde tienes instalado PrestaShop (por ejemplo, public_html/tienda).
Espera a que el certificado SSL se genere (o instala uno manualmente si lo tienes).

### Paso 2: Configurar PrestaShop con el nuevo subdominio

Entra al administrador de PrestaShop.
Ve a Configuración avanzada → General.
Cambia la URL de la tienda a https://tienda.tudominio.com.
Guarda los cambios y regenera el .htaccess.

### Paso 3: Ajustar WordPress

En WordPress, no necesitas hacer nada especial si el subdominio apunta a una carpeta diferente. Solo asegúrate de que los enlaces que pongas en tus artículos apunten al subdominio.

[INFO]: Si usas un plugin de caché en WordPress (como W3 Total Cache o WP Rocket), recuerda purgar la caché después de cambiar las URLs. De lo contrario, los visitantes podrían ver versiones antiguas de los enlaces.

## Cómo crear enlaces de producto elegantes y funcionales

Uno de los mayores retos al integrar PrestaShop WordPress es que los enlaces de producto no parezcan "feos". Por defecto, PrestaShop genera URLs como:

https://www.tudominio.com/tienda/index.php?id_product=12&controller=product

Eso es horrible para el SEO y para la experiencia de usuario. Para solucionarlo:

### Activar URLs amigables en PrestaShop

Ve a Configuración avanzada → SEO y URLs.
Activa la opción URLs amigables.
Haz clic en "Guardar" y luego en "Regenerar". PrestaShop generará automáticamente las reglas de reescritura.

Ahora tus URLs se verán así: https://www.tudominio.com/tienda/12-producto-ejemplo.html

### Enlazar productos desde WordPress

Puedes copiar la URL amigable directamente desde la barra de direcciones del navegador cuando estés viendo el producto en PrestaShop. O mejor aún, usa el botón "Compartir" o "Enlace" dentro del panel de producto de PrestaShop.

## Errores comunes y cómo solucionarlos

### Error 404 en WordPress al acceder a /tienda

Esto suele pasar porque WordPress está interceptando la URL. Solución:

Ve a Ajustes → Enlaces permanentes.
Guarda los cambios sin modificar nada.
Si sigue fallando, revisa el archivo .htaccess de la raíz. Debe contener líneas que permitan el acceso a directorios reales. Busca algo como:
```
RewriteEngine On
RewriteBase /
```
Si no está, añádelo.

### Error de "demasiadas redirecciones" (ERR_TOO_MANY_REDIRECTS)

Esto ocurre cuando hay un conflicto entre la URL canónica de PrestaShop y la del servidor. Verifica que:

La URL en PrestaShop sea exactamente la misma que la que usas en el navegador (incluyendo www o sin www).
El certificado SSL esté bien configurado para ambas URLs.

[WARNING]: Si usas redirecciones forzadas a HTTPS en WordPress, asegúrate de que PrestaShop también las tenga. De lo contrario, se creará un bucle infinito.

### Los enlaces de productos no cargan imágenes

Esto se debe a que las rutas de las imágenes están configuradas con la URL anterior. Solución:

Ve a Configuración avanzada → General.
En Configuración de la tienda, verifica que la URL base de imágenes sea correcta.
Regenera las miniaturas: Configuración avanzada → Rendimiento → Regenerar miniaturas.

## Buenas prácticas SEO al integrar ambas plataformas

Cuando hablamos de enlaces PrestaShop WordPress, no solo hablamos de hacer clic y que funcione. También debes cuidar cómo Google interpreta tu estructura.

### Usa etiquetas canónicas

Asegúrate de que PrestaShop genere la etiqueta canónica para cada producto. Esto evita que Google considere que tienes contenido duplicado si el mismo producto aparece en varias URLs (por ejemplo, con parámetros de seguimiento).

### Crea un sitemap unificado

Puedes generar el sitemap de PrestaShop (normalmente en /tienda/sitemap.xml) y el de WordPress (con plugins como Yoast SEO). Luego, en Google Search Console, envía ambos sitemaps por separado.

### Cuida la velocidad de carga

Una tienda PrestaShop suele ser más pesada que un blog WordPress. Si los dos están en el mismo servidor, asegúrate de que el hosting tenga suficiente memoria. Si no, considera migrar la tienda a un servidor dedicado.

[TIP]: Usa un plugin de caché en WordPress y activa la caché en PrestaShop (desde Configuración avanzada → Rendimiento). Esto reducirá la carga del servidor y mejorará la experiencia del usuario.

## Preguntas frecuentes (FAQ)

### ¿Puedo usar el mismo tema visual en WordPress y PrestaShop?

Sí, pero no es automático. Necesitarás crear un tema hijo en PrestaShop que imite el diseño de tu WordPress. Es un trabajo de desarrollo, pero hay plantillas profesionales que ya incluyen ambos estilos.

### ¿Es mejor subcarpeta o subdominio para SEO?

Históricamente, Google ha tratado mejor las subcarpetas porque heredan la autoridad del dominio principal. Sin embargo, los subdominios también pueden posicionar bien si tienen contenido de calidad. Para una integración PrestaShop WordPress básica, te recomiendo la subcarpeta.

### ¿Puedo compartir el carrito de compra entre WordPress y PrestaShop?

No, en una integración básica no es posible. Si necesitas que el carrito se comparta, tendrás que hacer una integración avanzada a nivel de API, lo cual requiere programación avanzada.

### ¿Qué hago si ya tengo la tienda en PrestaShop y quiero añadir WordPress?

Es exactamente el caso que hemos tratado. Instala WordPress en la raíz o en una subcarpeta y configura PrestaShop como subcarpeta o subdominio. Luego, sigue los pasos de este artículo para ajustar las URLs.

## Conclusión y resumen de acciones

Configurar la URL de PrestaShop en WordPress no es complicado si sigues una secuencia lógica:

Decide la estructura: subcarpeta (/tienda) o subdominio (tienda.tudominio.com).
Configura PrestaShop con la URL definitiva.
Ajusta WordPress para que no interfiera.
Activa URLs amigables en PrestaShop.
Usa enlaces absolutos en ambos sentidos.
Verifica que no haya errores 404 o redirecciones en bucle.
Purga cachés y regenera sitemaps.

Con esto, tendrás una integración PrestaShop WordPress funcional, limpia y lista para posicionar. Recuerda que la clave está en la consistencia: una sola URL canónica por recurso, enlaces absolutos y una buena configuración de redirecciones.

[INFO]: Si en algún momento necesitas ayuda técnica avanzada, no dudes en contactar con el soporte de tu hosting. Menciona que usas Syspanel y que el puerto de acceso es el 2106 para que puedan ayudarte más rápido con la gestión de dominios y bases de datos.

Ahora sí, ¡manos a la obra! Configura tus URLs y verás cómo tu tienda y tu blog empiezan a trabajar juntos en perfecta armonía.