Activar SSL en PrestaShop con Syspanel: Guía y errores comunes

¿Tu tienda PrestaShop sigue apareciendo como “No segura” en el navegador? ¿Ves un candado tachado o el temido aviso de “conexión no privada”? No te preocupes, es más común de lo que crees y tiene solución.

Activar SSL en PrestaShop con Syspanel es un proceso sencillo si sigues los pasos adecuados. Pero el verdadero dolor de cabeza no es activarlo, sino lidiar con los errores mixtos que aparecen después, esos avisos de contenido bloqueado que hacen que tu web se vea rota o insegura.

En esta guía extensa y práctica, voy a explicarte paso a paso cómo activar HTTPS en tu tienda usando el panel de control Syspanel (accesible siempre a través del puerto 2106) y, lo más importante, cómo eliminar de raíz los errores mixtos en PrestaShop para que tu tienda vuele con total seguridad.

Vamos a ello.

¿Por qué es tan importante activar SSL en PrestaShop?

Antes de ensuciarnos las manos con la configuración, entendamos el porqué. SSL (Secure Sockets Layer) es el protocolo que cifra la comunicación entre el navegador del cliente y tu servidor.

Sin SSL, cualquier dato sensible (contraseñas, direcciones, datos de tarjetas) viaja en texto plano, vulnerable a intercepciones.

Activar HTTPS en PrestaShop no es solo una recomendación, es una obligación en el comercio electrónico actual.

Estos son los motivos clave:

Confianza del cliente: El candado verde en la barra de direcciones genera confianza. Sin él, la tasa de abandono del carrito se dispara.
Ranking en Google: Google penaliza las webs sin SSL. Si quieres posicionar, necesitas HTTPS sí o sí.
Requisito para pagos: Pasarelas como PayPal o Stripe exigen certificados SSL válidos para procesar transacciones.
Protección de datos: Cumples con el RGPD y proteges la información de tus usuarios.

Activar SSL PrestaShop Syspanel es la combinación perfecta: un panel de control robusto y una plataforma de ecommerce potente.

Paso 1: Preparar el certificado SSL en Syspanel

El primer paso es asegurarnos de que tu dominio tiene un certificado SSL emitido y activo. Syspanel facilita mucho esta tarea.

Acceso a Syspanel

Recuerda, para gestionar tu servidor, accede a Syspanel a través de tu navegador usando la siguiente dirección:

https://tu-servidor:2106

Sustituye tu-servidor por la IP o el dominio principal de tu hosting. El puerto 2106 es esencial para conectar con el panel.

Emisión del certificado Let's Encrypt

Syspanel integra la emisión automática de certificados gratuitos de Let's Encrypt.

Sigue estos pasos:

Accede a tu panel Syspanel.
Busca la sección "Web" o "Dominios" en el menú lateral.
Localiza el dominio de tu tienda PrestaShop.
Haz clic en el dominio y busca la pestaña "SSL" o el icono del candado.
Verás una opción que dice "Let's Encrypt" o "Emitir certificado".
Marca las casillas para incluir el dominio principal y el subdominio www (si usas www, lo recomendable).
Haz clic en "Emitir" o "Guardar".

[INFO] El proceso de emisión suele tardar entre 1 y 3 minutos. No cierres la pestaña hasta que veas el mensaje de éxito.

Activar la redirección forzada a HTTPS

Una vez emitido el certificado, es crucial forzar que todo el tráfico vaya a la versión segura.

En Syspanel, dentro de la misma sección SSL, encontrarás una opción llamada "Forzar HTTPS" o "Redirección SSL".

Actívala y guarda los cambios.

Esto creará una regla automática en el servidor que redirige cualquier visita de http:// a https://.

Paso 2: Activar HTTPS en el panel de administración de PrestaShop

Ahora que el servidor está listo, vamos a configurar PrestaShop para que use la URL segura.

Este es un paso crítico y uno de los que más errores mixtos causa si no se hace correctamente.

