Cómo configurar SSL para PrestaShop en Plesk

Configurar SSL en tu tienda PrestaShop alojada en Plesk es un paso fundamental para garantizar la seguridad de tus clientes y mejorar tu posicionamiento en buscadores. Un certificado SSL activa el protocolo HTTPS, lo que cifra la información transmitida entre el navegador del usuario y tu servidor. Esto no solo protege datos sensibles como contraseñas y detalles de pago, sino que también muestra el candado de seguridad en la barra de direcciones, generando confianza. Además, Google considera el HTTPS como un factor de ranking, por lo que tu tienda podría subir posiciones en los resultados de búsqueda.

En este artículo, te guiaré paso a paso para que puedas instalar y configurar un certificado SSL en PrestaShop usando el panel de control Plesk. Abordaremos desde la generación del certificado hasta la configuración final en tu tienda, incluyendo la resolución de problemas comunes. No necesitas ser un experto en tecnología; solo sigue las instrucciones y tendrás tu tienda segura en pocos minutos.

¿Qué necesitas antes de empezar?

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

• Acceso a Plesk: Debes tener credenciales de administrador o de un usuario con permisos para gestionar el hosting y los certificados SSL.
• Dominio propio: El dominio que usas para tu tienda PrestaShop debe estar apuntando a tu servidor Plesk.
• Certificado SSL: Puedes obtener uno gratuito (como Let’s Encrypt) o comprar uno de pago. Let’s Encrypt es ideal para empezar, ya que se renueva automáticamente.
• Copia de seguridad: Siempre es recomendable hacer una copia de seguridad de tu tienda y base de datos antes de realizar cambios importantes.

[INFO] Si tu dominio aún no está configurado en Plesk, primero debes añadirlo como suscripción o dominio adicional. Consulta la documentación de tu proveedor de hosting si tienes dudas.

Paso 1: Instalar el certificado SSL en Plesk

El primer paso es obtener e instalar el certificado SSL en tu servidor. Plesk simplifica mucho este proceso, especialmente con Let’s Encrypt.

1.1 Usando Let’s Encrypt (gratuito y automático)

Let’s Encrypt es la opción más sencilla para la mayoría de tiendas. Sigue estos pasos:

1. Inicia sesión en Plesk con tu cuenta de administrador.
2. En el panel izquierdo, ve a Herramientas y configuraciones > Certificados SSL/TLS (o busca "SSL/TLS" en el menú).
3. Haz clic en Añadir certificado SSL y selecciona Let’s Encrypt.
4. Introduce tu dirección de correo electrónico (para notificaciones de renovación) y elige el dominio que quieres proteger (por ejemplo, tutienda.com y www.tutienda.com).
5. Marca la opción Incluir el subdominio www si lo deseas.
6. Haz clic en Obtener y espera unos segundos. Plesk se comunicará con Let’s Encrypt y generará el certificado automáticamente.

[TIP] Let’s Encrypt se renueva automáticamente cada 90 días. Plesk suele gestionar la renovación, pero verifica que el programador de tareas esté activo en tu servidor.

1.2 Usando un certificado de pago

Si ya tienes un certificado SSL comprado a una autoridad certificadora (CA), puedes instalarlo manualmente:

1. En Plesk, ve a Herramientas y configuraciones > Certificados SSL/TLS.
2. Haz clic en Añadir certificado SSL y selecciona Subir certificado.
3. Rellena los campos:
   • Nombre: Un nombre descriptivo (ej. "Certificado pago 2024").
   • Certificado: Pega el contenido del archivo .crt o .pem que te proporcionó la CA.
   • Clave privada: Pega la clave privada (normalmente en un archivo .key).
   • Certificado de CA (opcional): Si tu certificado incluye una cadena de certificados, pégala aquí.
4. Haz clic en Subir certificado. Luego, en la lista de certificados, selecciona el que acabas de subir y haz clic en Configurar para asociarlo a tu dominio.

Paso 2: Forzar HTTPS en el dominio desde Plesk

Una vez instalado el certificado, debes asegurarte de que todo el tráfico de tu tienda se redirija a HTTPS. Esto se hace desde la configuración de hosting de tu dominio.

1. En Plesk, ve a Sitios web y dominios y selecciona el dominio de tu tienda.
2. Haz clic en Configuración de hosting (o Configuración de Apache y nginx).
3. Busca la sección Seguridad o Redirección.
4. Marca la opción Redirigir HTTP a HTTPS (a veces aparece como "Forzar conexión segura" o "Redirección 301 a HTTPS").
5. Guarda los cambios.

[WARNING] Si tu tienda ya está en producción, la redirección a HTTPS puede causar errores de contenido mixto (mixed content) si tienes imágenes o scripts cargados con HTTP. Lo solucionaremos en el siguiente paso.

Paso 3: Configurar PrestaShop para usar HTTPS

Ahora que el servidor ya redirige el tráfico, debes ajustar PrestaShop para que funcione correctamente con HTTPS. Estos cambios son cruciales para evitar que el candado se muestre como "no seguro" o que algunos elementos no carguen.

3.1 Ajustar la URL de la tienda

1. Accede al panel de administración de PrestaShop (normalmente en tudominio.com/admin).
2. Ve al menú Parámetros de la tienda > Parámetros generales.
3. En la sección Configuración de la tienda, verás dos campos:
   • URL de la tienda: Cambia http:// por https://.
   • URL de la tienda (SSL): Debe ser exactamente la misma que la anterior, pero con https://.
4. Guarda los cambios.

[INFO] Si no ves la opción de SSL, asegúrate de que tu tienda esté en modo producción y que el servidor tenga el módulo SSL habilitado.

3.2 Habilitar SSL en PrestaShop

1. En el mismo menú Parámetros generales, busca la opción Habilitar SSL.
2. Actívala (ponla en "Sí").
3. También activa Habilitar SSL en todas las páginas para forzar HTTPS en todo el sitio.
4. Guarda los cambios.

PrestaShop ahora intentará cargar todos los recursos (CSS, JS, imágenes) con HTTPS. Sin embargo, es posible que algunos temas o módulos de terceros aún usen URLs absolutas con HTTP.

3.3 Corregir contenido mixto

El contenido mixto ocurre cuando una página HTTPS carga recursos (imágenes, scripts) desde URLs HTTP. Esto hace que el navegador muestre un aviso de seguridad. Para solucionarlo:

1. Revisa las imágenes de productos: Si subiste imágenes con URLs HTTP, puedes actualizarlas desde el catálogo o usar un módulo de migración.
2. Actualiza módulos y temas: Asegúrate de que todos los módulos y el tema que usas sean compatibles con HTTPS. Muchos temas modernos ya lo manejan automáticamente.
3. Usa un plugin de búsqueda de contenido mixto: Hay módulos gratuitos en el marketplace de PrestaShop que escanean tu tienda y te muestran qué recursos están en HTTP.
4. Forzar HTTPS en el archivo .htaccess: Si tienes acceso al servidor, puedes añadir reglas de redirección. Pero como ya lo hicimos desde Plesk, esto no debería ser necesario.

[TIP] Si después de estos cambios ves el candado como "no seguro" en alguna página, usa la herramienta de desarrollador de tu navegador (F12) y ve a la pestaña "Consola". Allí verás los recursos bloqueados por contenido mixto.

Paso 4: Verificar la configuración SSL

Una vez completados los pasos anteriores, es hora de comprobar que todo funciona correctamente.

4.1 Prueba de navegación

• Abre tu tienda en un navegador (en una ventana de incógnito para evitar caché) y escribe https://tudominio.com.
• Deberías ver el candado verde o un icono de seguridad en la barra de direcciones.
• Navega por varias páginas: inicio, producto, carrito, proceso de pago. Asegúrate de que todas carguen con HTTPS.

4.2 Herramientas online

• SSL Labs: Ve a https://www.ssllabs.com/ssltest/ e ingresa tu dominio. Te dará una calificación (A o A+ es ideal).
• Why No Padlock: Usa https://www.whynopadlock.com/ para detectar contenido mixto en páginas específicas.

4.3 Comprobar la redirección

