Configurar SSL/HTTPS en PrestaShop con Syspanel: Guía rápida

¿Tu tienda PrestaShop sigue navegando sin el candadito de seguridad en el navegador? Si es así, estás perdiendo ventas y posicionamiento en Google. Hoy te voy a enseñar, paso a paso, cómo configurar SSL/HTTPS en PrestaShop usando Syspanel, el panel de control de tu hosting.

Esta guía rápida está pensada para que la entiendas aunque no seas un experto técnico. Vamos a despejar todas tus dudas sobre el certificado SSL, cómo activarlo y cómo forzar la navegación segura en toda tu tienda.

¿Por qué es tan importante el SSL/HTTPS en mi tienda PrestaShop?

Antes de ponernos manos a la obra, es fundamental que entiendas por qué esto no es un simple "extra". Tener SSL PrestaShop activado significa que la conexión entre el navegador de tu cliente y tu servidor está cifrada. Imagina que es un sobre sellado enviado por mensajero; nadie puede leer la carta por el camino.

Esto es crucial por tres motivos principales:

Seguridad y Confianza: Tus clientes te van a dar datos personales y de pago. Sin HTTPS, verán un aviso de "No seguro" en el navegador, lo que genera desconfianza y abandono del carrito.
Posicionamiento SEO: Google y otros buscadores penalizan las webs no seguras. Activar HTTPS PrestaShop es un factor de ranking. Si no lo haces, tu competencia te sacará ventaja en los resultados de búsqueda.
Requisito para Pagos: La mayoría de pasarelas de pago modernas (PayPal, tarjetas, etc.) exigen que la tienda funcione bajo HTTPS para procesar transacciones.

Paso 1: Obtener tu certificado SSL en Syspanel

Lo primero es tener el certificado SSL instalado en tu servidor. Si tu hosting es con Syspanel, este proceso es muy sencillo.

