Widget NxM — Llevá N, Pagá M
¿Qué hace? Mostrá en tu tienda promociones del estilo "2x1", "3x2", "4x3" directamente en la página del producto. El cliente elige cuántas unidades lleva, puede seleccionar la variante de cada una, y ve el precio total con el ahorro ya calculado.
Ejemplos: 2x1 (llevá 2, pagá 1) · 3x2 (llevá 3, pagá 2) · 4x3 (llevá 4, pagá 3)
Antes de empezar: creá la promoción en Tiendanube
Al igual que con el widget de cantidad, el descuento se aplica a través de una promoción de tipo Bundle en Tiendanube. El widget de Nuby es la interfaz visual — sin la promo en TN el cliente ve el widget pero el precio en el carrito no cambia.
Pasos:
Andá al panel de tu tienda en Tiendanube
Entrá a Marketing → Promociones → Nueva promoción
Elegí el tipo "Llevá N, Pagá M" o "Bundle"
Configurá las mismas reglas que vas a definir en Nuby (ej: 2x1, 3x2)
Asigná la promoción al producto correspondiente
Guardá y activá la promoción
Cómo crear el widget en Nuby
Paso 1 — Elegí a qué productos aplicarlo
Desde el panel de Nuby, andá a Widgets → Nuevo widget → NxM (Llevá N, Pagá M).
Tenés tres opciones:
Opción | Cuándo usarla |
Producto específico | Uno o varios productos puntuales. Podés agregar múltiples. |
Categoría | Querés que el widget aparezca en todos los productos de una categoría. |
Paso 2 — Configurá las promos
Podés agregar una o más opciones al mismo widget (ej: ofrecer tanto "2x1" como "3x2" para que el cliente elija).
Para cada promo configurás:
Campo | Descripción |
Tipo de promo | El formato NxM (ej: 2x1, 3x2, 4x3) |
Subtítulo | Descripción corta (ej: "Llevá 3, pagá 2") |
Badge personalizado | Texto libre para destacar esa opción (ej: "Solo hoy", "¡La más elegida!") |
Badge "Más vendido" | Marcá una opción como la más popular |
Badge de envío | Texto o ícono de envío gratis |
Promo preseleccionada: Elegí cuál aparece activa por defecto.
Cómo ve el widget el cliente
El cliente ve las opciones como botones seleccionables. Al elegir una (por ejemplo "3x2"), aparecen 3 selectores de variante — uno por cada unidad que lleva. Puede elegir distinto talle o color en cada unidad.
El precio se calcula en tiempo real:
Se suman los precios de las N unidades elegidas
Se ordena de mayor a menor
Se cobran solo las M más caras (la/s más barata/s va/n sin cargo)
Se muestra el precio final vs. el precio original tachado
Paso 3 — Personalizá el diseño
Opción | Qué permite hacer |
Color de acento | Color principal de botones y elementos activos |
Color de fondo | Fondo del bloque del widget |
Color de opción seleccionada | Recuadro de la promo activa |
Mostrar precio original | Precio tachado (precio sin promo) |
Mostrar ahorro | Badge con el porcentaje que ahorra el cliente |
Radio de borde | Qué tan redondeadas van las esquinas |
Paso 4 — Publicá el widget
Hacé clic en Guardar y publicar. Para pausar la promo podés desactivarlo sin borrarlo.
Preguntas frecuentes
¿El descuento se aplica solo?
No. Necesitás tener la promoción creada en Tiendanube (ver sección "Antes de empezar"). El widget de Nuby es la presentación visual — la promo de TN es la que aplica el descuento en el checkout.
¿El cliente puede elegir distintas variantes en cada unidad?
Sí. Por ejemplo en un 3x2, puede llevar talle S, M y L en la misma compra. Cada unidad tiene su propio selector de variante.
¿Puedo aplicar el widget a varios productos a la vez?
Sí. Podés seleccionar múltiples productos individuales o elegir una categoría entera.
¿Cuál unidad "va gratis"?
La más barata. Si el cliente elige tres variantes con precios distintos, paga las dos más caras y la más barata no se cobra.
¿Puedo tener un 2x1 y un 3x2 juntos en el mismo widget?
Sí. Podés agregar múltiples opciones dentro del mismo widget y el cliente elige cuál quiere aprovechar.