Widget NxM — Leve N, Pague M
O que faz? Mostra em sua loja promoções do estilo "2x1", "3x2", "4x3" diretamente na página do produto. O cliente escolhe quantas unidades levará, pode selecionar a variante de cada uma e visualiza o preço total com o desconto já calculado. Exemplos: 2x1 (leve 2, pague 1) · 3x2 (leve 3, pague 2) · 4x3 (leve 4, pague 3)
Antes de começar: crie a promoção na Nuvemshop
Assim como no widget de quantidade, o desconto é aplicado por meio de uma promoção do tipo Bundle na Nuvemshop. O widget da Nuby é a interface visual — sem a promo na Nuvemshop, o cliente verá o widget, mas o preço no carrinho não mudará.
Passos:
Vá ao painel da sua loja na Nuvemshop.
Acesse Marketing → Promoções → Nova promoção.
Escolha o tipo "Leve N, Pague M" ou "Bundle".
Configure as mesmas regras que você definirá na Nuby (ex: 2x1, 3x2).
Atribua a promoção ao produto correspondente.
Salve e ative a promoção.
Como criar o widget na Nuby
Passo 1 — Escolha a quais produtos aplicar
No painel da Nuby, vá em Widgets → Novo widget → NxM (Leve N, Pague M). Você tem duas opções:
Opção | Quando usar |
Produto específico | Um ou vários produtos pontuais. Você pode adicionar múltiplos. |
Categoria | Você quer que o widget apareça em todos os produtos de uma categoria. |
Passo 2 — Configure as promos
Você pode adicionar uma ou mais opções ao mesmo widget (ex: oferecer tanto "2x1" quanto "3x2" para que o cliente escolha). Para cada promo, configure:
Campo | Descrição |
Tipo de promo | O formato NxM (ex: 2x1, 3x2, 4x3). |
Subtítulo | Descrição curta (ex: "Leve 3, pague 2"). |
Badge personalizado | Texto livre para destacar a opção (ex: "Só hoje", "A mais escolhida!"). |
Badge "Mais vendido" | Marque uma opção como a mais popular. |
Badge de frete | Texto ou ícone de frete grátis. |
Promo pré-selecionada: Escolha qual aparece ativa por padrão.
Como o cliente vê o widget
O cliente vê as opções como botões selecionáveis. Ao escolher uma (por exemplo, "3x2"), aparecem 3 seletores de variante — um para cada unidade que ele levará. Ele pode escolher tamanhos ou cores diferentes para cada unidade.
O preço é calculado em tempo real:
Somam-se os preços das N unidades escolhidas.
Ordenam-se do maior para o menor.
Cobram-se apenas as M mais caras (a(s) mais barata(s) sai(em) sem custo).
Mostra-se o preço final vs. o preço original riscado.
Passo 3 — Personalize o design
Opção | O que permite fazer |
Cor de destaque | Cor principal de botões e elementos ativos. |
Cor de fundo | Fundo do bloco do widget. |
Cor da opção selecionada | Quadro da promo ativa. |
Mostrar preço original | Preço riscado (preço sem a promo). |
Mostrar economia | Badge com a porcentagem que o cliente economiza. |
Raio da borda | O quão arredondados ficam os cantos. |
Aqui está a tradução para o português (Brasil) em formato Markdown:
Bundle 2x1, 3x1: Guia passo a passo
Widget NxM — Leve N, Pague M
O que faz? Mostra em sua loja promoções do estilo "2x1", "3x2", "4x3" diretamente na página do produto. O cliente escolhe quantas unidades levará, pode selecionar a variante de cada uma e visualiza o preço total com o desconto já calculado.
Exemplos: 2x1 (leve 2, pague 1) · 3x2 (leve 3, pague 2) · 4x3 (leve 4, pague 3)
Antes de começar: crie a promoção na Nuvemshop
Assim como no widget de quantidade, o desconto é aplicado por meio de uma promoção do tipo Bundle na Nuvemshop. O widget da Nuby é a interface visual — sem a promo na Nuvemshop, o cliente verá o widget, mas o preço no carrinho não mudará.
Passos:
Vá ao painel da sua loja na Nuvemshop.
Acesse Marketing → Promoções → Nova promoção.
Escolha o tipo "Leve N, Pague M" ou "Bundle".
Configure as mesmas regras que você definirá na Nuby (ex: 2x1, 3x2).
Atribua a promoção ao produto correspondente.
Salve e ative a promoção.
Como criar o widget na Nuby
Passo 1 — Escolha a quais produtos aplicar
No painel da Nuby, vá em Widgets → Novo widget → NxM (Leve N, Pague M).
Você tem duas opções:
Opção | Quando usar |
Produto específico | Um ou vários produtos pontuais. Você pode adicionar múltiplos. |
Categoria | Você quer que o widget apareça em todos os produtos de uma categoria. |
Passo 2 — Configure as promos
Você pode adicionar uma ou mais opções ao mesmo widget (ex: oferecer tanto "2x1" quanto "3x2" para que o cliente escolha).
Para cada promo, configure:
Campo | Descrição |
Tipo de promo | O formato NxM (ex: 2x1, 3x2, 4x3). |
Subtítulo | Descrição curta (ex: "Leve 3, pague 2"). |
Badge personalizado | Texto livre para destacar a opção (ex: "Só hoje", "A mais escolhida!"). |
Badge "Mais vendido" | Marque uma opção como a mais popular. |
Badge de frete | Texto ou ícone de frete grátis. |
Promo pré-selecionada: Escolha qual aparece ativa por padrão.
Como o cliente vê o widget
O cliente vê as opções como botões selecionáveis. Ao escolher uma (por exemplo, "3x2"), aparecem 3 seletores de variante — um para cada unidade que ele levará. Ele pode escolher tamanhos ou cores diferentes para cada unidade.
O preço é calculado em tempo real:
Somam-se os preços das N unidades escolhidas.
Ordenam-se do maior para o menor.
Cobram-se apenas as M mais caras (a(s) mais barata(s) sai(em) sem custo).
Mostra-se o preço final vs. o preço original riscado.
Passo 3 — Personalize o design
Opção | O que permite fazer |
Cor de destaque | Cor principal de botões e elementos ativos. |
Cor de fundo | Fundo do bloco do widget. |
Cor da opção selecionada | Quadro da promo ativa. |
Mostrar preço original | Preço riscado (preço sem a promo). |
Mostrar economia | Badge com a porcentagem que o cliente economiza. |
Raio da borda | O quão arredondados ficam os cantos. |
Passo 4 — Publique o widget
Clique em Salvar e publicar. Para pausar a promoção, você pode desativá-la sem precisar excluí-la.
Perguntas frequentes
O desconto é aplicado sozinho?
Não. Você precisa ter a promoção criada na Nuvemshop (veja a seção "Antes de começar"). O widget da Nuby é a apresentação visual — a promo da Nuvemshop é a que aplica o desconto no checkout.
O cliente pode escolher variantes diferentes em cada unidade?
Sim. Por exemplo, em um 3x2, ele pode levar tamanhos P, M e G na mesma compra. Cada unidade tem seu próprio seletor de variante.
Posso aplicar o widget a vários produtos ao mesmo tempo?
Sim. Você pode selecionar múltiplos produtos individuais ou escolher uma categoria inteira.
Qual unidade sai "de graça"?
A mais barata. Se o cliente escolher três variantes com preços diferentes, ele pagará as duas mais caras e a mais barata não será cobrada.
Posso ter um 2x1 e um 3x2 juntos no mesmo widget?
Sim. Você pode adicionar múltiplas opções dentro do mesmo widget e o cliente escolhe qual deseja aproveitar.