Product Pack Widget
What does it do? Create combos or product kits that customers can add together from a single page. Each product in the pack has its own configured discount, and the customer can choose which ones to include before adding to the cart.
Examples:
"Skincare Kit: Cleanser + Toner + Cream — special bundle price"
"Running Combo: T-shirt + Shorts + Socks"
"Christmas Gift Set: Candle + Diffuser + Handmade Soap"
Note: Unlike the Quantity and NxM widgets, the pack does not require you to create a promotion in Tiendanube. Individual product prices and discounts are configured directly within Nuby.
Optionally, you can configure an additional discount that is automatically applied at checkout when the customer adds all the products in the pack to the cart.
How to create the widget
Step 1 — Go to widget creation
From the Nuby dashboard, go to Widgets → New widget → Product Pack.
Step 2 — Configure the pack
Title and Subtitle:
Field | Description |
Pack Title | The name the customer sees (e.g., "Complete Skincare Kit") |
Subtitle | Secondary text to highlight the benefit (e.g., "Save by buying together!") |
Main Product: This is the product page where the widget will appear. Use the search bar to find and select it.
Pack Products: Add the items for the combo. For each one, you configure:
Field | Description |
Product | Search and select the item |
Price | The price with the pack discount applied |
Original Price | The price without the discount (appears strikethrough) |
Discount | The displayed discount percentage |
Selected by default | Whether the product comes pre-checked when the customer enters the page |
You can configure an extra discount that is automatically applied at checkout when the customer has all the pack's products in their cart at the same time. For example, with a 10% discount configured, that percentage is deducted from the total price at checkout. Nuby manages the promotion in Tiendanube automatically — you just set the percentage.
How the customer sees the widget
The customer sees the main product plus all the pack add-ons, each with a checkbox. They can choose which items to include or exclude. The total price updates in real-time based on their selection.
Step 3 — Customize the design
Option | What it allows you to do |
Accent color | Main color for the button and highlights |
Background color | Background of the widget block |
Show original price | Strikethrough price for each product |
Show savings | Badge with the percentage saved |
Custom badge | Free text (e.g., "Exclusive Combo") |
"Best Seller" badge | Mark the pack as popular |
Border radius | How rounded the corners are |
Step 4 — Publish the widget
Click Save and Publish. The widget will appear immediately on the main product's page.
Frequently Asked Questions
Do I need to create anything in Tiendanube?
No. The pack is managed entirely from Nuby. You don't need to create any promotions in TN.
Can the customer build their own combo by removing products?
Yes. Each product in the pack has a checkbox that the customer can toggle on or off. The total price recalculates automatically.
What happens if one of the products in the pack runs out of stock?
It is automatically disabled for that specific product within the pack.
Does it work with variants (size, color)?
Yes. If any product in the pack has variants, the customer can choose their preferred option before adding the bundle to the cart.
Is the full pack discount always applied?
Only when the customer has all the pack's products in their cart at the same time. If they remove one, the discount is automatically removed.