A Mix & Match Bundle is a customizable product bundle that lets your customers create their own combinations from a predefined list of items. This feature—available through the Kefi Bundles App—offers a flexible, interactive way to shop, encouraging higher engagement and increased order values.

Traditional bundling limits customer choice. Mix & Match Bundles flip that by giving shoppers control—letting them select exactly what they want, within set rules. This improves user satisfaction and boosts conversion rates.

Mix and Match Bundles offer endless flexibility. Here are some proven ways merchants use them to drive conversions and increase average order value:

“Choose any 3 items, get 20% OFF” — Ideal for gift sets, beauty kits, or snack packs.

Buy 4 T-shirts for $50, 5 for $60, or 6 for $65 — A great fit for apparel stores looking to encourage bulk purchases.

Buy a specific number of products to receive greater savings — Perfect for encouraging customers to explore your full product range.

Buy any 4 products sitewide and get 20% OFF — A simple, high-impact promotion that works across categories.

Now that you know the value of Mix & Match Bundles, let’s walk through how to create one step by step.

STEP 1

Go to the homepage and select the Mix and Match. Click “Select”

STEP 2:

After selecting Mix and Match, you'll be redirected to the Content Section, where you can set up your bundle. This section includes:

1. Bundle Info

In this section, you can add a title for your Mix and Match Bundle. This title will be visible to customers, so make it clear and appealing.

2. Product Setup

This section allows you to select which products will be part of your Mix and Match offer. You have three flexible options to choose from:

For this guide, we’ve selected “Specific Products” and included 2 products from the store to demonstrate how the bundle works in a focused setup.

Widget Visibility Options

Decide where the Mix and Match bundle widget should appear:

3. Discount Option

This section allows you to set up the discount for your Mix and Match Bundle. Choose the discount type that best suits your promotion strategy:

For this guide, we’ve created 2 percentage-based discount offers to demonstrate how tiered pricing works:

Offer 1: Buy 2 items – 10% Discount

Offer 2: Buy 3 items – 20% Discount

You can add additional discount tiers by clicking the “Add Discount Offer” button.

Additional Discount Features:

Set a Range: Define minimum and maximum product quantities required to activate each offer (e.g., Buy 2–3 items to unlock 10% OFF).

Add a Free Gift: Reward customers with a free product when they meet bundle criteria.

4. Text Fields

This section allows you to customize all the text shown on the Mix and Match bundle widget. It’s perfect for aligning the language with your brand tone or translating content for different markets.

You can easily update key elements such as:

Now , click on the “Next” button to proceed to the next section .

After clicking the next you would be redirected to the next section that is Design

Step 3:

Design - The Design section allows you to customize the appearance of your bundle widget so it matches your store's branding and layout. It consists of several styling options. Let’s explore them:

1. Color

This option gives you full control over the color scheme of the bundle widget. You can:

This flexibility ensures your bundle promotions not only look attractive but also blend seamlessly with your storefront design.

2. Typography

In this section, you can customize the font family, size, and style of various elements within the bundle widget to align with your store's branding. Options include adjusting the typography for the bundle title, product price, discount Tab Quantity, variant Selector, Free gift header, Footer Text and Add To Cart Text

3. Border

This option allows you to customize the border width and border radius of key elements within the bundle widget, including the product card, product images, Free gift and the Add to Cart button.

4. Product Image

This setting lets you control how product images appear within the bundle widget. You can:

Now , click on the “Next” button to proceed to the next section .

After clicking the next you would be redirected to the next section that is “Advance”

Step 4:

Advanced Settings - The Advanced section gives you greater control over when, where, and to whom the bundle widget is shown. These settings are useful for precise targeting and scheduling. Let’s dive into each option:

1. Widget Position

This option allows you to choose where the bundle widget appears on your product page. You can select from the following positions:

To make positioning easier, you can also select the widget's position visually using the Shopify Theme Editor—no coding needed.

For a detailed step-by-step guide, refer to this help article:

How to Position Bundles on Your Product Page

2. Scheduling

Set a start and end date for your bundle campaign. This is perfect for time-sensitive promotions, seasonal offers, or flash sales. The widget will only display during the defined period.

3. Customer Targeting

Control who sees the bundle by targeting:

In case of Specific Customer Segment -

STEP 5

Click on “Save” button to save all the changes

STEP 6:

Click on “Activate” to activate the widget on your shopify store(make sure you have enabled the core snippet button in order to see the bundles on your store).

Your Mix and Match Bundle is Now Live! Click the “Show on Store” button to Preview the bundle as it appears to your customers

Now, head over to your storefront to see the Mix and Match Bundle live in action.

If you have any questions or need assistance, feel free to contact us: