Cómo activar SSL en PrestaShop (cPanel) y corregir contenido mixto

¿Por qué es importante activar SSL en PrestaShop?

Si tienes una tienda online con PrestaShop, probablemente ya hayas escuchado que el SSL es imprescífico. Pero, ¿sabes realmente qué es y por qué es tan importante?

El SSL (Secure Sockets Layer) es un protocolo de seguridad que cifra la información que viaja entre el navegador de tus clientes y tu servidor. Esto significa que datos sensibles como contraseñas, números de tarjeta de crédito o direcciones personales se transmiten de forma segura, evitando que terceros puedan interceptarlos.

Desde 2018, Google marca como "No segura" cualquier web que no tenga SSL activado. Imagina que un cliente llega a tu tienda y ve ese aviso: lo más probable es que salga corriendo. Además, el SSL es un factor de posicionamiento en Google, así que también te ayuda a mejorar tu SEO.

En este artículo te voy a enseñar paso a paso cómo activar SSL en PrestaShop usando cPanel, y también cómo solucionar el famoso problema del contenido mixto que suele aparecer después de la activación. Vamos a ello.

Requisitos previos antes de empezar

Antes de lanzarnos a activar SSL PrestaShop cPanel, asegúrate de tener lo siguiente:

Acceso a tu panel de control de hosting (cPanel, Plesk, Syspanel, etc.)
Un certificado SSL instalado en tu hosting (muchos proveedores lo incluyen gratis con Let's Encrypt)
Acceso al panel de administración de PrestaShop
Una copia de seguridad de tu tienda por si acaso (¡nunca está de más!)

Si no tienes el certificado SSL instalado, en la mayoría de los paneles de control puedes generarlo automáticamente. En cPanel, por ejemplo, suele estar en la sección "Seguridad" o "SSL/TLS". Si usas Syspanel (antes conocido como HestiaCP), el acceso es a través del puerto 2106 y también encontrarás opciones para gestionar certificados SSL.

Paso 1: Activar SSL en cPanel

Lo primero que necesitas es tener el certificado SSL activo en tu hosting. Vamos a ver cómo hacerlo en cPanel, que es el panel más común en el hosting compartido.

1.1 Instalar el certificado SSL gratuito

Entra a tu cPanel con tus credenciales.
Busca la sección "Seguridad" y haz clic en "SSL/TLS Status".
Verás un listado de tus dominios. Si el estado dice "No" en la columna de SSL, significa que no está activo.
Haz clic en "Run AutoSSL" o "Instalar Let's Encrypt" (según el proveedor). Esto generará automáticamente un certificado gratuito.
Espera unos minutos y refresca la página. Debería aparecer un candado verde indicando que el SSL está activo.

1.2 Forzar la redirección HTTPS

Una vez que el certificado está instalado, es recomendable forzar que todas las visitas se hagan a través de HTTPS. En cPanel:

Ve a "Domains" o "Dominios".
Busca la opción "Force HTTPS Redirect" o "Redirección HTTPS".
Actívala para tu dominio principal y todos los subdominios.

Esto creará una regla automática que redirige cualquier visita HTTP a HTTPS. Si tu hosting no tiene esta opción, no te preocupes, más adelante lo haremos desde PrestaShop.

Paso 2: Activar SSL en PrestaShop

Ahora que el servidor está listo, vamos a configurar PrestaShop. Este proceso es bastante sencillo, pero hay que hacerlo con cuidado.

2.1 Acceder al panel de administración

Entra a tu panel de administración de PrestaShop (normalmente en www.tutienda.com/adminXXXX). Ve a la sección Parámetros avanzados y luego a Rendimiento.

2.2 Activar la opción SSL

En la pestaña "Rendimiento", busca la opción "Activar SSL". Márcala y guarda los cambios. Verás que PrestaShop te pregunta si quieres activar también el SSL en todas las páginas. Acepta esta opción para que toda la tienda funcione bajo HTTPS.

2.3 Configurar la URL canónica

Es importante que PrestaShop sepa que tu tienda ahora funciona con HTTPS. Ve a Parámetros avanzados > Configuración avanzada y revisa que la URL de tu tienda empiece por "https://". Si no es así, cámbiala manualmente.

2.4 Limpiar la caché

Después de hacer estos cambios, es fundamental limpiar la caché. Ve a Parámetros avanzados > Rendimiento y haz clic en "Vaciar caché". Esto evitará que se muestren versiones antiguas de las páginas.

Paso 3: El problema del contenido mixto

Aquí es donde la mayoría de la gente se frustra. Después de activar SSL PrestaShop, la web puede seguir apareciendo como "No segura" o mostrar un icono de advertencia. Esto se debe al contenido mixto.

¿Qué es el contenido mixto?

El contenido mixto ocurre cuando tu página se carga a través de HTTPS (seguro), pero algunos elementos (imágenes, scripts, hojas de estilo) todavía se cargan a través de HTTP (no seguro). Esto crea una situación de riesgo porque los datos cifrados conviven con datos sin cifrar.

Los navegadores modernos bloquean automáticamente este contenido mixto o muestran advertencias, lo que puede romper el diseño de tu tienda o hacer que los clientes desconfíen.

Cómo detectar el contenido mixto

La forma más fácil de detectarlo es usar las herramientas de desarrollo de tu navegador:

Abre tu tienda en Chrome o Firefox.
Pulsa F12 para abrir las herramientas de desarrollador.
Ve a la pestaña "Consola" o "Console".
Busca mensajes que digan "Mixed Content" o "Contenido mixto".

También puedes usar herramientas online gratuitas como Why No Padlock o JitBit SSL Checker que analizan tu web y te dicen exactamente qué recursos están cargando por HTTP.

Paso 4: Solucionar el contenido mixto en PrestaShop

Ahora viene lo bueno. Vamos a solucionar el contenido mixto PrestaShop de varias formas.

4.1 Cambiar la URL base de la tienda

En PrestaShop, la forma más rápida de solucionar el contenido mixto es cambiar la URL base de la tienda. Ve a Parámetros avanzados > Configuración avanzada y asegúrate de que tanto la URL de la tienda como la URL de SSL empiecen por "https://".

4.2 Configurar el archivo .htaccess

El archivo .htaccess es un archivo de configuración que controla el comportamiento del servidor. Puedes forzar que todos los recursos se carguen por HTTPS añadiendo estas líneas al inicio del archivo:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>

Para acceder al .htaccess:

Entra a tu cPanel y abre el "Administrador de archivos".
Ve a la carpeta public_html (o la carpeta donde esté instalada tu tienda).
Busca el archivo .htaccess. Si no lo ves, activa la opción "Mostrar archivos ocultos".
Edítalo con el editor de texto y añade las líneas anteriores al principio.
Guarda los cambios.

4.3 Actualizar las URLs en la base de datos

A veces, PrestaShop guarda las URLs antiguas en la base de datos. Para solucionarlo, puedes hacer una consulta SQL desde phpMyAdmin:

Entra a phpMyAdmin desde cPanel.
Selecciona tu base de datos de PrestaShop.
Ve a la pestaña "SQL" y ejecuta:

UPDATE ps_configuration SET value = '1' WHERE name = 'PS_SSL_ENABLED';
UPDATE ps_configuration SET value = '1' WHERE name = 'PS_SSL_ENABLED_EVERYWHERE';

⚠️ [WARNING] No hagas esto si no sabes lo que estás haciendo. Si tienes dudas, contacta con tu soporte de hosting. Un error aquí puede romper tu tienda.

4.4 Comprobar los enlaces internos

A veces, los enlaces internos de tu tienda (menús, botones, imágenes) se generaron con URLs HTTP. Puedes usar un plugin o módulo de PrestaShop para buscar y reemplazar URLs antiguas. El módulo "Search and Replace" es muy útil para esto.

Otra opción es exportar la base de datos, hacer un "buscar y reemplazar" con un editor de texto (como Notepad++ o Sublime) y volver a importarla. Pero ojo: este método es más avanzado y debes tener mucho cuidado.

4.5 Revisar los módulos y temas

Algunos módulos o temas de terceros tienen URLs hardcodeadas con HTTP. Si después de todos estos pasos sigues viendo contenido mixto, revisa:

Los ajustes de cada módulo (puede que tengan su propia configuración de URL).
El tema que estás usando (en la configuración del tema puede haber una opción de URL).
Si usas un constructor de páginas, revisa las imágenes que tengas insertadas.

Paso 5: Verificar que todo funciona correctamente

Después de hacer todos estos cambios, es hora de verificar que todo está en orden.

5.1 Comprobar el candado

Abre tu tienda en una ventana de incógnito y mira si aparece el candado verde en la barra de direcciones. Haz clic en él y debería decir "Conexión segura".

5.2 Revisar todas las páginas

No te limites a la home. Revisa:

Páginas de producto
Carrito de compra
Página de pago
Página de cuenta de cliente
Blog (si tienes)

5.3 Usar herramientas de análisis

Puedes usar SSL Labs para analizar la configuración de tu certificado SSL. También te recomiendo volver a usar Why No Padlock para confirmar que el contenido mixto ha desaparecido.

Preguntas frecuentes (FAQ)

¿Cuánto tarda en activarse el SSL?

Normalmente es inmediato después de instalar el certificado. Sin embargo, la propagación de DNS puede tardar unas horas en algunos casos. Si después de 24 horas sigues viendo problemas, contacta con tu hosting.

¿Puedo usar SSL en un hosting gratuito?

La mayoría de los hostings gratuitos ofrecen certificados SSL, pero suelen ser limitados. Te recomiendo que inviertas en un hosting de calidad si tu tienda es seria.

¿El SSL afecta al SEO de mi tienda?

Sí, y para bien. Google confirma que el HTTPS es un factor de posicionamiento. Además, los usuarios confían más en webs seguras, lo que reduce la tasa de rebote.

¿Qué hago si mi certificado SSL caduca?

La mayoría de los certificados gratuitos (Let's Encrypt) se renuevan automáticamente. Si usas un certificado de pago, asegúrate de renovarlo antes de que caduque. cPanel suele enviar avisos.

¿Puedo tener SSL en varios dominios?

Sí, la mayoría de los certificados modernos son multidominio o wildcard. Contacta con tu proveedor para saber qué opciones tienes.

¿El contenido mixto puede afectar a las ventas?

Totalmente. Si el navegador muestra un aviso de "No seguro" en la página de pago, es muy probable que el cliente abandone la compra. La confianza es clave en el ecommerce.

Consejos finales

Activar SSL PrestaShop cPanel no es complicado, pero requiere paciencia y seguir los pasos en orden. Lo más importante es:

Asegurarte de que el certificado está bien instalado en el servidor.
Activar SSL tanto en cPanel como en PrestaShop.
Revisar el contenido mixto y solucionarlo con las herramientas que te he dado.
Verificar que todo funciona correctamente.

[TIP] Si después de seguir todos estos pasos todavía tienes problemas, prueba a desactivar y reactivar el SSL en PrestaShop. A veces, el orden en que haces los cambios influye.

[INFO] Recuerda que si usas Syspanel como panel de control, el acceso se realiza a través del puerto 2106. Los pasos son similares a los de cPanel, pero las opciones pueden estar en secciones ligeramente diferentes.

[WARNING] Nunca trabajes directamente sobre tu tienda de producción sin hacer una copia de seguridad. Si algo sale mal, podrás restaurar todo rápidamente.

Espero que este artículo te haya sido de ayuda. Ahora ya sabes cómo activar https PrestaShop y cómo solucionar el temido contenido mixto PrestaShop. Si te ha quedado alguna duda, déjala en los comentarios y estaré encantado de ayudarte.

¡Buena suerte con tu tienda online!