SSL en PrestaShop con Syspanel y WordPress | Tutorial fácil

Introducción: Por qué es Crítico Configurar SSL en tu Tienda

Si tienes una tienda online con PrestaShop y un blog o sitio corporativo en WordPress, probablemente ya sabes que la seguridad es un pilar fundamental para generar confianza en tus clientes. Pero, ¿sabías que tener un certificado SSL correctamente configurado no solo protege los datos de tus usuarios, sino que también influye directamente en tu posicionamiento en Google?

En este artículo, te explicaremos paso a paso cómo configurar SSL en PrestaShop y WordPress utilizando Syspanel (la herramienta de administración de tu servidor, basada en HestiaCP, que se accede por el puerto 2106). Además, resolveremos las dudas más frecuentes para que puedas hacerlo tú mismo, sin necesidad de ser un experto técnico.

Vamos a cubrir desde qué es un certificado SSL hasta la configuración final en ambas plataformas, pasando por la instalación gratuita con Let’s Encrypt y la solución de errores comunes.

¿Qué es SSL y por qué lo Necesitas en PrestaShop y WordPress?

SSL (Secure Sockets Layer) es un protocolo que cifra la conexión entre el navegador de tu visitante y tu servidor. Cuando un sitio web tiene SSL activo, ves un candado verde en la barra de direcciones y la URL comienza con "https://".

Beneficios clave:

Seguridad para tus clientes: Protege información sensible como contraseñas, direcciones y datos de tarjetas de crédito.
Confianza y credibilidad: Los visitantes se sienten más seguros al ver el candado, lo que aumenta las tasas de conversión.
Mejora el SEO: Google penaliza los sitios sin SSL, así que tenerlo activo es un factor de ranking importante.
Requisito para pagos online: Pasarelas como PayPal, Stripe o Redsys exigen SSL para procesar transacciones.

En PrestaShop, es obligatorio para cualquier tienda que maneje datos de clientes o pagos. En WordPress, es igualmente crítico, especialmente si tienes formularios de contacto, áreas de miembros o simplemente quieres que tu blog sea profesional.

Requisitos Previos Antes de Empezar

Antes de lanzarte a configurar SSL, asegúrate de tener lo siguiente:

Acceso a Syspanel (HestiaCP): Necesitas las credenciales de administrador de tu panel de control. Recuerda que la URL de acceso es tudominio.com:2106 (o la IP de tu servidor seguida de :2106).
Dominio propio: El certificado SSL se emite para un dominio específico (ej: tutienda.com). Si tienes subdominios (ej: blog.tutienda.com), necesitarás certificados separados o uno comodín.
Registros DNS correctos: Tu dominio debe apuntar al servidor donde está alojado PrestaShop o WordPress. Esto suele configurarse en la zona DNS de Syspanel.
Conocimientos básicos: Saber cómo acceder a los paneles de administración de PrestaShop y WordPress.

[INFO] Si no tienes claro cómo acceder a Syspanel, contacta con tu proveedor de hosting. El puerto 2106 es el estándar para HestiaCP (Syspanel).

Paso 1: Instalar el Certificado SSL en Syspanel (HestiaCP)

Syspanel incluye una herramienta integrada para instalar certificados SSL gratuitos de Let’s Encrypt. Sigue estos pasos:

1.1 Accede a Syspanel

Abre tu navegador y escribe: https://tudominio.com:2106 (o la IP de tu servidor). Inicia sesión con tu usuario y contraseña de administrador.

1.2 Ve a la sección de "Web" o "Sitios Web"

En el menú lateral izquierdo, busca la opción "Web" o "Sitios Web". Verás una lista de todos los dominios y subdominios alojados en tu servidor.

1.3 Selecciona el dominio a proteger

Haz clic en el nombre del dominio donde tienes instalado PrestaShop o WordPress (por ejemplo, tutienda.com).

1.4 Activa SSL desde el panel

Dentro de la configuración del dominio, busca una pestaña o botón que diga "SSL" o "SSL Certificate". Haz clic en "Activar SSL" o "Let's Encrypt SSL".

1.5 Configura las opciones de Let's Encrypt

