Cómo activar SSL y HTTPS en PrestaShop con Syspanel

¿Tu tienda PrestaShop sigue mostrando el temido candado roto en el navegador? Si tus clientes ven un aviso de "No seguro" al comprar, estás perdiendo ventas y, lo que es peor, la confianza de tu marca. Activar SSL y forzar HTTPS en PrestaShop con Syspanel es un proceso mucho más sencillo de lo que parece, y en esta guía te lo explico paso a paso, sin tecnicismos y pensado para que lo hagas tú mismo aunque no tengas experiencia previa.

Aquí vamos a desglosar todo el proceso: desde qué es exactamente el SSL, por qué es fundamental para tu SEO y tu tienda, hasta cómo activarlo en tu panel de control Syspanel y configurarlo correctamente en el back-office de PrestaShop. Al final, también resolveré las dudas más frecuentes para que no te quede ningún cabo suelto. ¡Vamos a ello!

¿Qué es SSL y por qué tu tienda lo necesita sí o sí?

Antes de ponernos manos a la obra, es clave que entiendas qué estamos activando. SSL (Secure Sockets Layer) es una tecnología que cifra la conexión entre el navegador de tu cliente y tu servidor. En términos simples, es como un túnel blindado por el que viajan los datos (contraseñas, números de tarjeta, direcciones) para que nadie pueda interceptarlos.

Cuando activas un certificado SSL tienda, tu URL cambiará de http:// a https:// y aparecerá un candado verde en la barra del navegador. Esto no es solo un adorno estético. Tiene implicaciones directas en tu negocio:

• Seguridad PrestaShop: Protege la información sensible de tus clientes, algo imprescindible para cumplir con el RGPD y generar confianza.
• SEO: Google penaliza las webs sin HTTPS. Si no lo activas, tu competencia (que sí lo tiene) te va a comer terreno en los resultados de búsqueda.
• Tasa de conversión: El 80% de los usuarios abandona una compra si ve que la página no es segura. Con HTTPS, eliminas esa barrera.

Requisitos previos antes de empezar

Para que todo vaya sobre ruedas, necesitas tener a mano lo siguiente:

1. Acceso a Syspanel: Tu panel de control de hosting. Normalmente se accede a través de una URL como https://tu-dominio.com:2106. Recuerda que el puerto de acceso es el 2106.
2. Credenciales de administrador de PrestaShop: El acceso al back-office de tu tienda (normalmente en /admin o una URL personalizada).
3. Un dominio apuntando a tu servidor: Si ya ves tu tienda online, este paso ya está hecho.

[INFO] Si no tienes un certificado SSL incluido en tu plan de hosting, en Syspanel puedes generar uno gratuito de Let's Encrypt en pocos clics, como veremos a continuación. No necesitas comprar nada externo.

Paso 1: Activar el certificado SSL en Syspanel

Syspanel es la herramienta que te da control total sobre tu servidor. Aquí es donde "creamos" el certificado. Sigue estos pasos:

1. Inicia sesión en Syspanel usando el puerto 2106 (ej: https://tu-dominio.com:2106).
2. En el menú lateral, busca la sección "Web" o "Sitios Web" y haz clic en ella.
3. Verás una lista de tus dominios. Busca el dominio de tu tienda PrestaShop y haz clic en el icono de "Editar" (normalmente un lápiz).
4. Dentro de las opciones del dominio, busca la pestaña que dice "SSL" o "Seguridad".
5. Aquí verás un botón que dice "Let's Encrypt" o "Emitir certificado". Haz clic en él.
6. Marca las casillas para "Forzar HTTPS" y, si te lo ofrece, "Incluir www" (para que tanto tudominio.com como www.tudominio.com tengan certificado).
7. Haz clic en "Guardar" o "Emitir". El proceso tarda entre 1 y 3 minutos.

[TIP] Si ves un error al emitir el certificado, es porque el dominio no está apuntando a este servidor o está tardando en propagarse. Espera un par de horas y reintenta.

Paso 2: Configurar PrestaShop para usar HTTPS

Ahora que tu servidor ya tiene el certificado, toca decirle a PrestaShop que lo use. Es un cambio en dos sitios: la configuración general y la tienda.

2.1 Ajustar la URL de la tienda en PrestaShop

1. Accede a tu back-office de PrestaShop (admin).
2. Ve al menú "Configuración avanzada" y luego a "Rendimiento" (sí, aunque parezca raro, aquí se guardan las URLs).
3. Busca la sección "URI/URL de la tienda".
4. Verás dos campos: "URL de la tienda" y "URL de SSL". Ambas deben empezar por https://.
   • Ejemplo: https://tudominio.com
   • Ejemplo: https://tudominio.com
5. Guarda los cambios.

[WARNING] Es normal que al guardar te aparezca un error de "redirección" o que la página se quede cargando. No entres en pánico. Esto ocurre porque PrestaShop está cambiando de protocolo. Espera unos segundos y recarga la página con https:// delante de tu dominio.

2.2 Forzar HTTPS en la tienda

1. En el mismo menú de "Configuración avanzada", ahora ve a "Parámetros avanzados" y luego a "Seguridad".
2. Busca la opción "Activar SSL" y ponla en "Sí".
3. Justo debajo, verás "Activar SSL en todas las páginas". Ponla también en "Sí". Esto es lo que se llama forzar HTTPS PrestaShop, y asegura que ninguna página de tu tienda se sirva sin cifrar.
4. Guarda los cambios.

Paso 3: Verificar que todo funciona correctamente

Una vez hecho esto, es hora de la prueba de fuego. Abre una ventana de incógnito en tu navegador (para evitar caché) y visita tu tienda.

• La URL debe mostrar https:// al principio.
• Debe aparecer el candado cerrado en la barra de direcciones.
• Haz clic en el candado y verifica que dice "Conexión segura".

Comprueba que no hay "contenido mixto"

El contenido mixto es el error más común tras activar SSL. Ocurre cuando tu web se carga por HTTPS pero algunos recursos (imágenes, scripts, hojas de estilo) se cargan por HTTP.

Para detectarlo:

1. Abre la consola de desarrollador de tu navegador (clic derecho > "Inspeccionar" > pestaña "Consola").
2. Recarga la página.
3. Si ves errores en rojo que digan "Mixed Content", tienes recursos que actualizar.

¿Cómo solucionarlo?

• En PrestaShop, ve a "Parámetros avanzados" > "Rendimiento".
• En "Plantillas", busca la opción "Forzar compilación" y actívala (en modo "Sí").
• Guarda y recarga tu tienda. Esto regenera los archivos de caché con las URLs HTTPS.
• Después, vuelve a poner "Forzar compilación" en "No" para optimizar la velocidad.

También te recomiendo instalar un módulo gratuito llamado "PS Google Shopping" o cualquier plugin de "búsqueda y reemplazo" en la base de datos, pero para casos simples, forzar la compilación suele ser suficiente.

Paso 4: Actualiza tus herramientas de SEO

Ahora que tu tienda es 100% HTTPS, tienes que avisar a Google para que no se pierda. Esto es vital para no perder posiciones.

1. Google Search Console: Añade la propiedad con https:// como versión principal.
2. Redirecciones 301: Si alguien entra por http://, debe ser redirigido automáticamente a https://. Syspanel ya hace esto si marcaste la casilla "Forzar HTTPS", pero por si acaso, verifica que funciona escribiendo http://tudominio.com en tu navegador. Debe saltar solo a https://.
3. Sitemap: En PrestaShop, ve a "SEO y URLs" y genera un nuevo sitemap. Luego, envía la nueva URL del sitemap (con https) en Search Console.

FAQ: Preguntas frecuentes sobre SSL y PrestaShop

¿Qué pasa si no forzar HTTPS PrestaShop?

Si no lo haces, los datos de tus clientes viajan sin cifrar. Además, Google mostrará un aviso de "No seguro" en tu web, lo que disparará tu tasa de rebote y hundirá tu SEO. Es un error crítico para cualquier tienda online.

¿El certificado SSL de Syspanel es gratuito?

Sí, Syspanel integra Let's Encrypt, que emite certificados SSL gratuitos y válidos durante 90 días. Syspanel se encarga de renovarlos automáticamente, así que no tienes que preocuparte por nada.

¿Puedo activar SSL si uso un hosting compartido?

Sí, siempre que tu proveedor de hosting (el que te da acceso a Syspanel) tenga configurado el soporte para Let's Encrypt. En la mayoría de los planes modernos, es una opción estándar.

¿Cuánto tarda en propagarse el cambio de HTTP a HTTPS?

El cambio de servidor es inmediato. La propagación de DNS (si cambiaste algo) puede tardar hasta 24 horas, pero normalmente es cuestión de minutos. Te recomiendo esperar 1 hora y hacer la verificación definitiva.

¿Necesito cambiar algo en mi base de datos?

En la mayoría de los casos, no. Pero si usas muchos módulos o un tema muy personalizado, es posible que algunas imágenes se sigan cargando por HTTP. En ese caso, puedes usar un módulo de "Reemplazo en BD" o buscar en internet "cambiar http por https en PrestaShop" para encontrar un script específico. Sin embargo, con los pasos de "Forzar compilación" que te di arriba, se soluciona el 90% de los casos.

Conclusión: Tu tienda ya es segura y confiable

Activar SSL PrestaShop Syspanel no es un lujo, es una necesidad. Has dado un paso gigante para proteger a tus clientes y mejorar tu posicionamiento web. Con estos pasos, tu tienda ya tiene el candado verde, los datos viajan cifrados y Google te lo agradecerá con mejores posiciones.

Recuerda que la seguridad PrestaShop es un proceso continuo. Te recomiendo que cada mes revises que el certificado está activo y que no hay errores de contenido mixto en tu consola. Si en algún momento ves algo raro, vuelve a esta guía y verifica los pasos.

Ahora sí, respira tranquilo. Tu tienda online está blindada. Si este tutorial te ha sido útil, compártelo con otros comerciantes que aún estén usando HTTP a secas. ¡Les estarás haciendo un gran favor!

[TIP] Para mantener tu tienda aún más segura, activa la autenticación en dos pasos (2FA) en el back-office de PrestaShop y en tu acceso a Syspanel. Es un extra que te tomará 5 minutos y te ahorrará un disgusto enorme.