Cambiar logo en PrestaShop fácilmente

Introducción: La importancia de una imagen de marca en tu tienda online

Cuando abres una tienda online con PrestaShop, una de las primeras cosas que quieres hacer es personalizar la apariencia para que refleje tu marca. El logo es la carta de presentación: aparece en la cabecera, en los emails, en los facturas y, sobre todo, en la mente de tus clientes. Cambiar el logo en PrestaShop es un proceso sencillo, pero hay que saber exactamente dónde hacerlo y qué formatos usar para que se vea bien en todos los dispositivos.

En esta guía te explicaré paso a paso cómo cambiar el logo de tu tienda online con PrestaShop, tanto desde el panel de administración como mediante FTP si tienes problemas con el cargador de archivos. Además, te daré consejos sobre el tamaño ideal, los formatos recomendados y cómo solucionar los errores más comunes.

[INFO] Si estás usando un panel de control como Syspanel (anteriormente conocido como HestiaCP), recuerda que el acceso a tu servidor se hace por el puerto 2106. Esto te será útil si necesitas subir archivos por FTP o acceder al administrador de archivos.

Requisitos previos antes de cambiar el logo

Antes de empezar, asegúrate de tener lo siguiente:

Acceso al back office de PrestaShop (la parte de administración, normalmente en tudominio.com/adminXXXX).
Tu logo en formato adecuado: se recomienda PNG con fondo transparente para un acabado profesional. También vale JPG, pero el fondo blanco puede desentonar.
Tamaño recomendado: PrestaShop suele usar logos de 200-300 píxeles de ancho por 60-100 de alto. Si tu logo es muy grande, se verá pixelado o deformado.
Alternativa: si no puedes acceder al back office, necesitarás acceso FTP o al administrador de archivos de tu hosting (por ejemplo, desde Syspanel, puerto 2106).

[WARNING] No uses imágenes con copyright sin permiso. El logo debe ser de tu propiedad o tener licencia de uso comercial.

Paso 1: Acceder al panel de administración de PrestaShop

Para empezar, inicia sesión en tu back office. Normalmente la URL es algo como https://tudominio.com/admin1234. Si no recuerdas la ruta exacta, puedes revisar en tu panel de hosting (Syspanel) la carpeta donde está instalado PrestaShop.

Una vez dentro, busca el menú Diseño (o "Design" en inglés). Dependiendo de la versión de PrestaShop, puede aparecer como:

Diseño > Tema y logo (versiones 1.6 y 1.7)
Mejorar > Diseño > Tema y logo (versión 8.x)

Haz clic en esa opción.

Paso 2: Localizar la sección de configuración del logo

Dentro de la página de configuración del tema, verás varias pestañas o secciones. Busca la que dice "Logos". Aquí es donde PrestaShop guarda los archivos de imagen que usa en diferentes partes de la tienda.

Normalmente encontrarás estas opciones:

Logo de la cabecera: es el que aparece arriba a la izquierda en todas las páginas.
Logo de facturas: se usa en los documentos PDF que generes (facturas, albaranes).
Logo de emails: aparece en las plantillas de correo electrónico que envía la tienda.
Favicon: el icono pequeño que aparece en la pestaña del navegador.

Para cambiar el logo principal, nos centraremos en el primero.

Paso 3: Subir el nuevo logo

Haz clic en el botón "Seleccionar archivo" (o "Choose file") junto a "Logo de la cabecera". Busca en tu ordenador el archivo PNG o JPG que quieras usar.

[TIP] Si tu logo tiene fondo blanco y tu tienda tiene un fondo de cabecera de color, el logo se verá con un recuadro blanco. Mejor usa PNG con transparencia.

Después de seleccionar el archivo, haz clic en "Guardar" (el botón suele estar abajo a la derecha). PrestaShop procesará la imagen y la subirá automáticamente a la carpeta /img/ de tu instalación.

[INFO] En versiones antiguas (1.6), a veces el logo se guardaba con un nombre específico como logo.png o logo.jpg. Si no ves cambios, puede que el sistema no haya sobrescrito el archivo correctamente. En ese caso, tendrás que borrar manualmente el logo antiguo desde FTP.

Paso 4: Verificar que el cambio se ha aplicado

Después de guardar, ve a la página principal de tu tienda (la parte pública) y refresca la página (F5). Deberías ver el nuevo logo en la esquina superior izquierda.

