# 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**](/banners/palabras-claves.md) 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 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://guia.fenicio.help/banners/banners-de-navegacion-de-tienda.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.