Guide5 min read

How to create mix-and-match bundles on Shopify

A mix-and-match bundle lets shoppers pick any products from a collection and get a discount for buying several. Here’s how to build a “choose any 3, save 20%” offer on a real Shopify store, step by step, with screenshots.

Shopify product page with a Mix & Match bundle: Triple selected, three different skincare products in the slots, Save $21.60, $86.40 instead of $108.00
What we’re building: shoppers fill three slots with any products from a collection and save 20%.

Quantity discounts work when shoppers want more of the same thing. Many stores sell ranges instead: a cleanser, a serum and an oil, or three different candle scents. A mix-and-match bundle rewards the shopper for building their own set from your range, so a single purchase becomes three.

This guide builds a “choose any 3, save 20%” bundle from a real collection, using Seny’s Mix & Match Bundles. No theme code. Every screenshot comes from a real test store.

What a mix-and-match bundle is

The shopper picks a bundle size, then chooses which products go in it, from a collection you pick. The discount grows with the bundle: for example 15% off any 2 and 20% off any 3. It’s different from:

  • Quantity breaks (buy 2, buy 3 of the same product).
  • Fixed bundles, where you decide which products belong together.
  • Buy X get Y, where one product is discounted or free when another is bought.

Shopify can apply a discount like “20% off when you buy 3 items from a collection” with an automatic discount. What it doesn’t give you is the part on the product page: choosing the bundle size, picking the products for each slot and seeing the price before adding to cart. That part is what this guide sets up.

Step 1: Make the collection shoppers choose from

Decide which products can go into the bundle and put them in one collection in Shopify admin under Products → Collections. In our test store that’s a “Skincare” collection with four products: a cleanser, a serum, an SPF and a night oil. We built it as an automated collection from a product tag, so new skincare products join it automatically.

Step 2: Open Mix & Match Bundles in Seny

In Seny, go to Apps library and open Mix & Match Bundles. The builder opens on one of your product pages, with the bundle already in place: Single, Double and Triple offers with an Add selected bundle button.

Seny builder for Mix & Match Bundles with the live preview of a product page showing Single, Double (Most popular) and Triple offers
The starting point. The first slot of every bundle is the product the shopper is viewing.

Step 3: Choose the collections shoppers can pick from

Scroll to Offers. Under Collections shoppers can pick from, click Choose collections and select your collection.

Select collections dialog in Seny with the Skincare collection (4 products) selected
Search for your collection and tick it.

The offers change straight away. Instead of a price, the Double and Triple offers show their discount, “Mix any 2 products: 15% OFF” and “Mix any 3 products: 20% OFF”, because the total depends on which products the shopper picks.

Seny Offers section with the skincare collection selected and the preview showing Double 15% OFF and Triple 20% OFF
Collection selected. Prices appear once every slot is filled.

Step 4: Set the bundle sizes and discounts

Each offer has its own card under Offers: Quantity (how many products in the bundle), Discount type (a percentage or a fixed amount), the discount itself, and a Title and Subtitle. The defaults are a good start: Single at full price, Double at 15% off and Triple at 20% off.

Seny offer cards: Offer 1 Single with quantity 1 and 0% off, Offer 2 Double with quantity 2 and 15% off
Each bundle size is one offer card with its own quantity and discount.

Subtitles can use variables like {price_per_item}, {saved_total} and {saved_percentage}, and they fill in once the bundle is complete. Default selected offer sets which bundle is selected when the page loads, and in the Ribbon section you choose which offer carries the “Most popular” ribbon.

Step 5: Choose which products show the bundle

In Placement, set Products to All products in specific collections and choose the same collection. Now the bundle shows on skincare product pages, and other products keep your theme’s normal buttons.

Seny Placement settings with Product pages, All products in specific collections, skincare selected, and the bundle below the product title in the preview
The bundle is limited to the skincare collection.

Under Replace theme buttons, Seny hides your theme’s own Add to cart, Buy it now, quantity selector and options on these pages, so shoppers aren’t shown two ways to add the same product. Each one has its own switch if you want to keep it.

Step 6: Publish

Save, then click Publish. Seny creates an automatic product discount in Shopify (you’ll see it under Discounts) that prices the bundle in the cart and at checkout. Products added together through the bundle are priced as one group, at the discount for the size they reach. Products a shopper adds one at a time somewhere else aren’t combined into a bundle.

Step 7: Test it as a shopper

Open a skincare product in a private window and choose Triple. The first slot holds the product you’re looking at, already shown at its discounted price, and two empty slots say “Choose a product”:

Triple offer selected on the Cloud Serum page: slot 1 Cloud Serum at $30.40 instead of $38.00, slots 2 and 3 empty with Choose a product
Triple selected: “Choose 2 more”.

Click an empty slot. A product picker opens with the products from your collection, including their variants:

Choose a product dialog listing Cloud Serum, Night Oil, Daily Veil SPF 30 and Dew Cleanser with Select buttons
The shopper picks from your collection only.

Once all three slots are filled, the offer shows the real total: $86.40 instead of $108.00, a $21.60 saving. Click Add selected bundle and open the cart. Each product is listed with its discounted price and the bundle’s name:

Shopify cart with Dew Cleanser $22.40, Night Oil $33.60 and Cloud Serum $30.40, each marked Bundle 3+, estimated total $86.40
The discount is applied line by line in the cart: $86.40 for the three.

Common mistakes to avoid

  • A collection that’s too broad. A picker with 200 products is a chore. Keep the collection to products that genuinely belong together.
  • Discounts that don’t step up. If 2 items save 15%, 3 should save more. Shoppers compare the tiers.
  • Showing the bundle on products that aren’t in it. Limit Placement to the same collection, or the first slot can be a product outside the range.
  • Not testing the cart. Always add a complete bundle and check the cart before you announce the offer.
Mix & Match BundlesThe mix-and-match bundle used in this guide: collection-based slots, tiered discounts and the automatic checkout discount.Explore app
GOOD QUESTIONS

Frequently asked questions

Quick answers to the questions merchants ask most about this topic.

Can Shopify do mix-and-match bundles without an app?

Shopify can apply a discount when a cart holds several items from a collection, using an automatic discount. It doesn’t add a way for shoppers to choose the bundle size and pick the products on the product page. That’s what a bundle app adds.

Can shoppers choose different variants for each product?

Yes. Each slot keeps its own variant, so a shopper can pick a 30 ml serum and a 50 ml serum in the same bundle.

Do I need a discount code for the bundle?

No. When you publish, Seny creates an automatic product discount in Shopify. The bundle is priced in the cart and at checkout without a code.

Can I use a fixed amount instead of a percentage?

Yes. Each offer has its own discount type: a percentage off or a fixed amount off.

What happens if a shopper removes one product from the bundle in the cart?

The products that stay are priced at the discount for the size they still reach. Remove one product from a 3-item bundle and the other two get the 2-item discount, 15% with the default offers.

READY WHEN YOU ARE

Put this guide to work on your store.

Start free and manage every app from this guide in one place.

Get started for free