Activar SSL y HTTPS en PrestaShop DirectAdmin | Guía

¿Por qué necesitas SSL y HTTPS en tu PrestaShop?

Si tienes una tienda online con PrestaShop, probablemente hayas oído hablar de los certificados SSL y de la importancia de activar HTTPS. Pero, ¿sabes realmente por qué son tan importantes? Te lo explico de forma sencilla: un certificado SSL es como un candado digital que protege la información que viaja entre el navegador de tus clientes y tu servidor. Cuando activas HTTPS, la URL de tu tienda pasa de http:// a https://, y los datos se cifran.

Esto es fundamental por tres razones principales:

Seguridad para tus clientes: Si tus clientes pagan con tarjeta de crédito o introducen datos personales, necesitas que esa información viaje cifrada. Sin SSL, cualquier persona con conocimientos técnicos podría interceptarla.
Confianza y credibilidad: Los navegadores modernos muestran un candado o la palabra "Seguro" en la barra de direcciones cuando un sitio tiene SSL. Si no lo tienes, Chrome y Firefox mostrarán una advertencia de "No seguro", lo que ahuyentará a tus clientes.
Posicionamiento SEO: Google da prioridad a los sitios con HTTPS. Activar SSL en tu PrestaShop puede mejorar tu posicionamiento en los resultados de búsqueda, algo vital para atraer tráfico orgánico a tu tienda.

En este artículo, te guiaré paso a paso para configurar SSL y HTTPS en PrestaShop usando DirectAdmin, uno de los paneles de control de hosting más populares.

¿Qué necesitas antes de empezar?

Antes de ponernos manos a la obra, asegúrate de tener lo siguiente:

Acceso a DirectAdmin: Necesitas las credenciales de administrador de tu panel de hosting.
Acceso al panel de administración de PrestaShop: Con permisos para modificar la configuración de la tienda.
Un dominio apuntando a tu servidor: El dominio que quieres proteger debe estar correctamente configurado en tu cuenta de hosting.
Una copia de seguridad reciente: Siempre es recomendable hacer una copia de seguridad de tu tienda antes de realizar cambios importantes en la configuración.

Paso 1: Generar o instalar el certificado SSL en DirectAdmin

