Skip to main content

What is a “Buy N, Discount on Cheapest/Costliest” Bundle? A Complete Overview

Shivam Tiwari avatar
Written by Shivam Tiwari
Updated over 2 months ago

Looking to reward customers who buy more — in smarter ways? Our Buy N, Discount on Cheapest/Costliest bundle is designed just for that.

Whether you're offering sitewide volume discounts or encouraging bulk purchases of selected products, this bundle type gives you powerful flexibility to craft irresistible offers — automatically applying a discount to either the cheapest or costliest item in the cart based on your configuration.

This guide will walk you through exactly what this bundle is, real-world use cases, how it works, and how you can set it up for your store.

What Does “Buy N, Discount on Cheapest/Costliest” Mean?

With this bundle type, you define a quantity range (e.g., Buy any 3 items) and choose whether the discount should be applied to:

  • The cheapest item
    ​

  • The costliest item
    ​

This allows for:

  • Tiered pricing for bulk purchases
    ​

  • Sitewide promotions based on total item count
    ​

  • Flexible discount logic to align with your marketing strategy
    ​

Use Cases

Here are some powerful ways you can use this bundle to drive more sales and higher average order values:
​

Buy 2, Get the Cheapest Free

Encourage customers to add a second item by giving them the lowest-priced item for free.

  • Example: Buy any 2 items from this collection, get the cheaper one for 100% OFF.
    ​

Buy 3, Get the Costliest at 30% OFF

This creates a high-perceived value by offering a discount on the most expensive item in the cart.

  • Example: Buy any 3 products sitewide and get 30% OFF the costliest item.
    ​

Buy More, Save More

Offer progressive savings based on the total quantity purchased — perfect for encouraging bulk buys.

  • Example:
    ​

    • Buy 5 items → Get 10% OFF cheapest item
      ​

    • Buy 10 items → Get 40% OFF Costliest item
      ​

    • Buy 11items → Get 60% OFF cheapest item
      ​

How It Works

The app checks the customer’s cart in real time and:

  1. Counts the number of eligible items.
    ​

  2. Applies the discount rule (based on the cheapest, costliest).
    ​

  3. Automatically updates the cart total — no need for discount codes.
    ​

You can fully customize:

  • Discount types (percentage, fixed amount, or free)
    ​

  • Which products or collections are eligible
    ​

How to Set It Up

STEP 1

Go to the homepage and select the Buy N, Discount on Cheapest/Costliest. Click “Select”


​

STEP 2

After selecting Buy N, Discount on Cheapest/Costliest , you'll be redirected to the Content Section, where you can set up your bundle. This section includes:

  • Bundle Info: Name your bundle and add a description.

  • Product Setup: Choose which products customers can select fromBuy N, Discount on Cheapest/Costliest Bundle.

  • Discount Options: Apply percentage, fixed amount, or free discounts to the cheapest or costliest item..

  • Text Fields: Customize messaging like headings and button labels.

  • Widget Preview: On the right-hand side, see a live preview of how your bundle will appear to customers.


​

1. Bundle Info

In this section, you can add a title for your Buy N, Discount on Cheapest/Costliest Bundle. This title will be visible to customers, so make it clear and appealing.

  • Character Limit: You can enter up to 80 characters.

  • Tip: Use titles like "Build more, Save more" or "Buy 2, Get the Cheapest Free" to attract attention.


​

2. Product Setup

This section allows you to select which products will be part of your Buy N, Discount on Cheapest/Costliest offer. You have three flexible options to choose from:

  • All Products: Include your entire product catalog in the bundle.

  • Specific Products: Manually select individual products from your store.

  • Collection: Choose an existing collection to group related products together.


​

Widget Visibility Options

Decide where the Buy N, Discount on Cheapest/Costliest bundle widget should appear:

  • On all included product pages – Display the bundle wherever the selected products are listed.

  • On specific product pages – Show the bundle only on chosen product pages for more control over placement.

You can also display product variants - such as different colors, sizes, or styles—by enabling the Show swatches option.

This allows customers to view and select from the available variants directly within the bundle widget, improving the shopping experience.

To further personalize how these options appear, click on Edit swatches. Here, you can customize the swatch layout, labels, and appearance—for example:

  • Swatches Option Type - Color, size

  • Option Layout

  • Swatch Size

  • Swatch Shape


​

3. Discount Option

When creating a Buy N, Discount on Cheapest/Costliest bundle, you have full control over how and where the discount is applied:

Discount Applied To

  • Cheapest Item – Perfect for offers like “Buy 2, Get Cheapest Free” or tiered discounts on the lowest-priced product
    ​

  • Costliest Item – Great for high-value bundles like “Buy 3, Get 30% OFF the Costliest Item”
    ​


​

Discount Type

  • Percentage Discount – e.g., 30% OFF the cheapest or costliest item
    ​

  • Fixed Amount Discount – e.g., $10 OFF the selected item
    ​

  • Free – Make the cheapest or costliest item completely free

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