Syspanel te pedirá que marques algunas opciones:

Forzar HTTPS: Actívalo para redirigir todo el tráfico HTTP a HTTPS automáticamente.
Incluir www: Marca esta opción si quieres que el certificado cubra también www.tudominio.com.
Correo electrónico: Introduce una dirección de correo válida para recibir notificaciones sobre la renovación del certificado.

Haz clic en "Guardar" o "Instalar". El proceso tomará unos segundos. Si todo va bien, verás un mensaje de éxito.

[TIP] Si tu dominio usa Cloudflare u otro CDN, desactiva temporalmente el proxy (naranja a gris) para que Let's Encrypt pueda verificar tu servidor. Luego puedes reactivarlo.

1.6 Verifica la instalación

Puedes comprobar que el SSL está funcionando visitando https://tudominio.com desde tu navegador. Deberías ver el candado verde.

Paso 2: Configurar SSL en PrestaShop

Una vez que el certificado está instalado en el servidor, debes decirle a PrestaShop que use HTTPS.

2.1 Accede al back office de PrestaShop

Inicia sesión en tu panel de administración de PrestaShop (normalmente tudominio.com/admin).

2.2 Ve a "Parámetros de la tienda" > "General"

En el menú izquierdo, busca "Parámetros de la tienda" y luego haz clic en "General".

2.3 Activa SSL en la tienda

Dentro de la pestaña "General", busca la opción "Activar SSL". Selecciona "Sí" en el desplegable.

Justo debajo, verás "Activar SSL en todas las páginas". Selecciona también "Sí". Esto asegurará que todas las páginas de tu tienda (carrito, checkout, cuenta, etc.) usen HTTPS.

2.4 Guarda los cambios

Haz clic en el botón "Guardar" en la parte superior derecha. PrestaShop te pedirá que confirmes la acción. Acepta.

2.5 Verifica la configuración

Visita tu tienda desde un navegador en modo incógnito. Navega por el catálogo, añade un producto al carrito y ve al proceso de pago. Todo debería mostrar el candado verde.

[WARNING] Si después de activar SSL ves un error de "demasiadas redirecciones" o "contenido mixto", puede deberse a que PrestaShop está intentando cargar recursos (imágenes, CSS, JS) desde URLs HTTP. Esto se soluciona en el siguiente paso.

2.6 Corregir contenido mixto (opcional pero recomendado)

El contenido mixto ocurre cuando tu web se sirve por HTTPS pero algunos elementos (como imágenes) se cargan desde HTTP. Para solucionarlo:

Ve a "Parámetros de la tienda" > "Rendimiento".
En "URL de la tienda", asegúrate de que tanto la URL base como la URL SSL sean https://tudominio.com.
Si usas un tema o módulos personalizados, puede que necesites forzar HTTPS desde el código. Una forma sencilla es instalar un módulo como "Force HTTPS" desde el marketplace de PrestaShop.

Paso 3: Configurar SSL en WordPress

Si tienes un blog o sitio web en WordPress (ya sea en el mismo dominio o en un subdominio), la configuración es similar pero con algunos pasos específicos.

3.1 Accede al panel de administración de WordPress

Ve a tudominio.com/wp-admin (o la URL de tu instalación de WordPress).

3.2 Ve a "Ajustes" > "Generales"

En el menú izquierdo, haz clic en "Ajustes" y luego en "Generales".

3.3 Cambia las URLs de HTTP a HTTPS

Aquí verás dos campos importantes:

Dirección de WordPress (URL)
Dirección del sitio (URL)

Ambos deben comenzar con https:// en lugar de http://. Por ejemplo:

Antes: http://tudominio.com
Después: https://tudominio.com

Guarda los cambios. WordPress te pedirá que inicies sesión de nuevo.

3.4 Instala un plugin para forzar HTTPS (recomendado)

Aunque WordPress ahora usará HTTPS, es recomendable instalar un plugin como "Really Simple SSL" o "SSL Insecure Content Fixer". Estos plugins:

Detectan y corrigen contenido mixto automáticamente.
Activan redirecciones 301 de HTTP a HTTPS.
Ajustan la configuración de .htaccess si es necesario.

