Instalar SSL en PrestaShop desde Syspanel: tutorial básico

Proteger la información de tus clientes y la tuya propia es una prioridad absoluta en el mundo del comercio electrónico. Un certificado SSL no solo es un requisito técnico, sino una señal de confianza para tus compradores y un factor clave para el posicionamiento en buscadores.

En esta guía, te explicaré paso a paso cómo instalar y configurar un certificado SSL en tu tienda PrestaShop utilizando el panel de control Syspanel (anteriormente conocido como HestiaCP, accesible por el puerto 2106). No necesitas ser un experto en seguridad; solo sigue estas instrucciones y tu tienda estará protegida en pocos minutos.

¿Qué es SSL y por qué es vital para tu tienda PrestaShop?

Empecemos por lo básico. SSL (Secure Sockets Layer) es un protocolo de seguridad que crea un canal encriptado entre el navegador del usuario y tu servidor. Cuando un certificado SSL está activo, los datos que se transmiten (contraseñas, números de tarjeta, direcciones) viajan de forma ilegible para cualquiera que intente interceptarlos.

¿Por qué es obligatorio para tu tienda?

Confianza del cliente: El candado verde en la barra de direcciones y el prefijo "https://" indican que el sitio es seguro. Sin él, muchos compradores abandonarán el carrito.
Requisito de los navegadores: Chrome, Firefox y otros marcan los sitios sin SSL como "No seguros", lo que puede ahuyentar tráfico.
Mejora el SEO: Google favorece los sitios con HTTPS, dándoles una ligera ventaja en los resultados de búsqueda.
Cumplimiento normativo: Para procesar pagos con tarjeta (PCI DSS) o cumplir con el GDPR, el SSL es indispensable.

[INFO] Un certificado SSL no encripta todo el contenido de tu web, solo la comunicación. Es como un túnel seguro: los datos viajan protegidos, pero el contenido de tu tienda sigue siendo visible.

Requisitos previos antes de empezar

Antes de lanzarte a la instalación, asegúrate de tener lo siguiente:

Acceso a Syspanel: Necesitas las credenciales de administrador de tu servidor. Recuerda que la URL de acceso suele ser https://tu-dominio-o-ip:2106.
Un dominio apuntando a tu servidor: El certificado SSL se asocia a un nombre de dominio (ej: tutienda.com). Asegúrate de que los DNS de tu dominio ya estén configurados para apuntar a la IP de tu servidor.
Acceso a PrestaShop: Necesitas las claves del panel de administración de tu tienda (back-office).
Archivos de tu web: No es necesario, pero si algo sale mal, tener una copia de seguridad de los archivos y la base de datos te dará tranquilidad.

Paso 1: Acceder a Syspanel y localizar la sección SSL

El primer paso es entrar a tu panel de control. Abre tu navegador y escribe:

https://IP_DE_TU_SERVIDOR:2106

Introduce tu usuario y contraseña de administrador de Syspanel.

Una vez dentro, verás el panel principal con una lista de tus cuentas de usuario o dominios. Busca el dominio de tu tienda PrestaShop. Normalmente, a la derecha de cada dominio hay un botón o icono que permite acceder a sus opciones avanzadas. Haz clic en el nombre del dominio o en el botón de "Editar" (suele ser un lápiz o tres puntos).

Dentro de las opciones del dominio, busca la pestaña o sección que se llama "SSL" o "SSL Certificate". En Syspanel, suele estar en la parte superior del menú de configuración del dominio.

[TIP] Si no ves la opción SSL, asegúrate de que el dominio esté correctamente configurado con una IP dedicada o un SNI (Server Name Indication) soportado.

