1. What is Buy your own bundle?
Buy your own bundle section allows customers to create a custom product bundle by selecting items step-by-step in a logical and thoughtful process. It also helps increase average order value by encouraging customers to purchase multiple complementary items in a single transaction.
2. Section Components
| Section |
Buy your own bundle |
Create a custom product bundle by selecting step-by-step. |
|---|---|---|
| Available blocks | Step |
Add a single bundling step with product display for each step. |
3. Location & Setup
To add and set up the Buy your own bundle section:
- Open the Shopify Theme Editor (Online store > Themes > Customize)
- Decide where you want to place the new section.
- Click "Add section".
- Select "Buy your own bundle".
4. Highlight Features
- Step-by-step bundling flow: Guide customers through creating their own bundle, one step at a time, with clear progress indicators.
- Flexible product selection: Choose products from collections or hand-pick items for each step.
- Flexible bundle discount: Support Quantity-based and Purchase amount-based automatic discounts. Easily syncs discount tiers created in Shopify Admin.
- Bundle summary panel: A dedicated summary block shows selected products, pricing, and applied discounts—fully customizable in layout and color.
- Promotion highlight per step: Showcase images, videos, messages, and CTAs to promote offers or featured products inside any step.
5. 🚨 MUST READ: Before you start
Setting up the Buy your own bundle requires TWO ESSENTIAL PROCESSES:
-
Process 1: Set up bundling steps (set up bundling steps and how products/collection are displayed in each step)
-
Process 2: Set up Bundle discount (how the discount works when bundling)
The Bundle discount supports two types of discount codes:
✅ Quantity-based Discounts
- Discounts are triggered when customers buy a certain number of items.
- Example: Buy 10+ items → Get $5 off, Buy 20+ items → Get $10 off
→ Go to Process 2.1: How to set up bundle discount using QUANTITY OFF DISCOUNT? to learn more
✅ Purchase Amount Off Discounts
- Discounts are triggered when customers spend a certain amount of money.
- Example: Spend $100 → Get 5% off, Spend $200 → Get 10% off
→ Go to Process 2.2: How to set up bundle discount using PURCHASE AMOUNT OFF DISCOUNT? to learn more
6. Step-by-step Setup
🤔 Process 1: How to set up bundling steps?
The first process is to set up bundling steps. Follow this:
STEP 1: Add the section & blocks
Add Buy your own bundle section. Under the section, you can add up to 5 Step blocks, with each block representing 1 bundling step.
STEP 2: Set up the display of the step label
Click on the Step block to open its settings panel.
- Enter Step title.
- Choose Step icon.
STEP 3: Select products for the bundling step
At Bundle settings group:
- Select collection or hand-pick individual products at Select products, whether they belong to a set or complement each other.
- (Only for collection select) Choose the Maximum number of products shown.
Note: If you select both individual products and collections, the individually selected products will override any chosen collections.
STEP 4: Additional bundle setup
Still at Bundle settings group:
- Enable Show highlighted features to show custom text on product cards. (To create highlighted features, follow this guide).
- For the checkbox "Each product can be added to bundle once":
- Yes (Default): Each product can be added to the bundle only once, but if the product has multiple variants, each variant can also be added once. For example, if Product A has variants 1A, 1B, 1C, and 1D, you can add each variant - 1A, 1B, 1C, and 1D - once to the bundle. Each variant is treated as a separate product. After adding a specific variant, the "Add to bundle" button will be disabled for that variant.
- No: Each product can be added to the bundle multiple times through its variants. For example, if product A has variants 1A, 1B, 1C, and 1D, you can add 1A twice, 1B four times, 1C once, and 1D six times to the bundle - no limits.
- Enter Minimum products required and Maximum products allowed to set limits for the number of products added at the step. If you don’t want to set limits, leave this blank.
STEP 3: Click "Save" to apply changes.
Repeat these steps for setting up other bundling steps.
🤔 Process 2.1: How to set up bundle discount using QUANTITY OFF DISCOUNT?
1. Create discount codes in Shopify Admin
STEP 1: Go to Shopify Admin → Discounts → Create discount
STEP 2: Choose the "Amount off products" discount type.
STEP 3: Make sure you choose "Automatic discount".
STEP 4: Set the Discount value (this will be displayed in your bundle discount), and the Eligibility of the discount.
STEP 5: Set the Minimum purchase requirements > tick Minimum quantity of items > fill in the required number (this will be displayed in your bundle discount as well).
STEP 6: Click "Save".
STEP 7: Repeat for each tier (create a separate discount for each goal)
Example setup: If you want 3 discount tiers, create 3 automatic discounts:
- Discount 1: $5 off when buying 10+ items
- Discount 2: $10 off when buying 20+ items
- Discount 3: $15 off when buying 30+ items
2. Set up the bundle discount in Theme editor
STEP 1: Open the settings
Click on Buy your own bundle section to open its settings panel.
STEP 2: Set up the discount type & goal message
Scroll down to Bundle discount settings group:
- At Calculate discount by, choose the Items quantity option.
-
Enter Pre-goal message (Message shown BEFORE goal is reached). You need to use these placeholders to add dynamic value:
- [x] = automatically shows the remaining quantity needed.
- [goal_label] = automatically shows the goal label you entered.
- Enter Post-goal message (Message shown AFTER goal is reached).
STEP 3: Match the goals
Scroll down to the Goal 1 section and fill in the values:
|
Field name |
What to fill in? |
|---|---|
| Goal 1 |
Enter the exact threshold you set earlier in Shopify admin (e.g., 10) |
| Goal 1 label | Enter discount description for the tiers table (e.g., "$5 off each") |
| Discount type |
Choose the exact discount type (Percentage or Amount) set in Shopify admin. |
|
Discount value |
Fill in the exact discount percentage or amount of your discount rule in Shopify admin. |
|
Only apply discount once per order (Only for Amount Discount type) |
|
STEP 4: Repeat these steps for goals 2,3.
STEP 5: Click "Save" when done.
🤔 Process 2.2: How to set up bundle discount using PURCHASE AMOUNT OFF DISCOUNT?
1. Create discount codes in Shopify Admin
STEP 1: Go to Shopify Admin → Discounts → Create discount
STEP 2: Choose the "Amount off products" discount type.
STEP 3: Make sure you choose "Automatic discount".
STEP 4: Set the Discount value (this will be displayed in your bundle discount), and the Eligibility of the discount.
STEP 5: Set the Minimum purchase requirements > tick Minimum purchase amount > fill in the required number (this will be displayed in your bundle discount as well).
STEP 6: Click "Save".
STEP 7: Repeat for each tier (create a separate discount for each goal)
Example setup: If you want 3 discount tiers, create 3 automatic discounts:
- Discount 1: 5% off when spending $100
- Discount 2: 10% off when spending $200
- Discount 3: 15% off when spending $300
2. Set up the bundle discount in Theme editor
STEP 1: Open the settings
Click on Buy your own bundle section to open its settings panel.
STEP 2: Set up the discount type & goal message
Scroll down to Bundle discount settings group:
- At Calculate discount by, choose the Items purchase amount option.
-
Enter Pre-goal message (Message shown BEFORE goal is reached). You need to use these placeholders to add dynamic value:
- [x] = automatically shows the remaining quantity needed.
- [goal_label] = automatically shows the goal label you entered.
- Enter Post-goal message (Message shown AFTER goal is reached).
STEP 3: Match the goals
Scroll down to the Goal 1 section and fill in the values:
|
Field name |
What to fill in? |
|---|---|
| Goal 1 |
Enter the exact threshold you set earlier in Shopify admin (e.g., 100) |
| Goal 1 label | Enter discount description for the tiers table (e.g., "5% off") |
| Discount type |
Choose the exact discount type (Percentage or Amount) set in Shopify admin. |
|
Discount value |
Fill in the exact discount percentage or amount of your discount rule in Shopify admin. |
|
Only apply discount once per order (Only for Amount Discount type) |
|
STEP 4: Repeat these steps for goals 2,3.
STEP 5: Click "Save" when done.
7. Other Customizations
🤔 How to set up promotion highlight for each bundling step?
With each bundling step, you can add a promotion highlight for a further promo message, like this:
Here’s how to set up the promotion highlight:
STEP 1: Open the settings
Click on the Step block that you want to display a promotion highlight.
STEP 2: Enable promotion highlight
Scroll down to Promotion highlight settings group, toggle Enable promotion highlight ON.
The setup configs will open right after.
STEP 3: Set up promotion highlight
Click on the block to open its settings panel:
- For media content, upload Image or Video based on your preference.
- For text content, you can enter Heading, Subheading, or further Description.
- For navigation, enter Button label and paste a link to redirect customers.
- Choose colors for promotion highlight block elements.
STEP 4: Customize the promotion highlight display
Still at the Desktop layout/Mobile layout settings group:
- Choose the Number of columns wide (Adjust the width of the promotion highlight block)
- Choose the Number of rows tall (Adjust the height of the promotion highlight block)
STEP 5: Click “Save” when done.
Repeat these steps for setting up Promotion highlight at other Step blocks.
🤔 How to customize Buy your own bundle section’s general look?
STEP 1: Open the settings
Click on Buy your own bundle section to open its settings panel.
STEP 2: Customize general elements
- Enter Heading, Subheading, or further Description.
- Enter a label for the button “Add to bundle”
- Adjust Step icon size.
STEP 3: Enable carousel for the section
At Carousel settings group:
Toggle Enable carousel on desktop and Enable swipe on mobile ON.
STEP 4: Customize section layouts
At Desktop layout/Mobile layout:
- Adjust Block spacing and padding.
- Enable section divider if you wish.
- For Mobile layout, choose how many products are shown on each row.
STEP 5: Customize Bundle summary look
Still at Buy your own bundle section, scroll to Bundle summary:
- Choose bundle layout for desktop devices.
- Enter Bundle heading
- Choose colors for Bundle summary elements
STEP 6: Click “Save” when done
8. Support Information
Need help? Contact our support team at Omni Themes Support.
