Banners del hero
Para quién es
Dueños de tienda que quieren controlar las imágenes grandes del carrusel principal de la página de inicio de su tienda online.
Dónde está
Panel de tienda → Configuración → Banners del Hero. También puede aparecer como Settings → Banners dependiendo de tu versión del panel.
Por qué importa
Los banners del hero son lo primero que ven los visitantes al entrar a tu tienda online. Un banner bien diseñado (imagen atractiva, mensaje claro, botón que lleva al producto correcto) puede ser la diferencia entre que un visitante explore tu catálogo o se vaya sin comprar. Por el contrario, un banner sin imagen, con texto genérico o que lleva a un destino equivocado, desperdicia la primera impresión.
El sistema te permite tener varios banners activos a la vez con distinta audiencia (todos, usuarios nuevos, regulares o premium) y prioridad — así puedes mostrar un banner diferente a quien entra por primera vez que a quien ya es cliente frecuente.
Antes de empezar
- Ten lista tu imagen de fondo: es el único campo obligatorio. Debe ser JPG o PNG, máximo 10 MB, dimensiones recomendadas de 1920 x 600 píxeles (proporción 16:5).
- Decide a dónde quieres que lleve el clic del banner: a una categoría, un producto, tu tienda o un enlace externo.
Pasos
-
En el panel, entra a Configuración → Banners del Hero. Verás una tabla con todos tus banners, estadísticas globales (total, activos, vistas, clicks) y el CTR (porcentaje de clicks sobre vistas) de cada uno.
Listado de banners del hero -
Haz clic en Crear Banner para abrir el formulario. Un preview en vivo (proporción 16:5) muestra el resultado mientras editas.
-
Sube la imagen de fondo — es el único campo obligatorio. Máximo 10 MB, 1920 x 600 píxeles recomendados.
-
(Opcional) Overlay y gradiente: aplica una capa semitransparente o un degradado sobre la imagen para mejorar la legibilidad del texto.
-
Configura el título por fragmentos: el título se divide en palabras o frases, cada una con su propio color, tamaño y estilo. Esto permite títulos multicolor o con degradados.
-
Agrega una descripción debajo del título para dar más contexto.
-
Configura hasta 2 botones con estilo personalizable:
Estilo Apariencia Primary Sólido con color de fondo Secondary Con borde y fondo transparente Outline Solo el contorno Ghost Solo texto, casi invisible -
(Opcional) Tarjetas flotantes: pequeñas tarjetas decorativas sobre el banner con ícono, texto y posición.
-
Define la vinculación (a dónde lleva el clic):
Destino Qué hace Ninguno Puramente decorativo Personalizado Un enlace libre que tú defines Tienda Lleva a la página de tu tienda Categoría Lleva a una categoría específica Producto Lleva a un producto específico -
Configura audiencia (todos, nuevos, regulares o premium), prioridad (orden si hay varios activos), fechas de inicio y fin, y activa el toggle.
Formulario de banner con preview -
Haz clic en Guardar. Si está activo y dentro de su rango de fechas, el banner aparece en la home de inmediato.
Operar banners existentes
Desde el listado puedes activar o desactivar sin eliminar (toggle), editar cualquier campo, eliminar permanentemente, y ver el CTR de cada banner.
Ver también
- Crear anuncio — diseños publicitarios para secciones internas de tu tienda.
- Crear campaña — si el banner promociona una oferta, crea la campaña primero para tener el cupón listo.
- Inicio de Marketing — vista general de todas las herramientas de marketing.
Si algo sale mal
- El banner no aparece en la home: verifica que esté activo, que las fechas sean correctas (no vencidas) y que la audiencia configurada coincida con el perfil del visitante.
- La imagen no se sube: verifica que no supere los 10 MB y que sea JPG o PNG. Si la imagen es muy pesada, el upload puede tardar.
- El CTR es bajo: prueba cambiando la imagen, el título o el botón. Los banners con un llamado a la acción claro y un destino relevante (producto en oferta, categoría popular) suelen tener mejor rendimiento.
- Quiero ordenar los banners en el carrusel: ajusta la prioridad de cada banner en su configuración — el de mayor prioridad aparece primero.