Accede a tu Panel de Administración de PrestaShop.
Ve al menú "Configuración avanzada".
Selecciona "Rendimiento" (sí, aunque parezca extraño, aquí se configura la URL).
En la sección "Parámetros de URL" (o similar), verás dos campos:
- URL de la tienda: Debe empezar por https://.
- URL de la tienda (SSL): También debe empezar por https://.
Asegúrate de que ambas tienen https:// al principio.
En la parte inferior, busca la opción "Activar SSL" y cámbiala a "Sí".
También verás la opción "Activar SSL en todos los elementos de la página". Esta es la clave para evitar errores mixtos. Actívala también.

[WARNING] Si activas SSL y la URL no se actualiza correctamente, podrías quedarte fuera del panel. Si esto ocurre, no entres en pánico. Edita el archivo parameters.php (en la carpeta app/config/) y cambia las URLs de http a https manualmente usando el administrador de archivos de Syspanel (accede por el puerto 2106).

Guarda los cambios.

PrestaShop regenerará las URLs y forzará el uso de HTTPS en toda la tienda.

Paso 3: Identificar y solucionar los errores mixtos en PrestaShop

Has activado SSL, pero al revisar tu web, ves que algunos elementos no cargan o el candado sigue apareciendo como no seguro.

Esto son los errores mixtos. Ocurren cuando tu página se sirve por HTTPS, pero algunos recursos (imágenes, scripts, hojas de estilo) se cargan a través de HTTP.

El navegador bloquea estos recursos por seguridad, lo que provoca que tu tienda se vea rota.

¿Cómo detectar los errores mixtos?

La forma más fácil es usar las herramientas de desarrollo del navegador.

Abre tu tienda en Chrome o Firefox.
Pulsa la tecla F12 para abrir las herramientas de desarrollador.
Ve a la pestaña "Consola".
Busca errores que digan "Mixed Content" o "Solicitud mixta". Te indicarán exactamente qué URL se está cargando por HTTP.

Solución definitiva: Limpiar las URLs en la base de datos

La causa más común de errores mixtos es que tu base de datos todavía tiene URLs antiguas con http:// guardadas, sobre todo en contenido generado por módulos o en el editor.

Para solucionarlo, vamos a hacer un reemplazo masivo en la base de datos.

[WARNING] Antes de tocar la base de datos, haz una copia de seguridad. Un error aquí puede romper la tienda. Puedes hacer una copia desde Syspanel (sección "Bases de datos" o "Backups").

Método A: Usando phpMyAdmin (recomendado)

Accede a Syspanel (puerto 2106).
Ve a la sección "Bases de datos" y haz clic en "phpMyAdmin" para tu base de datos de PrestaShop.
En la pestaña "SQL", ejecuta la siguiente consulta:
```
UPDATE ps_configuration SET value = REPLACE(value, 'http://tudominio.com', 'https://tudominio.com') WHERE value LIKE '%http://tudominio.com%';
```
Importante: Reemplaza ps_ por el prefijo de tus tablas (si lo cambiaste) y tudominio.com por tu dominio real.

Ahora, ejecuta esta otra consulta para limpiar las URLs en las tablas de productos y categorías:

