Banners de Navegación de Tienda

Top

¿Dónde se visualiza?

Puede visualizarse en todo el sitio dependiendo del diseño de la tienda.

Ejemplo Mobile y Desktop - Banner Top

Objetivo

Comunicar beneficios o mensajes importantes en una de las zonas más visibles del sitio.

Beneficios

• Alta exposición durante toda la navegación
• Refuerza beneficios competitivos
• Mejora la comunicación de promociones permanentes

Recomendado para comunicar

• Envíos gratis
• Entregas exprés
• Cuotas con tarjetas
• Descuentos bancarios
• Beneficios diferenciales de la tienda

Mejores prácticas

• Utilizar imágenes llamativas
• Incorporar recursos visuales como GIFs
• Priorizar mensajes simples y directos
• Mantener coherencia visual con la identidad de la tienda

---

Homeslider

¿Dónde se visualiza?

Es el banner principal de la Home y funciona como la vidriera principal de la tienda.

Ejemplo de Banner Homeslider - Mobile y Desktop

Objetivo

Destacar campañas, promociones y productos importantes desde el ingreso al sitio.

Beneficios

• Máxima visibilidad
• Refuerza branding y promociones
• Mejora el descubrimiento de productos
• Incrementa oportunidades de conversión

Recomendado para comunicar

• Descuentos y promociones
• Beneficios con tarjetas
• Lanzamientos de productos
• Productos más vendidos
• Beneficios competitivos

Mejores prácticas

• Incluir siempre un enlace a promociones o listados
• Utilizar un máximo de 3 banners
• Priorizar mensajes claros y visuales
• Destacar beneficios diferenciales como envíos exprés o garantías

---

Submenú

¿Dónde se visualiza?

Se muestra junto a los submenús de navegación en pantallas desktop y tablet.

Objetivo

Complementar la navegación con promociones o accesos destacados dentro de las categorías del menú.

Beneficios

• Aumenta la visibilidad de promociones
• Mejora el descubrimiento de categorías
• Aprovecha espacios de alta interacción

Importante

Si no se configuran palabras clave en todos los menús, el primer banner cargado se mostrará automáticamente en todos los submenús.

Buenas prácticas

• Utilizar imágenes simples y claras
• Priorizar promociones importantes
• Mantener coherencia visual con el menú

Ejemplo de Banner Sub menú - Desktop

---

PopUp

¿Dónde se visualiza?

Aparece como ventana emergente al ingresar al sitio.

Ejemplo de Banner PopUp - Mobile y Desktop

Objetivo

Captar rápidamente la atención del usuario para comunicar promociones o información importante.

Beneficios

• Alta visibilidad
• Ideal para campañas temporales
• Permite destacar acciones importantes

Importante

El PopUp se muestra una vez por día por navegador.

Buenas prácticas

• Utilizar mensajes claros y directos
• Evitar demasiada información
• Priorizar promociones o anuncios relevantes
• Diseñar pensando en mobile

---

Listados de productos

¿Dónde se visualiza?

Dentro de listados o grupos de productos específicos.

Ejemplo de Listado de Productos - Desktop y Mobile

Objetivo

Mostrar banners segmentados según la categoría o grupo de productos visualizado.

Beneficios

• Permite personalizar promociones por categoría
• Mejora la relevancia del contenido
• Incrementa la conversión en listados específicos

Configuración

Además de crear el banner, es necesario configurar palabras claves asociadas al grupo de productos.

Ejemplo

Si la URL del grupo es:

https://{URL del comercio}/catalogo?grp=12

La palabra clave a configurar debe ser:

grp=12

Buenas prácticas

• Utilizar promociones relacionadas con la categoría
• Mantener mensajes alineados al producto visualizado
• Evitar banners genéricos

---

Texto

¿Dónde se visualiza?

Se utiliza en distintas zonas del sitio para comunicar anuncios rápidos sin imágenes.

Ejemplo de Banner texto - Desktop y Mobile

Objetivo

Destacar información importante de forma simple y directa.

Beneficios

• Comunicación rápida y clara
• Mayor velocidad de carga
• Ideal para mensajes temporales o informativos

Recomendado para comunicar

• Avisos importantes
• Información logística
• Promociones breves
• Beneficios de compra

Importante

El fondo amarillo mostrado en los ejemplos corresponde al estilo predeterminado.

✅ Buenas prácticas

• Utilizar mensajes cortos
• Priorizar información relevante
• Evitar exceso de texto