Ir al contenido principal

Cómo configurar la app Banner Inteligente

Actualizado hace más de un mes

En tu Panel Funsales, hacé clic en Mis Apps:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-1

Hacé clic en Configurar en la app Banner Inteligente:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-2

Hacé clic para Activar la App:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-3

⚠️ Si desactivás la app desde el panel de Funsales haciendo clic en "Desactivar", la app dejará de funcionar, pero la suscripción no será cancelada.
Es decir: la facturación continuará activa.
Si querés cancelar la app (o sea, cancelar la suscripción), seguí este paso a paso:
👉 ¿Cómo cancelar una app?

Hacé clic en Crear primer banner:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-4

Activá la opción Banner activo:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-5

Seleccioná la posición donde se mostrará el banner.

Te mostramos cuáles son las posiciones disponibles:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-6

En este ejemplo elegimos mostrar el banner por categoría:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-7

Seleccioná en qué categoría será mostrado:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-8

Poné un nombre para el banner:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-9

El próximo paso es subir las imágenes del banner para Mobile y para Desktop:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-10

👉 Para saber más sobre los tamaños recomendados de banners, hacé clic acá.

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-11

📌 Recomendación:

  • Usá banners de Desktop solo para visualización en computadora.

  • Usá banners de Mobile para celulares o tablets.

Las imágenes para Mobile y Desktop pueden ser diferentes.
Si tenés un tamaño específico, podés definir el ancho y alto, y se ajustará automáticamente en el layout.

🔗 Link de destino del banner

Andá a tu tienda y copiá el link del producto o página al que el banner va a redirigir cuando hagan clic:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-12

También podés elegir si el link se abrirá en la misma página o en una nueva pestaña:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-13

🗓️ Periodo del banner

Podés dejar el banner visible por un período determinado:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-14

Una vez finalizadas las configuraciones, hacé clic en Guardar:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-15

Verás dónde fue insertado el banner:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-16

Al hacer clic, se mostrará un resumen del banner:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-17

Podés visualizar el banner yendo a tu tienda, en la categoría que elegiste para mostrarlo:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-18

Si el banner no aparece, actualizá la página.

⚙️ Configuraciones adicionales del app

En el panel del app, hacé clic en Configurar:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-19

📍 Posiciones y preferencias

Algunos ejemplos de lo que podés personalizar:

Modo de visualización en pantallas grandes:

Elegí si el banner debe ocupar todo el ancho de la pantalla o estar centrado.

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-20

Efectos al pasar el mouse:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-21

Podés elegir entre mostrar:

  • Flechas de navegación

  • Paginación (los puntitos debajo del banner)

Podés activar ambos al mismo tiempo.

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-22

📌 Posicionamiento específico para cada tipo de banner:

Banner de Top o Pie de página:

Elegí en qué página se mostrará.
Podés usar 2 banners diferentes para el mismo lugar:
Ejemplo: mostrar un banner en la página de inicio y otro en la página de categoría.

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-23

Banner de Categoría:

  • Antes del listado de productos

  • Después del listado (justo arriba del pie)

  • Debajo del filtro lateral en la página de categoría

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-24

Banner de Producto:

  • Encima de la info del producto

  • Después del nombre del producto

  • Después de toda la info del producto

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-25

Banner del Carrito:

  • Antes del listado de productos en el carrito

  • Después del resumen, encima del pie

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-26

Banner de Búsqueda:

  • Antes del listado de resultados

  • Después del listado, arriba del pie

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-27

Banner de Búsqueda Vacía:

Muy útil si un cliente busca algo y no encuentra resultados — podés mostrar un banner con una oferta u oportunidad especial, lo que aumenta las chances de conversión.

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-28

Cuando termines de configurar todo, hacé clic en Guardar:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-29

👨‍💻 Avanzado – Área para desarrolladores

Espacio donde tu equipo técnico puede aplicar configuraciones de CSS o HTML personalizadas:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-30

🔗 Integración Front-End

Verificación de que la app está correctamente activada en tu tienda:

Como-Configurar-Aplicativo-Banner-Inteligente-Nuvemshop-Funsales-31

💾 Recordá siempre guardar todos los cambios realizados.

¿Ha quedado contestada tu pregunta?