​

Combine this discount with other:

You can choose to combine your add-on discount with other types of discounts active in your store, including:

  • Order Discounts – Overall discounts applied to the total order value.
    ​

  • Product Discounts – Discounts applied to individual products in the cart.
    ​

  • Shipping Discounts – Reduced or free shipping offers applied at checkout.
    ​

This allows you to create more compelling promotions by layering multiple incentives for your customers.

4. Text Fields

This section allows you to customize all the text shown on the Buy N, Discount on Cheapest/Costliest 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:

  • Footer Text – Summary or instructional message at the bottom

  • Free Text – Message for free gift offers

  • Quantity – Labels for item quantities

  • Add Button – Text for adding products to the bundle

  • Add to Cart CTA – Main call-to-action button text

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 Your Bundle Widget

The Design section allows you to tailor the appearance of your bundle widget so it seamlessly matches your store’s branding and layout. A well-designed widget not only enhances visual appeal but also builds trust and improves the overall customer experience.

To give you more flexibility and control, the customization options are now grouped into three main sections:

1. General

These settings affect the overall look of the entire bundle widget.

  • Bundle Widget Background – Set the background color of the entire widget
    ​

  • Font Family – Choose a font that aligns with your store’s typography

Bundle Title

  • Text Color – Customize the title text color
    ​

  • Size – Adjust the font size to match your page layout
    ​

  • Style – Choose from bold, italic, or other text styles

Discount Label

  • Background Color – Set the background color of the discount badge/label
    ​

  • Text Color – Customize the color of the discount text
    ​

  • Text Size – Adjust the size of the label text
    ​

  • Style – Apply font styles (e.g., bold, italic)
    ​

  • Border Radius – Round the corners of the label for a softer design
    ​


​

2. Product Card

These options control the visual styling of each product shown in the bundle.

General

  • Background Color – Set the background color of each product card
    ​

  • Image Size – Adjust the size of the product images
    ​

  • Image Display – Choose how the product images are displayed

Title

  • Text Color – Set the color of the product title
    ​

  • Size – Adjust the font size
    ​

  • Style – Choose the font style (bold, italic, etc.)

Price

  • Product Price Color – Customize the product price color
    ​

  • Product Price Size – Set the font size for product prices
    ​

  • Product Price Style – Apply styles like bold or italic

Compare-at Price

  • Compare-at Price Size – Set the size of the strikethrough price
    ​

  • Compare-at Price Style – Choose a style (e.g., italic, bold)

Variant Selector

  • Text Color – Customize the text color of variant labels
    ​

  • Swatches Color – Define the color of swatch selectors
    ​

  • Size – Adjust the overall size of the selector
    ​

  • Style – Apply font styling as needed
    ​

3. Footer

These settings control the look of the footer section where pricing and the Add to Cart button appear.

Total Section

  • Background Color – Set the background for the total price area
    ​

  • Text Color – Customize the total label color
    ​

  • Total Text Size – Adjust the size of the “Total” label
    ​

  • Total Text Style – Choose the style for the label (bold, italic, etc.)
    ​

  • Price Size – Set the font size of the total price
    ​

  • Price Style – Apply style to the price text

Add to Cart Button

  • Background Color – Set the button’s background color
    ​

  • Text Color – Customize the button text color
    ​

  • Size – Adjust the button’s size
    ​

  • Style – Apply font styling to the button text
    ​

  • Border Radius – Round the corners of the button for a modern look
    ​


These design settings help you create a cohesive, branded look that encourages user engagement and trust. You can preview all changes live using the widget preview on the right-hand side of the setup screen.

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

After clicking "Next", you’ll be redirected to the following step: Advanced.

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

By default, the widget will appear below the Add to Cart button.

To change its position, open the Shopify Theme Editor, and simply drag the app block to your preferred location on the product page - no coding required.

Embed Bundle via HTML

You can also embed this bundle manually on any page using HTML.

Display the bundle wherever you like by placing the provided HTML tag directly into your theme file.

Hide Shopify Elements

You have the option to hide specific Shopify elements (like the default Add to Cart button or product price) to reduce redundancy when showing bundles.

Simply enter the CSS selectors of the elements you'd like to hide.

For example:

  • .product__price

  • .product-form__buttons
    ​

This helps create a cleaner, more focused layout around your bundle widget.

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:

  • All customers

  • Specific customer segment

In case of Specific Customer Segment -

  • Customer Tags - Show bundles only to users with certain Shopify tags (e.g., “VIP”, “Loyal”). You can include/exclude based on tags.

  • Customer Countries - Limit bundle visibility by geographic region — useful for country-specific offers or regulations. You can include/exclude based on countries.

  • Minimum Lifetime Spend - Display bundles only to customers who’ve spent above or less than a set threshold.


​

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 Buy N, Discount on Cheapest/Costliest 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 Buy N, Discount on Cheapest/Costliest Bundle live in action.

Need Help?

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

Did this answer your question?