This tutorial will walk you through how to create your first bundle with the uShopAid Bundle Editor.

You’ll learn how to:

• Choose the right bundle type
• Start from a template or build from scratch
• Add products and customize layouts
• Configure discounts
• Design your bundle page
• Publish and preview your bundle

From the app homepage, click Create bundle button.

Step 1 — Choose a bundle type

uShopAid supports 4 bundle types.

Standard Bundle

Let customers freely build their own bundle without applying discounts.

This bundle type works best when your goal is:

• Increasing product discovery
• Encouraging customers to explore collections
• Creating flexible “build your own set” experiences

Customers can:

• Add one or multiple products
• Mix different variants
• Purchase items at their original prices

Tiered Discount Bundle

Reward customers with bigger savings as they add more products.

This is the most flexible bundle type for driving higher AOV.

You can create promotions like:

• Buy 2, get 10% off
• Spend $100, get free shipping
• Buy 5 items, receive a free gift
• Cheapest item free
• Fixed bundle pricing after reaching a quantity threshold

Discounts can be triggered by:

• Number of items added
• Total bundle value

Fixed Price Bundle

Allow customers to choose a fixed number of products for one fixed price.

For example:

• Pick any 3 products for $99

Customers must complete the required selection before checkout.

Multi-box Bundle

Offer multiple bundle sizes within the same bundle experience.

For example:

• 3 items for $99
• 6 items for $179
• 10 items for $249

This lets customers choose the bundle size that fits their needs and budget.

Step 2 — Choose a template

After selecting a bundle type, choose how you want to start.

You can:

• Use a pre-built template
• Or click Start from scratch

No matter which option you choose, you’ll enter the Bundle Editor.

Step 3 — Add products to your bundle

Every bundle starts with a Product list.

This is where customers browse products and add items to their bundle.

To get started:

1. Open Products & Layout
2. Add a Product list component
3. Choose which products should appear in the bundle

Choose products

A Product list can display:

• Specific products
• Products from specific collections

Set required selections

Use Required selection to define how many products customers can add from this section.

Examples:

• Choose exactly 2 products
• Choose at least 1 product
• Choose up to 5 products

Customize the layout

Under Styling, you can control how products are displayed.

The most recommended settings are:

• Number of Product cards per row on desktop
• Number of Product cards per row on mobile

All changes are previewed instantly inside the editor.

Customize Product card

Each product is displayed using a Product card.

You can choose which elements to show, including:

• Images
• Titles
• Prices
• Variant pickers
• Ratings
• Vendor
• Add to bundle buttons

All changes are previewed instantly inside the editor.

Step 4 — Configure bundle discounts

Open the Discounts section from the left sidebar.

Here you can define:

• Bundle pricing
• Quantity requirements
• Reward rules
• Free gifts
• Bundle tiers

The available settings depend on the bundle type you selected earlier.

For example:

• Tiered Discount Bundles support progressive discount rules
• Fixed Price Bundles allow fixed bundle pricing
• Multi-box Bundles support multiple bundle sizes and prices

You can instantly preview all pricing and reward changes inside the live editor.

For advanced discount setups, see:

• Understanding discount types
• Creating tiered discounts
• Configuring free gifts
• Multi-box pricing strategies

Step 5 — Customize your bundle colors

Use Color theme to quickly control the overall look and feel of your bundle.

Instead of changing colors one by one, you can define a shared color system for the entire bundle page.

Configure your theme colors

You can customize:

• Primary colors
• Text colors
• Background colors
• Border colors

These colors are automatically applied across your bundle components to create a more consistent shopping experience.

Step 6 — Customize bundle text and translations

You can easily customize the text shown throughout your bundle experience.

To edit text for a specific section, simply click the component directly inside the live preview.

The editor will automatically show where that text is configured.

This makes it easy to quickly update:

• Headings
• Button labels
• Instructions
• Promotion messages
• Summary text

without searching through settings manually.

Step 8 — Save and publish your bundle

Once your bundle setup is complete, click Save in the top right corner.

Bundles can be saved as:

• Draft
• Active

If the bundle status is set to Active, you can immediately preview the live bundle experience. Simply click: View live to open the bundle page in your storefront.

You can return to the editor at any time to continue refining your bundle.

Updated on: 01/07/2026