Multibuy – Mix & Match Combo

Overview

Multibuy (Mix & Match Combo) lets merchants create promotions where customers can purchase a set number of products at a fixed total price — picking freely from a defined product list, rather than buying a specific SKU.

Example: "Buy any 3 items for $20" — the customer picks any 3 products from the eligible list and the discount is applied automatically.

How It Works

The merchant configures an offer with a required quantity and a fixed total price.
On the storefront, the widget displays empty slots matching the required quantity (e.g. 3 slots with + icons).
The customer selects products and variants from the recommendation list to fill the slots.
Once the required quantity is met, the discount is applied automatically.

Offer Configuration

Basic Information

Field	Description
Internal name	Used to identify the offer internally; not visible to customers
Offer title	Displayed on the storefront. Supports variables: `{quantity_tier}`, `{total_price}`
Remaining quantity message	Shown when the customer hasn't reached the required quantity. Variable: `{remaining_quantity}`
Discount title	Auto-generated discount code (e.g. `QIKIFY-PT1ZQF`).

Offer Trigger (Scope)

Defines which products the offer applies to:

Option	Description
All products	Applies to every product in the store
Collections	Applies only to products in selected collections
Specific products	Applies only to individually selected products

Tier Settings

Each offer can have multiple tiers to create different deal levels:

Field	Description
Title	Tier label. Supports variables: `{quantity}`, `{tier_price}`
Quantity of product required	Minimum number of products the customer must select
Fixed total price	The flat price for the combo (not a percentage discount)
Badge	Label shown on the widget. Variable: `{saved_price}`

Maximum Discount Uses

Option	Description
Allow multiplier discounts per order	When enabled, the discount applies to each qualifying pack in a single order. Example: buying 6 items on a "3 for $20" tier applies the discount twice → $40 total

Customer Product Selection Behavior

Defines how customers select products to add to their combo:

Option	Description
Open selection popup	Opens an in-page popup for the customer to pick products without leaving the current page
Redirect to specific page/URL	Sends the customer to a designated page (e.g. a collection page) to make their selections

Recommendation products:

Optionally enable Show product recommendations to surface suggested products
Set Max number of recommended products (up to 10)

Appearance & Style

Layout

Choose how the widget is displayed on the storefront:

Option	Description
List layout	Products displayed in a horizontal row with image slots and `+` placeholders. Best for step-by-step selection flow
Grid layout	Products displayed as cards with image thumbnails and badges. Better for browsing-style selection

Card border radius — Controls the roundness of product card corners (in px). Drag the slider to adjust.

Color

Field	Description
Primary color	Main brand color used for selected states, buttons, and progress indicators
Secondary color	Used for text, borders, and secondary UI elements
Accent color	Used for text layered on top of primary color (e.g. text inside badges or buttons). Typically white (`#FFFFFF`) for contrast

Typography

Controls font styling across three text levels in the widget:

Level	Font weight options	Font size
Heading	Thin / Regular / Medium / Bold	Adjustable in px (default: 20px)
Body	Thin / Regular / Medium / Bold	Adjustable in px (default: 14px)
Badge	Thin / Regular / Medium / Bold	Adjustable in px (default: 12px)

Image

Field	Description
Image size	Controls the display size of product images within the widget (in px)
Image border radius	Controls the roundness of product image corners (in px)

Badge

A badge overlaid on product images to highlight the deal — visible on collection pages and recommendation sections.

Field	Description
Badge text	Custom label displayed on the badge (e.g. `MULTIBUY`, `DEAL`, `SALE`)
Badge position	Where the badge appears on the product image. Options: Top left, Top right, Bottom left, Bottom right
Badge border radius	Controls the roundness of the badge shape (in px)

The badge uses the Primary color as background and Accent color as text by default, following the Color settings above.

Custom CSS

Allows advanced styling of the offer widget beyond the built-in options.

⚠️ This feature is not self-serve. To enable Custom CSS, merchants must contact the support team. Once enabled, custom CSS can be written directly in the provided editor to override or extend any widget styles.

Combination

Control whether this offer stacks with other active discounts at checkout.

Product discount
Order discount
Shipping discount

📝 Combination settings will follow Shopify's native discount combination rules.

Campaign scheduling

Set when the offer is active.

Start date / Start time: When the offer becomes visible to customers
Enable end date: Toggle on to set an expiry
End date / End time: When the offer deactivates

Countdown timer

Enable a live countdown to create urgency. The timer counts down to the campaign end date/time.

Heading content: Text shown above the timer (e.g. HURRY UP!)
Subheading content: Text shown below the heading (e.g. Sale end in)

ℹ️ The countdown timer only works when an end date is set.

Hopefully this instruction has helped you. Things change all the time, so if you run into issues please don't hesitate to share them with us at contact@qikifysupport.on.crisp.email or use the in-app live chat. We're happy to lend a hand 🤗

Updated on: 14/05/2026

Was this article helpful?

Thank you!