Activar SSL en PrestaShop y Corregir Contenido Mixto

¿Por qué es tan importante activar SSL/HTTPS en PrestaShop?

Si tienes una tienda online con PrestaShop, seguramente habrás oído hablar del SSL y del HTTPS, pero quizás no tengas claro por qué son tan importantes o cómo activarlos. Te lo explicamos de forma sencilla: 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.

Cuando lo activas, la dirección de tu tienda cambia de http:// a https:// y aparece un candado en la barra del navegador.

Activar SSL PrestaShop no es solo una opción recomendable, sino una necesidad absoluta en la actualidad. Primero, porque Google penaliza las webs sin HTTPS, mostrándolas peor en los resultados de búsqueda. Segundo, porque tus clientes necesitan sentirse seguros al introducir sus datos personales y de pago. Y tercero, porque los navegadores modernos marcan las webs sin HTTPS como "No seguras", lo que puede espantar a los compradores.

En este artículo te guiaremos paso a paso para que puedas activar el HTTPS en PrestaShop y, además, te enseñaremos a solucionar el molesto problema del contenido mixto. Vamos a ello.

Requisitos previos antes de activar SSL

Antes de empezar con la configuración en PrestaShop, necesitas asegurarte de que tu servidor tiene instalado un certificado SSL válido. Este certificado es el que permite cifrar la conexión.

¿Cómo saber si tu hosting tiene SSL?

