Cómo activar SSL/HTTPS en PrestaShop y solucionar contenido mixto

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

Si tienes una tienda online con PrestaShop, seguramente habrás oído hablar del SSL y de la necesidad de activarlo. 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 viajan de forma codificada, imposibles de leer para terceros malintencionados.

Activar https prestashop no es solo una recomendación, es una necesidad absoluta. Los buscadores como Google penalizan las tiendas sin SSL, mostrando un aviso de "No segura" en el navegador, lo que provoca una pérdida inmediata de confianza y, por tanto, de ventas. Además, es un requisito indispensable para cumplir con el RGPD (Reglamento General de Protección de Datos) en Europa.

En esta guía completa, te explicaré paso a paso cómo activar ssl prestashop, cómo configurarlo correctamente y, lo más importante, cómo solucionar el temido problema del contenido mixto prestashop que tantos dolores de cabeza causa.

---

Paso 1: Adquirir e instalar el certificado SSL

Antes de activar nada en PrestaShop, necesitas tener un certificado SSL instalado en tu servidor. Sin él, no hay cifrado posible.

¿Qué tipo de certificado necesitas?

Para una tienda online, lo más habitual es un certificado de Validación de Dominio (DV), que verifica que eres el propietario del dominio. Es rápido de obtener y suficiente para la mayoría de los casos. Si manejas un volumen muy alto de ventas, podrías considerar uno de Validación Extendida (EV), que muestra el nombre de tu empresa en la barra de direcciones.

¿Cómo obtenerlo?

1. Desde tu proveedor de hosting: La mayoría de los hostings ofrecen certificados SSL gratuitos (a través de Let's Encrypt) o de pago. Si usas un panel de control como Syspanel (recuerda, el acceso es por el puerto 2106), puedes encontrar la opción de SSL/TLS en el menú principal.
2. Instalación manual: Si tu hosting no lo ofrece automáticamente, deberás generar un CSR (Certificate Signing Request) desde tu panel, comprarlo en un proveedor como Comodo o DigiCert, y luego instalarlo manualmente. Este proceso es más técnico, pero tu proveedor de hosting debería poder guiarte.

[WARNING] No intentes activar SSL en PrestaShop si aún no tienes el certificado instalado. Podrías dejar tu tienda inaccesible.

---

Paso 2: Activar SSL en el panel de administración de PrestaShop

Una vez que el certificado está instalado y funcionando en tu servidor, es hora de decirle a PrestaShop que lo use. El proceso es muy sencillo.

Accede a la configuración

1. Inicia sesión en tu panel de administración de PrestaShop.
2. Ve al menú Parámetros avanzados en el menú lateral izquierdo.
3. Haz clic en General.

Activa las opciones de SSL

En la pestaña General, busca la sección Seguridad. Verás dos opciones clave:

• Activar SSL: Marca esta casilla en "Sí".
• Activar SSL en todos los pedidos: Marca esta casilla en "Sí" también. Esta opción fuerza que todas las páginas del proceso de compra (carrito, checkout, etc.) usen HTTPS, no solo el inicio de sesión.

Una vez marcadas, haz clic en el botón Guardar en la parte superior derecha.

[TIP] Después de guardar, PrestaShop puede cerrar tu sesión. No te asustes, es normal. Vuelve a entrar y verás que la URL ahora comienza con https://.

---

Paso 3: Forzar HTTPS en todo el sitio con el archivo .htaccess

Activar la opción en el panel es un gran paso, pero para una seguridad completa y para evitar problemas de SEO, debes forzar que todas las páginas de tu tienda usen HTTPS, no solo las del checkout. Esto se hace editando el archivo .htaccess en la raíz de tu instalación de PrestaShop.

Localiza el archivo .htaccess

Este archivo suele estar en la carpeta raíz donde está instalado PrestaShop (por ejemplo, public_html/). Es un archivo oculto, así que si usas un administrador de archivos, asegúrate de mostrar los archivos ocultos. Si usas FTP, lo verás directamente.

Edita el archivo

Descarga una copia de seguridad del archivo a tu ordenador. Luego, edita el original con un editor de texto plano (como el Bloc de notas) y añade el siguiente bloque de código al principio del archivo, justo después de la línea RewriteEngine on:

# Redirigir todo el tráfico a HTTPS
RewriteCond %{HTTPS} off
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# Redirigir www a no-www (o viceversa, según prefieras)
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]

Este código hace dos cosas:

1. Redirige cualquier visita que llegue por HTTP a su equivalente en HTTPS.
2. Redirige el tráfico de www a la versión sin www (o puedes cambiarlo para que haga lo contrario). Esto es importante para evitar contenido duplicado y problemas de SEO.

[WARNING] Asegúrate de que tu tienda carga correctamente tanto con www como sin www. Si no estás seguro de cuál es tu versión canónica, deja esta parte fuera y solo usa el primer bloque de redirección.

---

Paso 4: Actualizar las URLs de tu tienda en PrestaShop

A veces, PrestaShop guarda las URLs antiguas con http:// en su base de datos. Esto puede causar problemas de contenido mixto. Para solucionarlo, debes actualizar la URL de tu tienda.

Ve a la configuración de URLs

1. En el panel de administración, ve a Parámetros avanzados > URLs.
2. En el campo URL de la tienda, asegúrate de que comienza con https:// en lugar de http://.
3. Haz lo mismo con el campo URL del dominio y URL del servidor si es que existen.

