What does it do? Display a selector in your store where customers choose to buy more units in exchange for a larger discount. The more they buy, the more they save — and you increase your average ticket.
Example: "Buy 2 and get 10% off · Buy 3 and get 20% off · Buy 5 and get 30% off"
Before you start: Create the promotion in Tiendanube
The Nuby widget is the visual interface your customer sees — the actual discount is applied through a Bundle-type promotion that must exist in your Tiendanube store.
Steps:
Go to your Tiendanube admin panel.
Go to Marketing → Promotions → New promotion.
Choose the type "Quantity Discount".
Configure the same quantity tiers and discounts you will set up in Nuby (e.g., 2 units = 10%, 3 units = 20%).
Assign the promotion to the corresponding products/categories.
Save and activate the promotion.
Once the promotion exists in TN, the Nuby widget activates it visually on the product page — clearly showing the customer their options before adding to cart.
How to create the widget in Nuby
Step 1 — Choose which products to apply it to
From the Nuby dashboard, go to Widgets → New widget → Quantity Discount. You have two options:
Option | When to use it |
Specific Product | You want to apply it to one or several specific products. You can search for and add multiple products. |
Category | You want the widget to appear on all products within a category. Just select the category and the widget handles the rest. |
Step 2 — Configure quantity options
You can define between 2 and 6 options. For each one, you configure:
Field | Description |
Quantity | Number of units (e.g., 2, 3, 5) |
Discount | Discount percentage (e.g., 10%, 20%, 30%) — must match your TN settings |
Subtitle | Short description of the option (e.g., "2 products, 10% OFF") |
Pre-selected option: Choose which one appears checked by default. We recommend the middle option to guide the customer without pressure.
Step 3 — Customize the design
Option | What it allows you to do |
Accent color | Main color for buttons and highlighted elements |
Widget background color | Background of the entire block |
Selected option color | Background of the active box |
Text color | General widget text |
Border radius | How rounded the corners are |
Show original price | Strikethrough price without discount |
Show discount label | Badge with the percentage (e.g., "20% OFF") |
"Best Seller" badge | Mark an option as the most popular |
Custom badge | Free text (e.g., "Best Value!") |
Shipping badge | Free shipping text or icon |
Step 4 — Publish the widget
Click Save and Publish. The widget will appear immediately on the product page. To pause it temporarily, you can deactivate it without needing to delete it.
Frequently Asked Questions
Does the discount apply automatically?
The widget does not apply the discount by itself. You need to have the promotion created in Tiendanube (see "Before you start" section). Once the promotion exists in TN, it is automatically applied to the cart when the customer chooses the corresponding quantity.
Can I apply the same widget to several products at once?
Yes. You can select multiple individual products when creating the widget, or directly choose an entire category.
What happens if I set up the widget but don't create the promo in TN?
The customer will see the widget with the discount options, but when adding to the cart, the price will not change. The TN promo is mandatory for the discount to be applied at checkout.
Does it work with variants (size, color, etc.)?
Yes. The customer first chooses the variant and then the quantity.
What if the product doesn't have enough stock for the chosen quantity?
The widget detects available stock and automatically disables options that exceed the current inventory.