Cómo configurar un certificado SSL en Syspanel para PrestaShop

¿Tu tienda PrestaShop sigue funcionando sin el candado en la barra de direcciones? Si es así, estás perdiendo ventas y confianza con tus clientes. Configurar un certificado SSL en Syspanel para PrestaShop es más fácil de lo que piensas, y en esta guía te lo explico paso a paso, sin tecnicismos complicados y con el tono cercano que necesitas.

Vamos a ello. Al final de este artículo, tu tienda tendrá el protocolo HTTPS activo, Google te lo agradecerá con mejor posicionamiento y tus clientes comprarán con total tranquilidad.

¿Por qué es tan importante el SSL en tu PrestaShop?

Antes de ensuciarnos las manos con la configuración, es fundamental que entiendas por qué este paso es obligatorio en el mundo del ecommerce actual.

Seguridad para tus clientes

Un certificado SSL (Secure Sockets Layer) cifra la información que viaja entre el navegador del usuario y tu servidor. Esto significa que datos sensibles como contraseñas, números de tarjeta de crédito o direcciones personales viajan en un "sobre cerrado" que nadie puede abrir. Sin él, esa información viaja en texto plano, expuesta a cualquier ciberdelincuente.

Confianza y credibilidad

¿Te ha pasado que entras a una web y el navegador te muestra un aviso de "No seguro"? Eso es un beso de la muerte para las ventas. Los clientes modernos son muy conscientes de la seguridad online. Ver el candado y el "https://" en la barra de direcciones es una señal de confianza que aumenta la tasa de conversión.

SEO: Google te premia

Desde 2014, Google confirmó que el HTTPS es una señal de ranking. Es decir, las tiendas con certificado ssl prestashop configurado correctamente tienen más posibilidades de posicionarse por encima de sus competidores que no lo tienen. Si quieres que tu tienda salga en los primeros resultados, no puedes ignorar este punto.

Cumplimiento normativo (RGPD)

La normativa europea de protección de datos exige que las webs que manejan datos personales implementen medidas de seguridad adecuadas. El SSL es la base de cualquier estrategia de cumplimiento.

Qué es Syspanel y por qué usamos su puerto 2106

Syspanel es el panel de control que te permite gestionar tu servidor de forma visual y sencilla. Es el "cerebro" que controla tus dominios, bases de datos, correos electrónicos y, por supuesto, los certificados SSL.

Si estás acostumbrado a otros paneles, notarás que Syspanel es muy intuitivo. Para acceder a él, debes hacerlo a través del puerto 2106. Es decir, en tu navegador, escribirás algo como https://tu-servidor:2106.

[WARNING] No intentes acceder a Syspanel por el puerto 2083 o 8443, te dará error. El puerto correcto y único es el 2106.

Requisitos previos antes de configurar el SSL

Asegúrate de tener esto listo para que el proceso sea un paseo:

1. Acceso a Syspanel: Necesitas las credenciales de administrador (usuario y contraseña).
2. Dominio apuntando al servidor: Tu dominio (ej: mitienda.com) debe estar apuntando a la IP de tu servidor donde está instalado Syspanel. Esto se configura en los DNS de tu proveedor de dominio.
3. PrestaShop instalado: Obviamente, tu tienda debe estar funcionando en el servidor.
4. Acceso al servidor por SSH (opcional pero recomendado): Para algunos pasos de verificación, puede ser útil tener acceso por terminal, aunque no es imprescindible si sigues bien esta guía.

Paso 1: Acceder a Syspanel y localizar tu dominio

Lo primero es entrar a tu panel de control. Abre tu navegador y escribe la dirección de tu servidor seguida de dos puntos y el puerto 2106.

https://tu-ip-o-dominio-del-servidor:2106

Introduce tu usuario y contraseña. Una vez dentro, verás el panel principal con todas las opciones.

Busca la sección de "Web" o "Dominios". Ahí verás una lista de todos los dominios alojados en tu servidor. Localiza el dominio donde tienes instalado tu PrestaShop.

