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

You’ll learn how to:

From the app homepage, click Create bundle button.

uShopAid supports 4 bundle types.

Let customers freely build their own bundle without applying discounts.

This bundle type works best when your goal is:

Customers can:

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:

Discounts can be triggered by:

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

For example:

Customers must complete the required selection before checkout.

Offer multiple bundle sizes within the same bundle experience.

For example:

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

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

You can:

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

Every bundle starts with a Product list.

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

To get started:

A Product list can display:

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

Examples:

Under Styling, you can control how products are displayed.

The most recommended settings are:

All changes are previewed instantly inside the editor.

Each product is displayed using a Product card.

You can choose which elements to show, including:

All changes are previewed instantly inside the editor.

Open the Discounts section from the left sidebar.

Here you can define:

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

For example:

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

For advanced discount setups, see:

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.

You can customize:

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

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:

without searching through settings manually.

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

Bundles can be saved as:

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.