• Escribe http://tudominio.com en el navegador. Deberías ser redirigido automáticamente a https://tudominio.com. Si no es así, revisa la configuración en Plesk.

Paso 5: Solucionar problemas comunes

Incluso siguiendo los pasos al pie de la letra, pueden surgir algunos inconvenientes. Aquí tienes los más frecuentes y cómo resolverlos.

El candado no aparece o aparece como "no seguro"

• Causa: Contenido mixto (imágenes, scripts o iframes cargados con HTTP).
• Solución: Identifica los recursos problemáticos con la consola del navegador y cámbialos a HTTPS. Si usas un tema personalizado, revisa sus archivos de plantilla.

Error de redirección en bucle (ERR_TOO_MANY_REDIRECTS)

• Causa: Conflicto entre la redirección de Plesk y la de PrestaShop o el archivo .htaccess.
• Solución: Temporalmente, desactiva la redirección en Plesk y en PrestaShop, luego actívala solo en Plesk primero. Si el problema persiste, revisa el archivo .htaccess en la raíz de tu tienda y elimina reglas duplicadas de redirección.

El certificado no se renueva automáticamente (Let’s Encrypt)

• Causa: El programador de tareas de Plesk no está configurado o hay un error de conectividad.
• Solución: En Plesk, ve a Herramientas y configuraciones > Programador de tareas y verifica que exista una tarea para renovar Let’s Encrypt. Si no, créala manualmente o contacta a tu proveedor de hosting.

Después de activar SSL, la tienda se ve mal (CSS roto)

• Causa: Las rutas de los archivos CSS/JS están hardcodeadas con HTTP en la base de datos o en el tema.
• Solución: Usa un módulo como "SSL Redirect" o "HTTPS Fixer" para PrestaShop, que actualiza automáticamente las URLs en la base de datos. También puedes buscar y reemplazar en la base de datos con herramientas como phpMyAdmin, pero ten cuidado de no dañar datos.

Preguntas frecuentes (FAQ)

¿Puedo usar un certificado SSL gratuito para mi tienda PrestaShop?

Sí, Let’s Encrypt es perfectamente válido y seguro. Google lo acepta sin problemas. Solo asegúrate de que se renueve automáticamente.

¿Qué hago si mi hosting no tiene Plesk sino otro panel como Syspanel?

Si tu panel es Syspanel (antes conocido como HestiaCP), el proceso es similar pero con algunas diferencias. En Syspanel, accedes por el puerto 2106 (ejemplo: tudominio.com:2106). Luego, en el panel, busca la sección de SSL o Certificados para instalar Let’s Encrypt. La configuración de PrestaShop es idéntica a la descrita aquí.

¿Necesito SSL si mi tienda no vende productos físicos?

Sí, porque HTTPS protege la privacidad de los usuarios y mejora el SEO. Además, muchos navegadores marcan los sitios HTTP como "no seguros", lo que ahuyenta visitantes.

¿Cómo afecta el SSL al rendimiento de mi tienda?

El cifrado SSL añade una pequeña sobrecarga, pero es mínima. Con un buen hosting y caché, no notarás diferencia. Además, HTTP/2 (que requiere HTTPS) mejora la velocidad de carga.

¿Qué pasa si tengo un certificado SSL caducado?

Los navegadores mostrarán un error de seguridad y los usuarios no podrán acceder a tu tienda. Renueva el certificado antes de que caduque. Let’s Encrypt lo hace automáticamente; los certificados de pago requieren renovación manual.

Conclusión

Configurar SSL para PrestaShop en Plesk es un proceso sencillo que consta de tres pasos principales: instalar el certificado, forzar HTTPS desde el servidor y ajustar la configuración de tu tienda. Siguiendo esta guía, habrás logrado que tu tienda sea más segura, confiable y mejor posicionada en buscadores. Recuerda verificar periódicamente que el certificado esté vigente y que no haya contenido mixto. Si encuentras algún problema, revisa la sección de solución de problemas o consulta con tu proveedor de hosting.

¡Ahora ya puedes ofrecer una experiencia de compra segura a tus clientes! Si tienes dudas, déjalas en los comentarios o contacta con soporte técnico.