UPDATE ps_product SET description = REPLACE(description, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_product SET description_short = REPLACE(description_short, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_category SET description = REPLACE(description, 'http://tudominio.com', 'https://tudominio.com');

Esto arregla el contenido creado antes de la activación de SSL.

Método B: Usando un módulo de PrestaShop

Existen módulos gratuitos como "PS Cleaner" o "SEO URLs Updater" que automatizan este proceso.

Instala uno, ve a su configuración y selecciona la opción de reemplazar http:// por https:// en todas las tablas. Es una alternativa más amigable si no te sientes cómodo con SQL.

Limpiar el caché de PrestaShop

Después de cambiar las URLs en la base de datos, es obligatorio limpiar el caché.

Ve a "Configuración avanzada" > "Rendimiento".
Haz clic en "Vaciar el caché" en la parte superior.

Esto forzará a PrestaShop a regenerar todas las páginas con las nuevas URLs HTTPS.

Paso 4: Solucionar errores mixtos de módulos y temas

A veces, el problema no está en la base de datos, sino en el código de un módulo o del tema que tiene URLs hardcodeadas con http://.

Si después de limpiar la base de datos y el caché sigues viendo errores mixtos, el problema es de un módulo.

Identifica el módulo problemático

En la consola del navegador (F12), fíjate en el nombre del archivo que da el error. Si ves algo como http://tudominio.com/modules/mimodulo/..., ya sabes quién es el culpable.

Soluciones para módulos:

Actualiza el módulo: A menudo, los desarrolladores corrigen estos problemas en las actualizaciones.
Reconfigura el módulo: Busca en su configuración una opción para forzar HTTPS o cambiar la URL base.
Contacta al soporte: Si no puedes solucionarlo, contacta al desarrollador del módulo.
Solución manual (avanzado): Si tienes conocimientos, edita el archivo del módulo que genera la URL y cambia http:// por https:// o, mejor aún, usa la función de PrestaShop Context::getContext()->link->getBaseLink() para generar URLs dinámicas.

Paso 5: Verificación final y ajustes en Google

Ya casi lo tienes. Ahora es el momento de verificar que todo funciona correctamente.

Revisa el candado: Abre tu tienda y verifica que el candado aparece en verde y sin advertencias.
Navega por toda la tienda: Revisa productos, categorías, carrito y checkout. Asegúrate de que todo se ve bien y no hay elementos rotos.
Usa herramientas online: Páginas como "Why No Padlock" o "SSL Labs" te darán un informe detallado de cualquier problema restante.

Actualiza Google Search Console

Una vez que tu sitio está 100% en HTTPS, es crucial informar a Google.

Añade una nueva propiedad en Google Search Console con la versión https:// de tu dominio.
Solicita la indexación de tu sitemap (https://tudominio.com/sitemap.xml).
Utiliza la herramienta de cambio de dirección para indicar que has migrado de HTTP a HTTPS.

Esto acelerará el proceso de reindexación y evitará una caída en tu posicionamiento SEO.

Preguntas frecuentes (FAQ)

Para terminar, resuelvo las dudas más comunes que me encuentro a diario.

¿Qué hago si me quedo fuera del panel de administración tras activar SSL?

Es un clásico. Si esto pasa, accede a Syspanel (puerto 2106), ve al administrador de archivos y navega hasta app/config/. Edita el archivo parameters.php y busca las líneas que contienen 'http://'. Cámbialas por 'https://'. Guarda y recarga.

¿Los errores mixtos afectan a mi SEO?

Sí, y mucho. Google penaliza las páginas con errores mixtos porque ofrecen una mala experiencia de usuario. Pueden hacer que tu página no se muestre en los resultados de búsqueda o que se muestre con una advertencia de seguridad.

¿Es necesario usar un CDN después de activar SSL?

No es obligatorio, pero sí recomendable. Un CDN (como Cloudflare) puede acelerar tu tienda. Si usas uno, asegúrate de activar la opción "Flexible" o "Full" para SSL dentro de su configuración, de lo contrario, podrías generar un bucle de redirecciones.

¿Cada cuánto tiempo se renueva el certificado SSL con Syspanel?

Los certificados de Let's Encrypt emitidos por Syspanel se renuevan automáticamente cada 90 días. No tienes que hacer nada manualmente, el panel se encarga de todo.

¿Puedo usar un certificado SSL de pago en lugar del gratuito?

Sí, definitivamente. Syspanel te permite subir certificados personalizados. Solo tienes que ir a la sección SSL de tu dominio y pegar el contenido del certificado y la clave privada.

Activar SSL en PrestaShop con Syspanel es un proceso que requiere atención al detalle, pero siguiendo esta guía paso a paso, tu tienda estará segura, rápida y sin errores mixtos en menos de lo que piensas. Recuerda siempre limpiar la caché y verificar el resultado final. ¡Tu tienda y tus clientes te lo agradecerán!