How to create a BYOB (build-your-own-bundle) experience on Shopify using Simple Bundles

✨ View example on our Demo store: BYOB on Simple Bundles Supply Store

✨  View more examples on Demo store: See all BYOB

Let customers build their own bundle (BYOB). Shoppers pick products from a visual grid and fill their box. No theme code required.

BYOB product selection page

How to set up build your own bundle

Build Your Own Bundle lets customers choose products from a set list and receive a discount when they add enough items to their bundle.

Use this guide to create a BYOB bundle in Simple Bundles & Kits.

Create a BYOB bundle on Simple Bundles

  1. From your Shopify admin, go to Apps.
  2. Open Simple Bundles & Kits.
  3. In the left sidebar, select BYOB.
  4. Click Create bundle.

Add bundle details

  1. Enter a Bundle title.

    This is the title customers will see on your storefront.

  2. Set the bundle Status.

    Choose Active when the bundle is ready to publish. Choose Draft if you want to finish setup before making it available.

Add products to the bundle

  1. In the Products section, click Edit products.
  2. Select the products customers can choose from.
  3. Click Save.

Customers will only be able to build their bundle using the products you add here.

Set pricing

In the Pricing section, choose one of the following options:

Based on items selected

Customers pay based on the products they choose. Discounts can still be applied through pack sizes.

Use this option when products have different prices.

Fixed price

Customers pay one set price for the bundle, regardless of which products they choose.

Use this option when you want every completed bundle to have the same price.

Create pack sizes

Pack sizes let you offer different discounts based on how many items a customer adds to the bundle.

For example:

Pack name Number of items Discount
Choose 3 3 items 15% off
Choose 5 5 items 20% off

To create a pack size:

  1. In the Pack sizes section, enter a Pack name.
  2. Enter the number of Items required.
  3. Enter the Discount amount.
  4. Click Add pack to create another pack size, if needed.

Customers will see these pack options on the storefront.

Add BYOB to your theme

To display the BYOB experience on your storefront, the BYOB app embed must be enabled in your Shopify theme.

  1. In the Add BYOB to theme section, click View in theme.
  2. Enable the BYOB app embed.
  3. Save your theme changes.

After this is enabled, customers can view the BYOB page, select products, and build their bundle from the storefront.

Preview the bundle

Click Preview to check the storefront experience before sharing the bundle with customers.

BYOB product selection page
Variant selection modal

Still need help? Contact Us Contact Us