Paso a Paso
CAMBIO DE LOGO Y FAVICON

1. ¿Qué es el logo y el favicon?

Logo: es la imagen principal de tu tienda, la que aparece en la cabecera, correos automáticos y documentos (facturas, albaranes).

Favicon: es el pequeño ícono que aparece en la pestaña del navegador, marcadores y accesos directos.

👉 Ambos son parte de la identidad visual de la tienda y es importante personalizarlos con tu marca.

2. ¿Para qué sirve cambiarlos?

• Refuerza la identidad visual de la tienda online.
• Genera confianza y profesionalismo en los clientes.
• Mejora la experiencia del usuario al reconocer fácilmente la marca.
• Favorece la coherencia en todos los canales (web, mails, documentos).

3. Beneficios

• 1. Personalización total: tu tienda no muestra el logo genérico de PrestaShop.
• 2. Mayor visibilidad de la marca en cada interacción.
• 3. Mejor recordación: un favicon claro ayuda a identificar tu tienda en el navegador.

4. Acceso a la configuración

• Ingresar al Panel de Administración de PrestaShop 8.1.6.
• Ir a Diseño → Tema y logotipo.
• Allí encontrarás las opciones para cambiar el logo de cabecera, el logo de correo/facturas y el favicon.

5. Paso a paso: Cambio de Logo

• Dentro de Diseño → Tema y logotipo, ubicar la sección Cabecera.
• Hacer clic en Examinar/Seleccionar archivo.
• Subir la imagen del logo.
  Formato recomendado: PNG con fondo transparente.
  Tamaño sugerido: entre 200 y 250 px de ancho (ajustable según plantilla).
• Guardar cambios.
• Verificar en el Front Office que el nuevo logo aparezca en la cabecera.

6. Paso a paso: Cambio de Favicon

• En la misma sección, ubicar Favicon.
• Hacer clic en Examinar/Seleccionar archivo.
• Subir la imagen del favicon.
  Formato recomendado: ICO o PNG.
  Tamaño ideal: 32 × 32 px (se adapta bien a todos los navegadores).
• Guardar cambios.
• Refrescar la página en el navegador (CTRL + F5) para ver el nuevo favicon en la pestaña.

7. Recomendaciones

• Mantener logo y favicon consistentes (colores y tipografía de la marca).
• Usar imágenes livianas para no ralentizar la carga.
• Verificar que se vea bien en desktop y mobile.
• Revisar también en correos automáticos y documentos PDF generados por la tienda.