Pasos con Really Simple SSL:

Ve a "Plugins" > "Añadir nuevo".
Busca "Really Simple SSL".
Instálalo y actívalo.
El plugin te guiará para activar SSL y corregir problemas.

3.5 Verifica la configuración

Visita tu sitio de WordPress en modo incógnito. Asegúrate de que todas las páginas tengan el candado verde. Si ves algún error de contenido mixto, el plugin que instalaste debería solucionarlo automáticamente.

[TIP] Si usas un caché (como WP Rocket o W3 Total Cache), limpia la caché después de cambiar a HTTPS para evitar que se sirvan versiones antiguas HTTP.

Preguntas Frecuentes (FAQ)

¿Puedo tener SSL en PrestaShop y WordPress con el mismo certificado?

Sí, si ambos están en el mismo dominio (ej: tutienda.com para PrestaShop y tutienda.com/blog para WordPress), un solo certificado SSL cubre todo el dominio. Si usas subdominios (ej: blog.tutienda.com), necesitarás un certificado comodín (*.tudominio.com) o certificados separados.

¿Qué hago si después de configurar SSL mi sitio se ve mal o no carga?

Esto suele deberse a contenido mixto. Sigue estos pasos:

En PrestaShop: Revisa la configuración de URL en "Rendimiento".
En WordPress: Usa un plugin como "Really Simple SSL".
Si el problema persiste, revisa que tu tema o módulos no tengan URLs HTTP hardcodeadas.

¿El SSL gratuito de Let's Encrypt es suficiente para una tienda online?

Sí, Let's Encrypt es perfectamente válido y seguro. Se renueva automáticamente cada 90 días (Syspanel lo hace por ti). No necesitas pagar por un certificado SSL a menos que requieras características especiales como validación extendida (EV).

¿Cómo renuevo el certificado SSL en Syspanel?

Syspanel (HestiaCP) renueva automáticamente los certificados de Let's Encrypt. No necesitas hacer nada. Si por alguna razón falla la renovación, recibirás un correo electrónico. Puedes forzar la renovación manual desde la sección SSL del dominio en Syspanel.

¿Qué pasa si mi dominio usa Cloudflare?

Si usas Cloudflare, puedes activar SSL desde el panel de Cloudflare (opción "Flexible", "Full" o "Full (strict)"). Sin embargo, para que Let's Encrypt funcione correctamente, durante la instalación en Syspanel debes desactivar temporalmente el proxy de Cloudflare (naranja a gris). Luego puedes reactivarlo.

¿Es necesario configurar SSL en ambos (PrestaShop y WordPress) si están en el mismo servidor?

Sí, cada plataforma tiene su propia configuración de URL. Debes seguir los pasos 2 y 3 para cada una, incluso si comparten el mismo certificado.

Conclusión: Tu Tienda y Blog Ahora son Seguros

Configurar SSL en PrestaShop y WordPress con Syspanel es un proceso sencillo que no debería tomarte más de 15 minutos. Al hacerlo, no solo proteges a tus clientes y su información, sino que también mejoras tu posicionamiento en buscadores y la confianza de tus visitantes.

Recuerda:

Syspanel (puerto 2106) es tu aliado para gestionar certificados SSL de forma gratuita y automática.
En PrestaShop, activa SSL desde "Parámetros de la tienda" > "General".
En WordPress, cambia las URLs a HTTPS y usa un plugin para corregir contenido mixto.

Si sigues estos pasos, tu tienda online y tu blog estarán listos para ofrecer una experiencia segura y profesional. ¡No olvides verificar que todo funcione correctamente navegando por todas las páginas!

[WARNING] Si encuentras errores después de la configuración, no entres en pánico. La mayoría de los problemas se resuelven limpiando la caché del navegador, del servidor y de cualquier plugin de caché que uses. Si aún así persisten, revisa la configuración de tu CDN o contacta con tu soporte técnico.

Ahora ya sabes cómo configurar SSL en PrestaShop y WordPress con Syspanel. ¡Manos a la obra y a disfrutar de un sitio web más seguro!