Bundle Selector
The Bundle Selector lets visitors pick from a set of bundle options, such as "Starter", "Value Pack", or "Best Deal". Each bundle contains a fixed list of products and quantities. When a visitor selects a bundle, the cart updates instantly. The previous choice is replaced in one step, without affecting anything else in the cart.
How It Works
- The page shows one or more bundle cards, each representing a different offer
- The visitor clicks a card to select it. The cart updates immediately
- If a product in the bundle has options like color or size, the visitor picks them on the card
- Prices are shown on load and update automatically when the visitor changes a variant or currency
Get Started
Add bundle cards to your page and configure your first bundle.
Displaying Prices
Show the price of each bundle on the card and keep it in sync with the visitor's selection.
Slot Templates
Display each product in a bundle as its own row, with image, name, and price.
Variant Selectors
Let visitors choose color or size for each product directly on the bundle card.
Bundle Vouchers
Attach a coupon code to a bundle. The code is applied when the bundle is selected and removed when it is not.
Select Mode
Let the visitor choose a bundle first, then confirm with a separate add-to-cart button.
Cart Mechanics
Understand how bundle switching, error recovery, and cart state management work behind the scenes.