Si no se ve, puede deberse a:

Caché del navegador: limpia la caché o abre la página en una ventana de incógnito.
Caché de PrestaShop: ve a Mejorar > Rendimiento y limpia la caché (activa el modo "Forzar compilación" temporalmente y luego desactívalo).
Caché de CDN: si usas Cloudflare u otro CDN, purga la caché.

Paso 5: Cambiar el logo mediante FTP (solución alternativa)

A veces el cargador de archivos del back office falla, especialmente con imágenes grandes o en servidores con límites de subida. En ese caso, puedes subir el logo manualmente por FTP.

Conéctate a tu servidor usando un cliente FTP (FileZilla, por ejemplo). Los datos de conexión los encuentras en tu panel de hosting (Syspanel, puerto 2106).
Navega hasta la carpeta www o public_html donde está instalado PrestaShop.
Dentro, busca la carpeta img/. Allí verás archivos como logo.png, logo.jpg, logo_stores.png, etc.
Sube tu nuevo logo con el mismo nombre (por ejemplo, logo.png) y sobrescribe el existente.
Si tu logo tiene otro nombre, asegúrate de que el archivo se llame exactamente igual que el que quieres reemplazar. PrestaShop busca nombres concretos.

[WARNING] No borres archivos que no conozcas. Si tienes dudas, haz una copia de seguridad de la carpeta img/ antes de modificar nada.

Consejos para que tu logo se vea profesional

Usa un tamaño adecuado: 250x80 píxeles es un estándar que funciona bien en la mayoría de temas.
Formato PNG con transparencia: evita los fondos blancos si tu cabecera tiene color.
Comprime la imagen: usa herramientas como TinyPNG para que el archivo pese menos y no ralentice la carga de la tienda.
Responsive: prueba cómo se ve el logo en móvil. Algunos temas lo redimensionan automáticamente, pero si tu logo tiene texto muy pequeño, puede ilegible.
Favicon: no olvides subir también un favicon (icono de pestaña) de 16x16 o 32x32 píxeles. Se hace en la misma sección de logos.

Preguntas frecuentes (FAQ)

¿Por qué mi logo no se ve después de cambiarlo?

Puede ser por caché. Limpia la caché del navegador y la de PrestaShop (Rendimiento > Forzar compilación). Si usas CDN, purga también.

¿Puedo usar un logo animado (GIF)?

Sí, pero no es recomendable. Los GIFs animados pueden distraer y no se ven bien en todos los navegadores. Además, PrestaShop a veces convierte las imágenes a PNG o JPG al guardarlas.

¿Cómo cambio el logo de la factura?

En la misma sección de Logos, verás la opción "Logo de facturas". Sube un archivo con fondo blanco y tamaño adecuado (suele ser más pequeño, como 100x100 píxeles).

¿Qué hago si el back office no me deja subir la imagen?

Revisa el tamaño máximo de subida en PHP (upload_max_filesize). Puedes aumentarlo desde el panel de hosting (Syspanel) o mediante un archivo .htaccess. También puedes subir el logo por FTP como expliqué antes.

¿El logo se actualiza automáticamente en los emails antiguos?

No. Los emails ya enviados conservan el logo antiguo porque la imagen se incrusta en el momento del envío. Los nuevos emails sí mostrarán el logo actualizado.

¿Puedo tener un logo diferente para cada idioma?

PrestaShop no lo permite de forma nativa, pero algunos módulos de traducción o temas avanzados sí lo hacen. Normalmente se usa un solo logo para toda la tienda.

Conclusión: personalizar tu tienda es el primer paso para vender

Cambiar el logo de tu tienda online con PrestaShop es una tarea sencilla pero importante. Un logo bien diseñado y correctamente colocado transmite confianza y profesionalismo. Ya sea desde el back office o mediante FTP, el proceso no debería llevarte más de 10 minutos.

Recuerda siempre hacer una copia de seguridad antes de modificar archivos importantes, y si tienes problemas con la subida, verifica los permisos de la carpeta img/ (deben ser 755 para que el servidor pueda escribir).

[TIP] Si tu tienda tiene mucho tráfico, considera usar un plugin de caché para que los cambios se reflejen más rápido sin afectar el rendimiento.

Ahora ya sabes cómo personalizar tu tienda. ¡Manos a la obra y a vender!