El primer paso es conseguir un certificado SSL para tu dominio. DirectAdmin ofrece varias opciones, desde certificados gratuitos (Let's Encrypt) hasta certificados de pago con mayor validación.

Opción A: Usar Let's Encrypt (gratuito y recomendado)

Let's Encrypt es una autoridad de certificación gratuita que emite certificados SSL automáticamente. DirectAdmin tiene integración nativa, lo que hace que el proceso sea muy sencillo.

Inicia sesión en DirectAdmin con tu usuario y contraseña.
En el panel principal, busca la sección "SSL Certificates" o "Certificados SSL". Suele estar en la sección de "Advanced Features" o "Cuenta", dependiendo de la versión.
Haz clic en "Let's Encrypt" o en "Create Certificate".
Se abrirá una pantalla donde verás una lista de tus dominios. Selecciona el dominio principal de tu tienda PrestaShop.
Marca la casilla que dice "Include www" o "Incluir www" si quieres que el certificado también cubra la versión www. de tu dominio. Es muy recomendable hacerlo.
Haz clic en "Submit" o "Enviar". DirectAdmin se comunicará con Let's Encrypt y generará el certificado automáticamente.
Espera unos segundos y verás un mensaje de confirmación. El certificado estará instalado y activo.

[TIP] Los certificados de Let's Encrypt caducan cada 90 días. DirectAdmin los renueva automáticamente en la mayoría de los casos, pero es bueno que lo verifiques de vez en cuando en tu panel.

Opción B: Instalar un certificado SSL de pago

Si ya has comprado un certificado SSL de una autoridad de certificación (como Comodo, DigiCert o GlobalSign), el proceso es un poco más manual.

En DirectAdmin, ve a "SSL Certificates" y luego a "Paste a pre-generated cert and key" o "Pegar certificado y clave pre-generados".
Se te pedirán tres datos:
- Certificate (CRT): El certificado que te envió la autoridad.
- Private Key (KEY): La clave privada que generaste al solicitar el certificado.
- Certificate Authority (CA): El certificado intermedio que te proporcionó la autoridad.
Pega cada dato en su campo correspondiente y haz clic en "Save" o "Guardar".
DirectAdmin instalará el certificado. Asegúrate de que los datos coincidan con tu dominio.

Paso 2: Activar SSL en DirectAdmin

Una vez que el certificado está instalado, debes asegurarte de que DirectAdmin active SSL para tu dominio.

Ve a la sección "Domain Setup" o "Configuración de Dominio" en DirectAdmin.
Busca tu dominio en la lista y haz clic en el icono de edición (normalmente un lápiz).
En la configuración del dominio, busca una opción que diga "Enable SSL" o "Habilitar SSL".
Actívala y guarda los cambios.
También puedes verificar que SSL está activo en la sección "SSL Certificates", donde debería aparecer tu certificado como "Activo" o "Válido".

[INFO] Si tu hosting utiliza Syspanel en lugar de DirectAdmin, el proceso es similar. Recuerda que Syspanel es el nombre que le damos a HestiaCP, y el acceso al panel se realiza a través del puerto 2106. Allí también tendrás una sección de "SSL" o "Web" para gestionar tus certificados.

Paso 3: Configurar HTTPS en PrestaShop

Ahora que el certificado SSL está instalado y activo en el servidor, es hora de configurar PrestaShop para que use HTTPS.

3.1. Acceder al panel de administración

Abre tu navegador y ve a la URL de tu panel de administración de PrestaShop. Normalmente es algo como www.tudominio.com/admin1234.
Inicia sesión con tus credenciales de administrador.

3.2. Activar SSL en la configuración

En el menú lateral izquierdo, ve a "Parámetros avanzados" y luego a "General".
Busca la sección "Configuración de tienda" o "Store Configuration".
Verás una opción que dice "Activar SSL" o "Enable SSL". Cambia el selector a "Sí".
Justo debajo, aparecerá otra opción: "Activar SSL en todas las páginas" o "Enable SSL on all pages". También cámbiala a "Sí". Esto es crucial para que toda tu tienda, incluido el carrito y el checkout, usen HTTPS.
Haz clic en "Guardar" para aplicar los cambios.

[WARNING] Si activas SSL y de repente tu tienda no carga correctamente, puede ser porque hay contenido mixto (archivos que se cargan por HTTP). Te explico cómo solucionarlo más adelante en este artículo.

3.3. Actualizar las URLs de la tienda

PrestaShop necesita saber que ahora debe usar HTTPS en sus URLs internas.

Ve a "Parámetros avanzados" > "Rendimiento" o "Performance".
En la sección "Cache", busca la opción "Cache de plantillas" y haz clic en "Vaciar la caché" o "Clear cache". Esto eliminará las versiones antiguas de las páginas.
También puedes ir a "Parámetros avanzados" > "Información" y hacer clic en "Vaciar la caché" si está disponible.
Para asegurarte de que las URLs se actualicen correctamente, ve a "Parámetros de la tienda" > "General". Aquí deberías ver los campos "URL de la tienda" y "URL del logo". Asegúrate de que empiecen con https://. Si no es así, cámbialas manualmente.

3.4. Verificar la configuración

Una vez que hayas guardado los cambios, es hora de verificar que todo funciona.

Abre tu tienda en una ventana de incógnito de tu navegador.
Escribe https://tudominio.com y pulsa Enter. Deberías ver tu tienda cargar sin problemas.
Fíjate en la barra de direcciones: debería aparecer un candado cerrado. Haz clic en él para ver los detalles del certificado.
Navega por algunas páginas, especialmente el carrito y el proceso de pago, para asegurarte de que todo se carga por HTTPS.

Paso 4: Solucionar el problema de "contenido mixto"

El contenido mixto ocurre cuando tu página se carga por HTTPS, pero algunos elementos (imágenes, scripts, hojas de estilo) se cargan por HTTP. Los navegadores bloquean estos elementos por seguridad, lo que puede romper tu tienda.

4.1. Usar la herramienta de PrestaShop para forzar HTTPS

PrestaShop tiene una opción para forzar HTTPS en todo el contenido.

Ve a "Parámetros avanzados" > "General".
Busca la opción "Forzar el uso de HTTPS en el front office" o similar. Actívala.
Guarda los cambios.

4.2. Buscar contenido mixto manualmente

Si el problema persiste, puedes buscar el contenido mixto manualmente:

Abre tu tienda en el navegador y pulsa F12 para abrir las herramientas de desarrollador.
Ve a la pestaña "Consola" o "Console".
Verás errores de contenido mixto marcados en rojo. Te indicarán qué URLs están cargando por HTTP.
Anota esas URLs y busca en tu base de datos de PrestaShop dónde están configuradas. Normalmente, el problema está en las imágenes de productos o en el logo.

4.3. Actualizar URLs en la base de datos

Para solucionar el contenido mixto de forma global, puedes actualizar las URLs en tu base de datos.

[WARNING] Esta operación es delicada. Si no te sientes cómodo, pide ayuda a tu proveedor de hosting o a un desarrollador. Un error aquí podría romper tu tienda.

Accede a phpMyAdmin desde DirectAdmin. Normalmente está en la sección "MySQL Management".
Selecciona la base de datos de tu PrestaShop.
Ve a la pestaña "SQL" y ejecuta la siguiente consulta:

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

También puedes reemplazar todas las URLs http:// por https:// en las tablas de imágenes y contenido:

UPDATE ps_image_shop SET image_url = REPLACE(image_url, 'http://', 'https://');

[INFO] Los nombres de las tablas pueden variar según la versión de PrestaShop. Si no estás seguro, revisa la estructura de tu base de datos antes de ejecutar cualquier consulta.

Paso 5: Configurar la redirección de HTTP a HTTPS

Para asegurarte de que todos tus visitantes usen HTTPS, debes configurar una redirección desde HTTP a HTTPS. Esto también es bueno para el SEO, ya que evita contenido duplicado.

5.1. Redirección en el archivo .htaccess

Conéctate a tu servidor mediante FTP o el administrador de archivos de DirectAdmin.
Busca el archivo .htaccess en la raíz de tu instalación de PrestaShop.
Descárgalo y haz una copia de seguridad.
Añade el siguiente código al principio del archivo:

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

Guarda el archivo y súbelo de nuevo al servidor.

5.2. Redirección en DirectAdmin

Algunos hosts prefieren gestionar la redirección desde el panel de control.

En DirectAdmin, ve a "Domain Setup" y selecciona tu dominio.
Busca la sección "Redirects" o "Redirecciones".
Crea una redirección desde http://tudominio.com a https://tudominio.com con tipo "Permanent (301)".

Preguntas frecuentes (FAQ)

¿Cuánto tarda en activarse un certificado SSL de Let's Encrypt?

El proceso es casi instantáneo. En menos de un minuto, DirectAdmin suele generar e instalar el certificado.

¿Qué hago si mi tienda no carga después de activar SSL?

Lo más probable es que sea un problema de contenido mixto. Sigue los pasos de la sección 4 para solucionarlo. Si persiste, revisa que tu hosting no tenga algún bloqueo de firewall.

¿Necesito un certificado SSL para cada subdominio?

Sí, cada subdominio necesita su propio certificado. Con Let's Encrypt en DirectAdmin, puedes generar certificados para cada subdominio que tengas.

¿Puedo usar el mismo certificado SSL para varios dominios?

Sí, con un certificado multidominio (SAN). Let's Encrypt también lo permite, y DirectAdmin te dará la opción de añadir múltiples dominios al mismo certificado.

¿Qué es Syspanel y qué tiene que ver con SSL?

Syspanel es el nombre que le damos al panel de control HestiaCP. Si tu hosting usa Syspanel en lugar de DirectAdmin, el acceso se realiza a través del puerto 2106 (por ejemplo, http://tudominio.com:2106). El proceso para gestionar SSL es similar, pero la interfaz es diferente.

¿El SSL afecta al rendimiento de mi tienda?

El cifrado SSL añade una pequeña carga al servidor, pero es imperceptible para el usuario. Además, con HTTP/2, que requiere HTTPS, la velocidad de carga puede incluso mejorar.

Conclusión

Configurar SSL y HTTPS en tu PrestaShop con DirectAdmin es un proceso fundamental para la seguridad y el éxito de tu tienda online. No solo proteges los datos de tus clientes, sino que también mejoras tu posicionamiento en Google y generas confianza.

El proceso completo, desde la generación del certificado hasta la redirección, puede parecer abrumador al principio, pero siguiendo estos pasos detallados, incluso un usuario sin experiencia técnica puede lograrlo. Recuerda siempre hacer una copia de seguridad antes de empezar y no dudes en contactar con tu proveedor de hosting si encuentras algún problema.

Con tu tienda ya en HTTPS, puedes estar tranquilo sabiendo que tus clientes navegan y compran en un entorno seguro. ¡Ahora sí, tu PrestaShop está lista para conquistar el mundo digital con la máxima seguridad!