¿Qué es Syspanel? Es el panel de control que te permite gestionar tu hosting, dominios y bases de datos. Recuerda que el acceso a Syspanel suele ser a través del puerto 2106 (por ejemplo, https://tu-dominio.com:2106).

Aquí tienes varias opciones:

Opción A (Recomendada): Certificado Gratuito (Let's Encrypt). La mayoría de los planes de hosting con Syspanel incluyen certificados SSL gratuitos y automáticos. Son perfectos para tiendas online y se renuevan solos. No tienes que pagar nada extra.
Opción B: Certificado de Pago. Si necesitas un certificado con mayor validación (por ejemplo, para una empresa grande), puedes comprar uno e instalarlo manualmente. Sin embargo, para la gran mayoría, el gratuito es más que suficiente.

Cómo activar el SSL gratuito en Syspanel

Accede a Syspanel usando tu usuario y contraseña en el puerto 2106.
Busca la sección de "Sitios Web" o "Dominios".
Localiza tu dominio principal (el de tu tienda PrestaShop).
Dentro de las opciones de ese dominio, busca el apartado de "SSL" o "Certificados SSL".
Selecciona la opción de "Let's Encrypt" o "SSL Gratuito".
Marca las casillas para incluir los subdominios (como www) si lo deseas.
Haz clic en "Guardar" o "Emitir certificado".

[TIP]: El proceso de emisión suele tardar menos de un minuto. Si te da algún error, espera unos minutos y reintenta. A veces el sistema necesita verificar que tu dominio apunta correctamente al servidor.

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

Una vez que el certificado está instalado en el servidor, toca configurar PrestaShop. Aquí es donde muchos se pierden, pero es más fácil de lo que parece.

Entra a tu administración de PrestaShop (el back-office).
Ve al menú "Parámetros avanzados" en la columna lateral izquierda.
Dentro de ese menú, haz clic en "Rendimiento".
Busca la sección "Utilizar SSL".
Verás dos opciones:
- "Utilizar SSL en todas las páginas de la tienda": Activa esta opción. Es la más recomendable.
- "Activar SSL en el administrador": Activa también esta opción para proteger tu zona de administración.
Guarda los cambios.

[WARNING]: Es posible que en versiones antiguas de PrestaShop, al guardar, la página de administración se caiga o no cargue correctamente. No te asustes, es normal. A veces hay que limpiar la caché del navegador o esperar unos segundos.

¿Y si no encuentro la opción de SSL?

En algunas versiones de PrestaShop 1.6 o 1.7, la opción puede estar en "Parámetros generales" > "Preferencias". Busca el mismo apartado de "Utilizar SSL". Si no aparece, es que tu hosting no te lo permite o el archivo de configuración está bloqueado, pero es muy poco habitual.

Paso 3: Forzar la redirección de HTTP a HTTPS

Ahora que PrestaShop sabe que puede usar SSL, necesitamos que todo el tráfico que llegue por la vía antigua (http://) se redirija automáticamente a la nueva (https://). Esto evita que haya contenido duplicado y que los usuarios entren por la puerta insegura.

Hay dos formas de hacerlo: desde el propio PrestaShop o desde el archivo .htaccess.

Opción 1: Desde PrestaShop (más sencillo)

PrestaShop suele generar automáticamente las reglas de redirección en su archivo .htaccess cuando activas el SSL. Sin embargo, a veces no lo hace. Para forzarlo manualmente, sigue la Opción 2.

Opción 2: Editando el archivo .htaccess (más fiable)

Este archivo lo puedes editar desde el administrador de archivos de Syspanel o desde tu cliente FTP favorito (como FileZilla).

Accede a Syspanel (puerto 2106) y ve al administrador de archivos.
Navega hasta la carpeta donde está instalada tu tienda. Normalmente es public_html o www.
Busca el archivo llamado .htaccess. Ojo, los archivos que empiezan por un punto están ocultos. Asegúrate de tener activada la opción de "Mostrar archivos ocultos".
Descarga una copia de seguridad de este archivo por si acaso.
Edita el archivo y añade este código al principio del mismo:

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

Guarda los cambios.

[INFO]: Este código le dice al servidor: "Si alguien viene sin HTTPS, envíalo a la versión segura con un código 301 (movido permanentemente)".

Paso 4: Configurar la URL canónica de la tienda

Este paso es crucial para el SEO. Debemos asegurarnos de que PrestaShop "hable" siempre en HTTPS. Si no, verás errores de contenido mixto (imágenes o scripts cargados por HTTP).

Ve a "Parámetros avanzados" > "Rendimiento" de nuevo.
Busca la opción "URL canónica" o "Redireccionar a la URL canónica".
Actívala. Esto hará que PrestaShop use siempre la URL que tienes configurada en preferencias.

Cambiar la URL en PrestaShop

Ve a "Parámetros avanzados" > "Configuración".
En la pestaña "Parámetros generales", verás los campos "URL de la tienda" y "URL de la tienda (SSL)".
Asegúrate de que ambas empiecen por https:// y no por http://.
Guarda los cambios.

Paso 5: Comprobar que todo funciona correctamente

Ya casi lo tienes. Ahora toca la verificación. Esto es como revisar que el coche no tiene una rueda pinchada antes de salir a carretera.

Limpia la caché de PrestaShop: Ve a "Parámetros avanzados" > "Rendimiento" y haz clic en "Vaciar la caché" en el apartado de caché de plantillas y de Smarty.
Limpia la caché de tu navegador: A veces el navegador guarda la versión antigua de la web.
Abre tu tienda en una ventana de incógnito y escribe https://tu-dominio.com.
Haz clic en el candado que aparece al lado de la URL en el navegador. Debe decir "Conexión segura".
Recorre varias páginas (producto, carrito, checkout) para asegurarte de que no hay errores.

Solución de problemas comunes (FAQ rápida)

Aquí te dejo las dudas más frecuentes que nos llegan al soporte. Si tu problema no está aquí, no dudes en contactarnos.

1. Mi tienda carga en HTTPS pero el candado aparece con un aviso amarillo o "No seguro".

Este es el clásico error de contenido mixto. Significa que tu página está cargada por HTTPS, pero dentro de ella hay imágenes, CSS o JavaScript que se cargan por HTTP.

Solución: Ve a "Parámetros avanzados" > "Rendimiento" y activa la opción "Forzar SSL en todas las páginas". Si el problema persiste, es que algún módulo o tema tiene URLs hardcodeadas con http://. Tendrás que buscar en la configuración del módulo o editar la base de datos para reemplazar http:// por https://.

2. Al activar el SSL, el panel de administración (back-office) no carga.

Esto es un susto muy común.

Solución: No entres en pánico. Simplemente borra la caché de tu navegador y vuelve a intentar. Si no funciona, edita el archivo config/settings.inc.php (en PrestaShop 1.6) o app/config/parameters.php (en PrestaShop 1.7/8) y busca las líneas que definen las URLs. Cámbialas de http:// a https:// manualmente.

3. Me da error al emitir el certificado en Syspanel.

Solución: Verifica que tu dominio apunta correctamente (tiene que tener un registro A o CNAME hacia tu servidor). A veces, el DNS tarda unas horas en propagarse. Espera y reintenta.

4. ¿Necesito renovar el certificado SSL gratuito?

Solución: No te preocupes por esto. Los certificados de Let's Encrypt que se instalan desde Syspanel se configuran para renovarse automáticamente. No tendrás que hacer nada manualmente.

Conclusión: Tu tienda ya es segura y confiable

Felicidades, has configurado SSL PrestaShop correctamente. Ahora tu tienda no solo es más segura para tus clientes, sino que también has mejorado tu posicionamiento en Google y evitarás el molesto aviso de "No seguro".

Recuerda que este proceso se puede resumir en tres pasos clave:

Emitir el certificado SSL en Syspanel (accediendo por el puerto 2106).
Activar la opción "Utilizar SSL" en el back-office de PrestaShop.
Forzar la redirección de HTTP a HTTPS (ya sea con el .htaccess o con la opción de PrestaShop).

Si has seguido esta guía al pie de la letra, tu tienda estará navegando bajo el protocolo HTTPS PrestaShop en cuestión de minutos.

[TIP]: Te recomiendo que después de hacer estos cambios, revises tu cuenta de Google Search Console y solicites la indexación de la nueva versión HTTPS de tus URLs para acelerar el proceso de actualización en el buscador.

Espero que esta guía rápida te haya sido de gran ayuda. Si te ha quedado alguna duda, déjanos un comentario o contacta con nuestro equipo de soporte. ¡Buena suerte con tus ventas!