La mayoría de los proveedores de hosting actuales incluyen certificados SSL gratuitos (como Let's Encrypt) en sus planes. Si usas un panel de control como Syspanel (recuerda que el acceso es a través del puerto 2106), normalmente podrás activarlo desde el apartado de dominios o SSL/TLS.

[TIP] Si no sabes si tu hosting tiene SSL activo, prueba a acceder a tu tienda escribiendo https://tudominio.com directamente. Si te aparece el candado, ya tienes el certificado instalado. Si no, contacta con tu proveedor de hosting.

¿Qué es el contenido mixto?

El contenido mixto ocurre cuando tu página se carga a través de HTTPS (seguro), pero algunos recursos como imágenes, scripts o archivos CSS se cargan a través de HTTP (no seguro). Esto provoca que el candado desaparezca y que los navegadores bloqueen ciertos elementos, lo que puede romper el diseño de tu tienda o impedir que los formularios funcionen correctamente.

A lo largo de este artículo te enseñaremos a detectar y arreglar el contenido mixto en PrestaShop.

Cómo activar SSL en PrestaShop paso a paso

Ahora sí, vamos con la parte práctica. Sigue estos pasos cuidadosamente y tendrás tu tienda funcionando con HTTPS en pocos minutos.

Paso 1: Activar SSL desde el panel de administración

Accede al panel de administración de tu PrestaShop (normalmente en tudominio.com/admin).
Ve al menú Parámetros avanzados en el menú lateral izquierdo.
Haz clic en Rendimiento.
Busca la sección SSL o Seguridad.
Encontrarás la opción Activar SSL. Actívala y guarda los cambios.

[WARNING] Es importante que actives solo la primera opción (SSL) sin activar la opción "Activar SSL en todas las páginas" todavía. Hazlo de forma progresiva para evitar bloqueos.

Paso 2: Activar SSL en todas las páginas

Una vez que hayas activado el SSL básico y comprobado que tu tienda sigue funcionando, vuelve a Parámetros avanzados > Rendimiento y activa ahora la opción Activar SSL en todas las páginas.

Esto forzará a que todas las páginas de tu tienda utilicen HTTPS, no solo las del área de clientes.

Paso 3: Forzar HTTPS desde el archivo .htaccess

Para asegurarte de que todas las visitas sean redirigidas automáticamente a HTTPS, puedes añadir una regla en el archivo .htaccess de tu PrestaShop. Este archivo se encuentra en la raíz de tu instalación.

Accede a tu hosting mediante FTP o desde el administrador de archivos de tu panel (recuerda, si usas Syspanel, el acceso es por el puerto 2106) y busca el archivo .htaccess.

Al final del archivo, añade estas líneas:

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

Guarda los cambios y sube el archivo si lo has modificado localmente.

[INFO] También puedes hacer esto desde el propio PrestaShop. Ve a Parámetros avanzados > Rendimiento y en la sección "Redirección de URL" elige la opción "Redirigir a HTTPS".

Paso 4: Actualizar la URL de la tienda en PrestaShop

Después de activar el SSL, debes asegurarte de que la URL base de tu tienda esté actualizada a HTTPS.

Ve a Parámetros avanzados > Rendimiento o directamente a Parámetros Generales dependiendo de tu versión de PrestaShop.
Busca el campo URL de la tienda o Dominio.
Cambia http:// por https://.
Guarda los cambios.

Cómo arreglar el contenido mixto en PrestaShop

Después de activar HTTPS, es muy probable que aparezcan problemas de contenido mixto. No te preocupes, es normal y tiene solución.

Detectar el contenido mixto

Para detectar qué elementos se están cargando en HTTP, puedes hacer lo siguiente:

Abre tu tienda en el navegador Chrome.
Pulsa la tecla F12 para abrir las herramientas de desarrollador.
Ve a la pestaña Consola.
Busca los errores que mencionen "Mixed Content" o "contenido mixto".
También puedes ir a la pestaña Network o Red y recargar la página. Filtra por "HTTP" para ver qué recursos se cargan sin cifrar.

Solucionar el contenido mixto en PrestaShop

Una vez identificados los recursos problemáticos, tienes varias opciones para solucionarlo:

Opción 1: Cambiar las URLs manualmente

Si los recursos problemáticos son imágenes o enlaces que tienes en el contenido de tus productos o páginas CMS, puedes editarlos manualmente:

Ve a Catálogo > Productos y edita cada producto.
Busca las imágenes o enlaces en las descripciones.
Cambia http:// por https:// en las URLs.

Opción 2: Usar un plugin o módulo

Para PrestaShop existen módulos que automatizan la corrección del contenido mixto. Busca en el marketplace de PrestaShop "SSL Content Fixer" o "Mixed Content Fixer". Estos módulos detectan y corrigen automáticamente las URLs de tu tienda.

Opción 3: Modificar la base de datos

Si tienes muchas URLs con HTTP en tu base de datos, puedes hacer un cambio masivo usando una consulta SQL. Accede a phpMyAdmin desde tu panel de hosting, selecciona tu base de datos y ejecuta:

UPDATE ps_product_lang SET description = REPLACE(description, 'http://tudominio.com', 'https://tudominio.com');
UPDATE ps_product_lang SET description_short = REPLACE(description_short, 'http://tudominio.com', 'https://tudominio.com');

[WARNING] Antes de ejecutar consultas SQL, haz una copia de seguridad de tu base de datos. Un error podría dañar tu tienda.

Opción 4: Forzar HTTPS en archivos de tema

A veces el tema de tu PrestaShop tiene URLs HTTP hardcodeadas en sus archivos. Revisa los archivos del tema en busca de http:// y cámbialos por https://. Puedes usar un editor de texto como Sublime Text o Notepad++ que tenga función de buscar y reemplazar en todos los archivos de una carpeta.

Problemas comunes al activar SSL y cómo solucionarlos

Error "No se pudo conectar de forma segura"

Si después de activar SSL no puedes acceder a tu tienda, puede ser que el certificado no esté bien instalado o que haya una redirección incorrecta.

Solución: Accede a tu tienda usando http://tudominio.com y desactiva el SSL desde el panel de administración. Revisa la instalación del certificado en tu hosting.

El candado no aparece en el navegador

Esto indica que todavía hay contenido mixto en tu página. Sigue los pasos de detección y corrección que te hemos indicado anteriormente.

Imágenes rotas o que no cargan

Si tus imágenes no cargan después de activar HTTPS, es porque están referenciadas con URLs HTTP. Aplica las soluciones de contenido mixto mencionadas antes.

Problemas con el carrito de compra

A veces el carrito deja de funcionar después de activar SSL. Esto suele deberse a que las cookies no se están configurando correctamente. Ve a Parámetros avanzados > Rendimiento y busca la sección de cookies. Asegúrate de que la opción "Forzar el uso de HTTPS" en las cookies esté activada.

Verificación final y consejos

Una vez que hayas activado SSL y corregido el contenido mixto, haz una verificación completa:

Navega por todas las secciones de tu tienda.
Realiza una compra de prueba completa.
Comprueba que el candado aparece en todas las páginas.
Usa herramientas online como "Why No Padlock" o "SSL Labs" para verificar que todo está correcto.

[TIP] Después de activar SSL, actualiza tu cuenta de Google Search Console y vuelve a enviar tu sitemap para que Google indexe las nuevas URLs HTTPS.

Preguntas frecuentes (FAQ)

¿Cuánto tarda en activarse un certificado SSL?

Depende del tipo de certificado. Los gratuitos como Let's Encrypt suelen activarse en minutos. Los certificados de pago pueden tardar entre unas horas y varios días.

¿Puedo activar SSL si mi hosting no lo ofrece?

Si tu hosting no ofrece SSL gratuito, puedes obtener uno de Let's Encrypt de forma gratuita e instalarlo manualmente, o considerar cambiar a un hosting que lo incluya.

¿Qué hago si no encuentro la opción de SSL en PrestaShop?

En versiones antiguas de PrestaShop, la opción puede estar en Preferencias > General o en Parámetros avanzados > Rendimiento. Si no aparece, puede que tu versión necesite una actualización.

¿El contenido mixto afecta al SEO?

Sí, el contenido mixto puede afectar negativamente a tu posicionamiento porque los buscadores penalizan las webs que no son completamente seguras.

¿Debo cambiar las URLs de mis enlaces externos?

No es necesario cambiar enlaces externos. Solo debes asegurarte de que los recursos que se cargan desde tu propio dominio usen HTTPS.

¿Qué es Syspanel y por qué se menciona?

Syspanel es un panel de control de hosting con el que puedes gestionar tu servidor. El acceso se realiza a través del puerto 2106. Es una alternativa a cPanel o Plesk que ofrece muchas funcionalidades para gestionar tu sitio web.

Conclusión

Activar SSL en PrestaShop y corregir el contenido mixto son tareas imprescindibles para cualquier tienda online que quiera ofrecer seguridad y confianza a sus clientes. Aunque al principio pueda parecer complicado, siguiendo los pasos que te hemos detallado podrás hacerlo sin problemas.

Recuerda que la seguridad es un factor clave tanto para el SEO como para las tasas de conversión. Una tienda con HTTPS transmite profesionalidad y protege los datos sensibles de tus clientes.

Si tienes cualquier duda durante el proceso, no dudes en consultar la documentación oficial de PrestaShop o contactar con tu proveedor de hosting. Muchos de ellos ofrecen soporte gratuito para este tipo de configuraciones.

[INFO] Después de completar la activación de SSL, te recomendamos que monitorees tu tienda durante unos días para asegurarte de que todo funciona correctamente. Presta especial atención a los formularios, el proceso de pago y la velocidad de carga. Si tu tienda va más lenta, activa la caché de PrestaShop y considera usar un CDN para optimizar la entrega de contenido HTTPS.