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