Guarda los cambios. PrestaShop regenerará su caché y actualizará las URLs en la base de datos.

---

Paso 5: Solucionar el problema de "contenido mixto prestashop"

El contenido mixto prestashop es el error más común después de activar SSL. Ocurre cuando tu página se carga por HTTPS, pero algunos recursos (imágenes, hojas de estilo, scripts) se cargan por HTTP. Los navegadores bloquean estos recursos por seguridad, lo que puede romper el diseño o el funcionamiento de tu tienda.

¿Cómo detectar el contenido mixto?

La forma más fácil es usar las herramientas de desarrollador de tu navegador (F12). Ve a la pestaña Consola y recarga tu página. Verás errores como "Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure resource 'http://...'".

Solución 1: Usar un plugin o módulo

En el mercado de módulos de PrestaShop, existen soluciones que automatizan la corrección de contenido mixto. Busca "SSL" o "HTTPS" en tu back-office y encontrarás opciones que reescriben las URLs de los recursos automáticamente.

Solución 2: Forzar HTTPS en la base de datos (SQL)

Esta es la solución más efectiva y permanente. Necesitas acceder a tu base de datos (a través de phpMyAdmin, por ejemplo) y ejecutar una consulta SQL para reemplazar todas las URLs antiguas por las nuevas.

UPDATE ps_configuration SET value = REPLACE(value, 'http://www.tudominio.com', 'https://www.tudominio.com');
UPDATE ps_shop_url SET domain = REPLACE(domain, 'http://', 'https://');
UPDATE ps_shop_url SET domain_ssl = REPLACE(domain_ssl, 'http://', 'https://');
UPDATE ps_product SET description = REPLACE(description, 'http://www.tudominio.com', 'https://www.tudominio.com');
UPDATE ps_product SET description_short = REPLACE(description_short, 'http://www.tudominio.com', 'https://www.tudominio.com');
UPDATE ps_product_lang SET description = REPLACE(description, 'http://www.tudominio.com', 'https://www.tudominio.com');
UPDATE ps_product_lang SET description_short = REPLACE(description_short, 'http://www.tudominio.com', 'https://www.tudominio.com');

[WARNING] IMPORTANTE: Haz una copia de seguridad completa de tu base de datos antes de ejecutar cualquier consulta SQL. Un error podría dañar tu tienda. También, reemplaza ps_ por el prefijo real de tus tablas si lo has cambiado.

Solución 3: Corregir manualmente en el código (Tema)

Si el contenido mixto viene de tu tema, puede que tengas URLs hardcodeadas (escritas directamente) en los archivos .tpl. Busca en tu carpeta de tema archivos que contengan http:// y cámbialos por https:// o, mejor aún, por variables relativas como {$urls.base_url}.

---

Paso 6: Verificar que todo funciona correctamente

Una vez que has hecho todos los cambios, es crucial verificar que todo funciona.

1. Recarga tu tienda: Visita varias páginas, como el inicio, una categoría, un producto y el carrito. Asegúrate de que el candado aparece en la barra de direcciones.
2. Revisa la consola: Abre la consola de desarrollador (F12) y verifica que no haya errores de contenido mixto.
3. Usa herramientas online: Hay herramientas gratuitas como "Why No Padlock" o "SSL Labs" que analizan tu sitio y te dicen si hay algún problema.

---

Preguntas frecuentes (FAQ) sobre SSL en PrestaShop

¿Qué hago si mi hosting no me deja activar SSL?

Si tu hosting no te ofrece certificados SSL gratuitos o de pago, es una señal de que es un servicio obsoleto. Te recomendamos encarecidamente cambiar a un proveedor moderno que incluya Let's Encrypt gratuito. La seguridad de tus clientes no es negociable.

¿Perderé posiciones en Google si activo SSL?

No, al contrario. Google da prioridad a los sitios con HTTPS. Puede haber una pequeña fluctuación temporal mientras el buscador reindexa tu sitio, pero a largo plazo, es una mejora.

¿Qué es exactamente el "candado" en el navegador?

Es el icono que aparece en la barra de direcciones que indica que la conexión es segura y que el sitio tiene un certificado SSL válido. Si tu sitio no lo muestra, algo está mal configurado.

¿El contenido mixto afecta a mi SEO?

Sí. Google penaliza los sitios con contenido mixto porque ofrecen una experiencia de usuario insegura. Además, los recursos bloqueados pueden hacer que tu página cargue mal, aumentando la tasa de rebote.

¿Necesito activar SSL si no vendo online?

Aunque no vendas online, si tienes un formulario de contacto que recopila datos personales, necesitas SSL para cumplir con el RGPD y proteger la información de tus usuarios. Además, es una señal de confianza para tus visitantes.

---

Conclusión: Disfruta de tu tienda segura

Activar ssl prestashop y solucionar el contenido mixto prestashop puede parecer un proceso técnico, pero siguiendo estos pasos, es completamente manejable. No solo estarás protegiendo a tus clientes, sino que también mejorarás tu posicionamiento en buscadores y la confianza en tu marca.

Recuerda: la seguridad es una inversión, no un gasto. Una tienda segura es una tienda que vende.

[INFO] Si después de seguir todos estos pasos sigues teniendo problemas, no dudes en contactar con el soporte técnico de tu hosting. Ellos podrán ayudarte a revisar la configuración de tu servidor y tu certificado SSL.