O que faz? Mostra em sua loja um seletor onde seus clientes escolhem comprar mais unidades em troca de um desconto maior. Quanto mais compram, mais economizam — e você aumenta o ticket médio. Exemplo: "Compre 2 e ganhe 10% OFF · Compre 3 e ganhe 20% OFF · Compre 5 e ganhe 30% OFF"
Antes de começar: crie a promoção na Nuvemshop
O widget da Nuby é a interface visual que seu cliente vê — o desconto real é aplicado por meio de uma promoção do tipo Bundle que deve existir em sua loja Nuvemshop.
Passos:
Vá ao painel da sua loja na Nuvemshop.
Acesse Marketing → Promoções → Nova promoção.
Escolha o tipo "Desconto por quantidade".
Configure as mesmas faixas de quantidade e desconto que você colocará na Nuby (ex: 2 unidades = 10%, 3 unidades = 20%).
Atribua a promoção aos produtos/categorias correspondentes.
Salve e ative a promoção.
Assim que a promoção existir na Nuvemshop, o widget da Nuby a ativará visualmente na página do produto — mostrando ao cliente as opções de forma clara antes de adicionar ao carrinho.
Como criar o widget na Nuby
Passo 1 — Escolha a quais produtos aplicar
No painel da Nuby, vá em Widgets → Novo widget → Desconto por quantidade. Você tem duas opções principais
Opção | Quando usar |
Produto específico | Você quer aplicá-lo a um ou vários produtos pontuais. Pode buscar e adicionar múltiplos produtos. |
Categoria | Você quer que o widget apareça em todos os produtos de uma categoria. Basta selecionar a categoria e o widget cuida do resto. |
Passo 2 — Configure as opções de quantidade
Você pode definir entre 2 e 6 opções. Para cada uma, configure:
Campo | Descrição |
Quantidade | Número de unidades (ex: 2, 3, 5). |
Desconto | Porcentagem de desconto (ex: 10%, 20%, 30%) — deve coincidir com o que você configurou na Nuvemshop. |
Subtítulo | Descrição curta da opção (ex: "2 produtos, 10% OFF"). |
Opção pré-selecionada: Escolha qual aparece marcada por padrão. Recomendamos a do meio para guiar o cliente sem pressioná-lo.
Passo 3 — Personalize o design
Opção | O que permite fazer |
Cor de destaque | Cor principal de botões e elementos destacados. |
Cor de fundo do widget | Fundo do bloco completo. |
Cor da opção selecionada | Fundo do quadro ativo. |
Cor do texto | Texto geral do widget. |
Raio da borda | O quão arredondados ficam os cantos. |
Mostrar preço original | Preço riscado sem desconto. |
Mostrar etiqueta de desconto | Badge com a porcentagem (ex: "20% OFF"). |
Badge "Mais vendido" | Marque uma opção como a mais popular. |
Badge personalizado | Texto livre (ex: "Melhor oferta!"). |
Badge de frete | Texto ou ícone de frete grátis. |
Passo 4 — Publique o widget
Clique em Salvar e publicar. O widget aparecerá imediatamente na página do produto. Para pausá-lo temporariamente, você pode desativá-lo sem a necessidade de excluí-lo.
Perguntas frequentes
O desconto é aplicado sozinho?
O widget não aplica o desconto por si só. Você precisa ter a promoção criada na Nuvemshop (veja a seção "Antes de começar"). Quando a promoção existe na Nuvemshop, ela é aplicada automaticamente ao carrinho quando o cliente escolhe a quantidade correspondente.
Posso aplicar o mesmo widget a vários produtos de uma vez?
Sim. Você pode selecionar múltiplos produtos individuais ao criar o widget ou escolher diretamente uma categoria inteira.
O que acontece se eu configurar o widget, mas não criar a promo na Nuvemshop?
O cliente verá o widget com as opções de desconto, mas ao adicionar ao carrinho o preço não mudará. A promoção na Nuvemshop é obrigatória para que o desconto seja aplicado no checkout.
Funciona com variantes (tamanho, cor, etc.)?
Sim. O cliente primeiro escolhe a variante e depois a quantidade.
E se o produto não tiver estoque suficiente para a quantidade escolhida?
O widget detecta o estoque disponível e desabilita automaticamente as opções que superam o estoque atual.