Paso 2: Instalar el certificado SSL (Opción Let's Encrypt)

Syspanel integra de serie la posibilidad de obtener un certificado SSL gratuito, válido y automático a través de Let's Encrypt. Esta es la opción más recomendada para la mayoría de las tiendas.

Sigue estos pasos:

En la sección SSL de tu dominio, busca el botón que dice "Get SSL" o "SSL Support". Puede que aparezca como "Let's Encrypt SSL".
Haz clic en ese botón. Se abrirá una ventana o panel con opciones.
Selecciona el tipo de certificado: Normalmente, la opción "Mail" y "Web" (o "Mail + Web") es suficiente. También puedes marcar "Wildcard" si quieres proteger todos los subdominios (ej: *.tutienda.com), pero para una tienda estándar no es necesario.
Activar la renovación automática: Marca la casilla que dice "Renew automatically" o "Auto renew". Esto es crucial para que tu certificado no caduque (Let's Encrypt caduca cada 90 días). Syspanel se encargará de renovarlo sin que tengas que hacer nada.
Haz clic en "Save" o "Install".

El proceso tarda entre 10 y 30 segundos. Syspanel verificará que tu dominio apunta correctamente al servidor y emitirá el certificado. Verás un mensaje de éxito en la interfaz.

[WARNING] Si la instalación falla, es probable que los DNS de tu dominio no estén propagados completamente o que tengas un firewall bloqueando el puerto 80 (HTTP). Espera unos minutos y vuelve a intentarlo. Si el problema persiste, contacta a tu proveedor de hosting.

Paso 3: Forzar HTTPS en PrestaShop desde el back-office

Una vez que el certificado está instalado en el servidor, toca decirle a PrestaShop que use la versión segura. Este paso es fundamental.

Accede al panel de administración de tu tienda PrestaShop (ej: tutienda.com/admin1234).
Ve al menú "Parámetros de la tienda" (o "Shop Parameters") > "Tráfico y SEO" (Traffic & SEO).
En la pestaña "SEO y URLs", busca la sección "Configuración de la URL de la tienda".
Verás dos campos principales:
- URL de la tienda: Debe empezar con https://tutienda.com.
- URL de SSL: Debe empezar con https://tutienda.com.
Activa la opción "SSL activado" (Enable SSL).
Activa la opción "Activar SSL en todas las páginas" (Enable SSL on all pages). Esto es clave para que todo el contenido (imágenes, CSS, JS) se cargue de forma segura y no tengas errores de contenido mixto.
Haz clic en "Guardar".

Verificación rápida: Abre tu tienda en una ventana de incógnito y escribe http://tutienda.com. Deberías ser redirigido automáticamente a https://tutienda.com. Además, verás el candado verde en la barra de direcciones.

[INFO] Si ves un mensaje de "Contenido mixto" (mixed content) en la consola del navegador, significa que hay imágenes, scripts o archivos CSS que se cargan vía HTTP. PrestaShop suele solucionarlo automáticamente con la opción anterior, pero si persiste, revisa los módulos de terceros o las imágenes que hayas subido manualmente.

Paso 4: Configurar la redirección forzada a HTTPS en Syspanel

Aunque PrestaShop ya redirige, es buena práctica que el propio servidor (Syspanel) también fuerce el HTTPS. Esto es útil si algún visitante llega directamente a una URL HTTP sin pasar por el motor de PrestaShop.

Vuelve a Syspanel y accede a la configuración de tu dominio.
Busca la opción "Redirecciones" o "Redirect" (puede estar dentro de "Advanced" o "Web").
Añade una nueva regla de redirección:
- Tipo: 301 (redirección permanente).
- De: http://tutienda.com
- A: https://tutienda.com
- Con o sin www: Decide si quieres redirigir www.tutienda.com a tutienda.com o viceversa. Lo importante es que uses una única versión canónica.
Guarda los cambios.

[TIP] En Syspanel, también puedes hacer esto editando el archivo de configuración de Nginx o Apache (dependiendo de tu servidor) y añadiendo un bloque return 301 https://$host$request_uri;, pero la interfaz gráfica es más sencilla para usuarios no técnicos.

Paso 5: Verificar y solucionar errores comunes

Después de la instalación, es recomendable hacer una comprobación exhaustiva.

Herramientas útiles:

SSL Labs (ssllabs.com): Analiza la configuración de tu SSL y te da una nota de la A a la F. Busca una A o A+.
Why No Padlock (whynopadlock.com): Te dice exactamente qué recursos se cargan sin HTTPS y causan el error de contenido mixto.

Errores típicos y cómo solucionarlos:

"El certificado no es de confianza": Suele pasar si el certificado no se instaló correctamente. Vuelve al paso 2 y reinstala.
"La página se ve rara, sin estilos": Es contenido mixto. Revisa en PrestaShop que la opción "Activar SSL en todas las páginas" esté activa. Si el problema persiste, busca en la base de datos URLs antiguas con http:// y cámbialas a https:// (puedes usar un plugin de búsqueda y reemplazo).
"El candado aparece pero con un triángulo amarillo": Significa que hay contenido mixto pasivo (imágenes, vídeos). Corrige las URLs de esos recursos.

Preguntas Frecuentes (FAQ)

¿Puedo usar un certificado SSL de pago en lugar de Let's Encrypt?
Sí, Syspanel permite instalar certificados de pago (Comodo, DigiCert, etc.). En la misma sección SSL, busca la opción "Upload SSL" o "Import". Necesitarás el archivo .crt (certificado) y .key (clave privada). El proceso es similar, pero no tendrás renovación automática.

¿Qué pasa si mi certificado Let's Encrypt caduca?
Si activaste la renovación automática (paso 2.4), Syspanel lo renovará automáticamente 30 días antes de la caducidad. Si no, recibirás un aviso y tendrás que repetir el proceso manualmente.

Mi tienda usa un subdominio (ej: tienda.midominio.com). ¿Funciona igual?
Sí. En Syspanel, selecciona el subdominio correspondiente y sigue los mismos pasos. Let's Encrypt también emite certificados para subdominios.

¿Afecta SSL al rendimiento de mi tienda?
Mínimamente. La encriptación añade una pequeña carga al servidor, pero con la tecnología actual es imperceptible. Además, el HTTPS permite usar HTTP/2, que es más rápido que HTTP/1.1.

¿Necesito SSL si mi tienda no procesa pagos directamente (uso PayPal)?
Sí, absolutamente. Aunque los datos de pago se procesen en un servidor externo, tu tienda sigue manejando datos personales (nombre, email, dirección). Además, los navegadores exigen HTTPS para cualquier formulario.

Conclusión: Tu tienda ahora es segura

Felicidades, has completado la instalación y configuración de SSL en tu tienda PrestaShop a través de Syspanel. Ahora tus clientes podrán navegar y comprar con total confianza, y tu tienda estará mejor posicionada en Google.

Recuerda que la seguridad es un proceso continuo. Además del SSL, mantén actualizados PrestaShop, sus módulos y tu plantilla. Un sitio seguro es la base de un negocio online exitoso.

Si en algún momento tienes dudas, vuelve a esta guía o consulta la documentación de Syspanel. ¡Tu tienda está protegida!