Configurar SSL/HTTPS en PrestaShop en Syspanel y evitar contenido mixto

¿Por qué es tan importante configurar SSL/HTTPS en tu PrestaShop?

Si tienes una tienda online con PrestaShop, una de las primeras cosas que debes hacer es activar el protocolo HTTPS. Esto significa que la comunicación entre el navegador de tu cliente y tu servidor viaja cifrada, como una carta dentro de un sobre sellado. Sin este cifrado, cualquier persona con conocimientos técnicos podría interceptar datos sensibles como contraseñas, números de tarjeta o direcciones.

Además de la seguridad, Google penaliza las webs sin HTTPS, mostrándolas con el temido aviso de "No segura" en el navegador. Esto genera desconfianza y reduce tus conversiones. Por eso, configurar ssl prestashop syspanel no es un extra, sino una necesidad absoluta.

En este artículo te voy a guiar paso a paso para que configures tu certificado ssl prestashop en el panel de control Syspanel (antes conocido como HestiaCP, cuyo acceso se realiza por el puerto 2106) y, lo más importante, para que elimines el molesto contenido mixto prestashop.

Qué necesitas antes de empezar

Antes de lanzarnos a la configuración, asegúrate de tener lo siguiente a mano:

• Acceso a tu panel Syspanel (recuerda, la URL es algo como https://tu-servidor:2106).
• Credenciales de administrador de tu back-office de PrestaShop.
• Un dominio apuntando a tu servidor (por ejemplo, www.tutienda.com).
• Confirmación de que tu servidor tiene un certificado SSL instalado (ya sea gratuito como Let's Encrypt o de pago).

Si no tienes el certificado instalado, no te preocupes. En el siguiente apartado te explico cómo generarlo directamente desde Syspanel, sin necesidad de conocimientos técnicos avanzados.

Paso 1: Instalar o verificar el certificado SSL en Syspanel

Syspanel integra un cliente de Let's Encrypt que automatiza la creación y renovación de certificados. Esto es una gran ventaja, ya que no tendrás que pagar por un certificado ni renovarlo manualmente cada 90 días.

Sigue estos pasos dentro de Syspanel:

1. Inicia sesión en Syspanel usando el puerto 2106.
2. En el menú lateral, busca la sección "Web" o "Sitios Web".
3. Localiza el dominio de tu tienda PrestaShop y haz clic en el botón de configuración (normalmente un icono de lápiz o engranaje).
4. Busca la pestaña "SSL" o "SSL Support".
5. Verás una opción que dice algo como "Let's Encrypt". Actívala.
6. Asegúrate de marcar las casillas para "Soportar HTTP" y "Soportar WWW" si tu tienda usa esos subdominios. Esto garantiza que el certificado cubra www.tudominio.com y tudominio.com.
7. Haz clic en "Guardar" o "Emitir". El proceso tarda unos segundos.

[TIP]: Si tu servidor es de pago o ya tenías un certificado instalado, verás la información del mismo en esta sección. Asegúrate de que la fecha de caducidad no esté próxima.

Paso 2: Activar SSL en el back-office de PrestaShop

Ahora que tu servidor ya tiene el certificado, es el momento de decirle a PrestaShop que use HTTPS. Este es un paso crítico, ya que si lo haces mal, podrías bloquear tu propia tienda.

Accede a tu administración de PrestaShop y sigue esta ruta:

1. Ve a "Parámetros avanzados" en el menú lateral.
2. Selecciona "Rendimiento".
3. Dentro de esta sección, busca el bloque llamado "Configuración de URI" o "URL".
4. Verás dos opciones muy importantes:
   • "Activar SSL": Actívala.
   • "Activar SSL en todas las páginas": Actívala también. Esto es crucial para evitar que solo algunas páginas usen HTTPS y otras no.

[WARNING]: Activa primero la primera casilla y guarda. Luego, vuelve a entrar y activa la segunda. Esto es un truco para evitar errores de redireccionamiento en bucle si tu hosting es un poco lento en aplicar los cambios.

5. Guarda los cambios.

PrestaShop ahora debería redirigir todo el tráfico a HTTPS. Pero no te confíes, aún queda el mayor desafío: el contenido mixto.

Paso 3: Entender y eliminar el contenido mixto en PrestaShop

El contenido mixto prestashop ocurre cuando tu página se carga a través de HTTPS (seguro), pero algunos recursos (imágenes, hojas de estilo, scripts) se cargan a través de HTTP (inseguro). Los navegadores bloquean estas peticiones para proteger al usuario, lo que se traduce en una web rota, sin estilos o con imágenes que no cargan.

¿Por qué ocurre esto? Porque PrestaShop guarda las URLs de los productos y las imágenes en la base de datos. Si tu tienda fue indexada previamente en HTTP, esas URLs quedan grabadas con "http://".

Para solucionarlo, tienes dos caminos: uno manual y uno automático.

Solución automática: Reescribir URLs en la base de datos

La forma más rápida y efectiva es usar una consulta SQL que reemplace todas las URLs antiguas por las nuevas. Para ello, necesitas acceder a la base de datos de tu PrestaShop. Puedes hacerlo desde phpMyAdmin, que también está disponible en Syspanel.

1. En Syspanel, ve a la sección de "Bases de datos".
2. Haz clic en "phpMyAdmin" para acceder a la gestión de la base de datos de tu tienda.
3. Selecciona tu base de datos en el panel izquierdo.
4. Ve a la pestaña "SQL".
5. Ejecuta la siguiente consulta, reemplazando tudominio.com por tu dominio real:

UPDATE ps_linksmeta SET url = REPLACE(url, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_product SET reference = REPLACE(reference, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_product_lang SET description = REPLACE(description, 'http://tudominio.com', 'https://tudominio.com'), description_short = REPLACE(description_short, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_image_shop SET legend = REPLACE(legend, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_image_lang SET legend = REPLACE(legend, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_category_lang SET description = REPLACE(description, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_cms_lang SET content = REPLACE(content, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_meta SET url = REPLACE(url, 'http://tudominio.com', 'https://tudominio.com');

[INFO]: El prefijo ps_ puede variar si lo cambiaste al instalar. Revisa el nombre de tus tablas antes de ejecutar. Si no estás seguro, pide ayuda a tu soporte técnico.

Solución manual: Forzar HTTPS en el archivo .htaccess

Otra capa de protección, y muy recomendable, es forzar la redirección desde un archivo .htaccess. Este archivo se encuentra en la raíz de tu instalación de PrestaShop.

1. Conéctate a tu servidor por FTP o usa el administrador de archivos de Syspanel.
2. Busca el archivo .htaccess en la carpeta pública de tu dominio (normalmente public_html).
3. Edítalo y añade al principio el siguiente código:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Este código fuerza a que cualquier petición HTTP sea redirigida automáticamente a HTTPS con una redirección permanente (301).

[WARNING]: Antes de editar el .htaccess, descarga una copia de seguridad. Un error en este archivo puede tumbar tu tienda.

Paso 4: Limpiar la caché de PrestaShop

Después de estos cambios, PrestaShop seguirá mostrando la versión antigua por la caché. Es fundamental limpiarla.

1. Ve a "Parámetros avanzados" > "Rendimiento".
2. Haz clic en el botón "Vaciar la caché" en la parte superior.

También puedes limpiar la caché del navegador para ver los cambios de inmediato (Ctrl + F5 en Windows, Cmd + Shift + R en Mac).

Paso 5: Verificar que no quede contenido mixto

Una vez hecho todo lo anterior, es hora de comprobar si la web está 100% limpia. Existen herramientas online gratuitas como Why No Padlock o SSL Checker que analizan tu web en busca de errores de contenido mixto prestashop.

Además, puedes hacerlo manualmente:

1. Abre tu tienda en el navegador.
2. Pulsa la tecla F12 para abrir las herramientas de desarrollador.
3. Ve a la pestaña "Consola".
4. Si hay algún error de contenido mixto, verás mensajes como "Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure resource 'http://...'".

Si encuentras errores, repite el proceso de la base de datos o busca en tus módulos y temas si hay alguna URL hardcodeada con HTTP.

Preguntas frecuentes (FAQ) sobre SSL y PrestaShop

¿Qué hago si mi certificado SSL no se renueva automáticamente?

En Syspanel, la renovación de Let's Encrypt es automática. Sin embargo, si tu servidor está apagado en el momento de la renovación, podría fallar. Te recomendamos activar un cron job en Syspanel que ejecute el comando de renovación cada mes. Consulta la documentación de Syspanel para más detalles.

¿Puedo usar un certificado SSL de pago en lugar de Let's Encrypt?

Sí, totalmente. Syspanel te permite importar certificados de pago. Solo tienes que ir a la sección SSL de tu dominio y pegar el contenido de tu certificado y tu clave privada. La ventaja de Let's Encrypt es que es gratuito y se renueva solo.

¿Por qué mi navegador aún muestra "No seguro"?

Esto puede deberse a que aún tienes contenido mixto prestashop sin resolver, o a que la redirección de HTTP a HTTPS no está funcionando correctamente. Revisa los pasos anteriores y asegúrate de que la opción "Activar SSL en todas las páginas" esté habilitada en PrestaShop.

¿Perderé posicionamiento SEO al cambiar de HTTP a HTTPS?

No, al contrario. Google lo ve como una mejora. Eso sí, debes asegurarte de configurar la redirección 301 correctamente (como hicimos en el .htaccess) para que los buscadores traspasen la autoridad de las URLs antiguas a las nuevas.

¿Qué es el puerto 2106 y por qué debo usarlo?

El puerto 2106 es el puerto de acceso seguro al panel de control Syspanel (el antiguo HestiaCP). Es una medida de seguridad para que no uses el puerto estándar. Siempre que quieras gestionar tu hosting, deberás acceder a https://tu-servidor:2106.

[TIP]: Si después de todo esto sigues teniendo problemas, no dudes en contactar con tu proveedor de hosting. A veces, el problema no está en PrestaShop, sino en la configuración del servidor web (Apache o Nginx), y un técnico puede resolverlo en minutos.

Configurar https prestashop es un proceso que, bien hecho, te dará tranquilidad y mejorará la confianza de tus clientes. Tómate tu tiempo, sigue los pasos y verifica el resultado final. Tu tienda online te lo agradecerá con mejores conversiones y una imagen más profesional.