Gestión De Banners Y Ubicaciones En Tu Tienda

Ruta: Diseño > Banners
Palabras de búsqueda: banners, diseño, nuevo

Los banners son recursos visuales que facilitan la comunicación de promociones, medios de pago, garantías, campañas o cualquier mensaje estratégico. Su correcta configuración permite mostrarlos de forma personalizada en el Home, blog, ficha de producto, por marca o categoría. Existen tres tipos: imagen, video o código HTML, lo que ofrece gran flexibilidad de diseño.
 

Beneficios operativos para el backend:

• Activación selectiva por ubicación del sitio, sección, marca o categoría.
• Permite edición HTML, o uso simple mediante imagen o video.
• Organización clara por posición (top, medio, bottom, lateral, footer).
• Posibilidad de incertar link en el banner.

Beneficios cliente del ecommerce:

• Mensajes visuales claros y contextualizados durante la navegación.
• Refuerzo de confianza con banners informativos (garantía, cuotas, envíos).
• Personalización del recorrido según categoría o marca de interés.

Guía paso a paso:

¿Cómo crear un Banner nuevo?
Dirigirse a la ruta de Diseño > Banners y seleccionar la opción de Nuevo

Dentro de un banner nuevo, tendremos la posibilidad de tildar la opción de:

• Home: Esto habilita al banner en el Home de la pagina.
• Destacado: Se visualiza en los productos ya configurados como destacado (Estrella ROja o Amarilla).
• Mostrar en Blog: Habilita al banner a ser visualizado en los blogs del sitio.
• Mostrar en Productos: Habilita al banner a ser visualizado en todos los productos.

1. Nombre: para identificar el banner internamente.

2. Posición: elegir entre las siguientes opciones:

• Horizontal Superior: En parte superior del sitio, por debajo del slide.
• Horizontal Medio: En medio del sitio por debajo de los destacados de nivel 1.
• Horizontal Inferior: Por debajo de destacados nivel 2 y por encima de los destacados especiales (Combos, Novedaes, Ofertas).
• Vertical: ???
• Footer: Se asigna al footer o pie de pagina, por debajo de todo el sitio.

Recomiendo revisar la configuracion del HOME para comprender las posiciones. Estructura HOME y Frontend

3. Tipo: Aqui asignaremos una image, video o personalizacion desde la opcion de HTML el cual puede contener imagenes y texto.

Visualizacion de Banner: Ademas de selleccionar el banner para home, destacado, blog o en productos, tambien es posible aplicar un "filtro" de seccion, marcas y/o categorias.

4. Seccion: Esta opcion es util para aplicar el banner unicamente en una seccion en particular.

5. Marcas: Aplica el banner solo a la marca seleccionada.

6. Categorías: Seleccion de la categoria a aplicar el banner.

7. Notas Internas: Notas que no apareceran en ningun lugar del sitio, util para recordatorios.

Consideraciones importantes:

• Formatos de imagen aceptados: .jpg, .gif, .png (mínimo 480px de ancho).
• El sistema no redimensiona ni optimiza las imágenes subidas, por lo que deben prepararse en el tamaño deseado.
• Si se selecciona “Mostrar en productos”, se visualizará dentro de todas las fichas que cumplan con las condiciones (marca/categoría/sección).