Paso 2: Emitir el certificado SSL gratuito (Let's Encrypt)

Syspanel incluye un cliente de Let's Encrypt integrado, lo que nos permite obtener un certificado SSL gratuito y válido por 90 días (se renueva automáticamente) en cuestión de segundos.

Dentro de la configuración de tu dominio, busca una pestaña o botón que diga "SSL" o "Certificados SSL". Al hacer clic, verás una interfaz similar a esta:

• Estado del SSL: Indica si ya hay un certificado instalado o no.
• Botón de emisión: Un botón que dice "Emitir" o "Issue" (en inglés).

Haz clic en el botón para emitir el certificado. Syspanel se comunicará con Let's Encrypt, verificará que eres el dueño del dominio (a través de una validación automática) y, en menos de un minuto, tendrás tu certificado creado.

[INFO] Syspanel gestiona automáticamente la renovación del certificado. No tendrás que preocuparte por renovarlo manualmente cada 3 meses, el sistema lo hará por ti.

Paso 3: Activar la redirección forzada a HTTPS

Una vez emitido el certificado, tienes que asegurarte de que todo el tráfico de tu tienda se redirija automáticamente desde http:// a https://. Esto es crucial para que no haya contenido mixto (elementos cargados por HTTP en una página HTTPS) y para que el usuario siempre vea la versión segura.

En la misma sección de SSL en Syspanel, busca la opción "Forzar HTTPS" o "Redirección a HTTPS". Actívala.

Esta opción creará automáticamente una regla en el servidor (normalmente en el archivo .htaccess o en la configuración de Nginx/Apache) que redirigirá todo el tráfico. No necesitas tocar nada más a nivel de servidor.

Paso 4: Configurar PrestaShop para usar HTTPS

Ahora viene la parte de "peinar" tu PrestaShop. Aunque el servidor ya tiene el certificado y la redirección, PrestaShop tiene su propia configuración interna que debes ajustar.

4.1. Accede al Panel de Administración de PrestaShop

Entra a tu administración de PrestaShop (normalmente en /admin o la URL personalizada que configuraste).

4.2. Ajusta la URL de la tienda

Ve al menú "Configuración avanzada" > "Rendimiento" o "Parámetros avanzados" (depende de la versión, puede variar ligeramente).

Busca la sección "URI/URL de la tienda" o similar. Aquí verás dos campos:

• URL de la tienda: Debe comenzar con https:// en lugar de http://.
• URL de SSL: También debe ser una URL https://.

Asegúrate de que ambos campos tengan la s de seguro. Por ejemplo:

• https://mitienda.com
• https://mitienda.com

Guarda los cambios.

4.3. Activa la opción "Activar SSL" en PrestaShop

En la misma página de configuración, busca la opción "Activar SSL". Está en el menú "Preferencias" > "General" en versiones antiguas, o en "Configuración avanzada" en versiones más modernas.

Actívala y guarda. PrestaShop te preguntará si quieres activar SSL en todas las páginas. Acepta esa opción ("Activar SSL en todas las páginas").

[TIP] Si después de activar esta opción no puedes acceder al panel de administración, no te preocupes. A veces la redirección puede dar un error de "demasiadas redirecciones". En ese caso, borra la caché del navegador y vuelve a intentarlo. Si persiste, tendrás que editar manualmente el archivo settings.inc.php (en PrestaShop 1.6) o .env (en PrestaShop 1.7/8) para cambiar las URLs.

Paso 5: Verificar que todo funciona correctamente

Ya casi lo tienes. Ahora solo queda comprobar que no hay errores.

5.1. Prueba de navegación

Abre tu tienda en una ventana de incógnito. Deberías ver el candado en la barra de direcciones. Haz clic en él para ver los detalles del certificado, debería decir "Conexión segura" y mostrar el nombre de tu dominio.

5.2. Busca contenido mixto

El error de contenido mixto ocurre cuando la página es HTTPS pero carga imágenes, scripts o CSS desde URLs HTTP. Esto hace que el candado desaparezca o aparezca con un aviso.

Para encontrarlos, abre las herramientas de desarrollador de tu navegador (F12) y ve a la pestaña "Consola". Si hay errores de contenido mixto, los verás claramente.

PrestaShop suele manejar esto bien si has cambiado las URLs correctamente. Sin embargo, si tienes imágenes que fueron añadidas manualmente con la URL completa en HTTP, tendrás que actualizarlas.

[WARNING] Si usas un módulo de caché (como PrestaShop Cache), deberás purgarla después de hacer estos cambios. De lo contrario, los clientes verán la versión antigua y desactualizada de la web.

5.3. Comprueba el certificado con herramientas online

Puedes usar herramientas gratuitas como SSL Labs de Qualys para verificar que el certificado está bien instalado y configurado. Solo tienes que poner tu dominio y te dará un informe detallado.

Solución de problemas comunes (FAQ)

Aquí te dejo las dudas más habituales que me suelen plantear los clientes con el certificado ssl prestashop.

"He activado el SSL y ahora mi web da error de 'Demasiadas redirecciones'"

Esto suele pasar por un conflicto entre la redirección del servidor (Syspanel) y la de PrestaShop. Para solucionarlo:

1. Accede a tu servidor por FTP o por el administrador de archivos de Syspanel.
2. Busca el archivo .htaccess en la raíz de tu PrestaShop.
3. Añade estas líneas al principio del archivo (después de la línea RewriteEngine On):

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

Esto fuerza la redirección a nivel de servidor y evita el bucle infinito.

"El candado no aparece, pero la web carga bien"

Esto es un claro síntoma de contenido mixto. Revisa la consola del navegador como te he indicado antes. Busca cualquier recurso (imagen, CSS, JS) que se cargue desde http://. Cambia esas URLs a https:// o usa URLs relativas.

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

Sí, por supuesto. Syspanel te permite subir un certificado SSL de pago (como los de Comodo, DigiCert, etc.). En la sección de SSL, en lugar de "Emitir", busca la opción de "Subir certificado" o "Importar". Tendrás que pegar el certificado, la clave privada y la cadena de certificados que te proporciona tu proveedor.

"¿El SSL afecta a la velocidad de mi tienda?"

Mínimamente. El cifrado y descifrado de datos consume un poco de recursos del servidor, pero es insignificante en comparación con los beneficios. Además, Google prioriza las webs HTTPS, así que el pequeño coste de rendimiento se compensa con un mejor SEO.

Consejos finales para exprimir tu SSL

Una vez que tengas el HTTPS funcionando, no te quedes ahí. Aprovecha esta mejora:

1. Actualiza tu Google Search Console: Añade la propiedad con https:// y presenta un nuevo sitemap.
2. Revisa tus enlaces internos: Asegúrate de que en tus artículos de blog o descripciones no haya enlaces internos con http://.
3. Actualiza tus perfiles de redes sociales: Si tienes un enlace a tu tienda en tu perfil de Facebook o Instagram, cámbialo a la versión HTTPS.

Configurar un certificado SSL en Syspanel para PrestaShop es una tarea que, una vez que la haces, te da una tranquilidad enorme. No solo estás protegiendo a tus clientes, sino que estás construyendo una marca sólida y fiable en el mundo digital.

Espero que esta guía te haya sido de gran ayuda. Si tienes cualquier otra duda, no dudes en contactar con nuestro equipo de soporte. ¡Estamos aquí para ayudarte a que tu negocio online crezca con seguridad!