How to Keep Your Shopify Product Page Layout and Add a Mix & Match Bundle Builder
Keep your product page layout, showcase your bundle, and let customers click “BUILD MY BOX” to start choosing items. This layout introduces the entire bundle at the top of the page, then gives customers a dedicated selection area below: At the top: Bundle images, price, description, and the BUILD MY BOX button. Below: The uShopAid Mix & Match Bundle widget, where customers choose their items and add the bundle to their cart. [View the live demo](https://ushopaid-demo-store.myshopifyFew readersCreate a free gift selection experience
Allow customers to unlock and choose free gifts after meeting bundle requirements. Instead of automatically assigning a gift, customers can select rewards from a predefined gift list. Examples: Add 3 products → Choose 1 free gift Spend $150 → Choose 2 free gifts This creates a more interactive and personalized bundle experience. In this tutorial, you'll learn how to: Configure free gift conditions Add a Free gift list component Allow customers to choose gifts Create optSome readersCreate a multi-box bundle
Multi-box Bundles allow customers to choose between multiple bundle sizes and pricing options within the same bundle experience. Examples: 3 items for $99 6 items for $179 10 items for $249 In this tutorial, you'll learn how to: Configure multiple bundle boxes Add a Box size selector Add products to the bundle Configure free gifts per box Optimize Product cards and the Summary panel Create multi-step bundle flows Live demo View demo: [multi-box bundle demo](https:Some readersCreate a multi-step bundle flow
Guide customers through a step-by-step bundle-building experience using multiple pages and guided product selection flows. Instead of showing all products on a single page, customers move through multiple focused steps to complete their bundle. Live demo View demo: multi-step bundle flow demo What you'll build In this tutorial, you'll create a bundle flow like this: Step 1 → Choose bundle sFew readersCreate product-specific bundle discounts
Create targeted bundle promotions that only activate when customers add specific product combinations. Instead of applying the same reward to every bundle selection, you can configure different discounts for different product combinations. Examples: Gaming chair + desk → $60 off Office chair + desk → $40 off This allows you to create more personalized and strategic bundle offers. In this tutorial, you'll learn how to: Configure required products Create product-specific discSome readersCreate your first bundle
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. [![](https://storage.crisp.chat/users/helpdesk/website/-/a/3/6/9/a369fca6ec388000/82756651-c3dd-48f9-9523-2779cf_3tbaqi.pngFew readersDifference between creating a Bundle Product and not creating one
When you create a Mix & Match Bundle, you can choose whether to create a new product for the bundle. The two options have the following differences. Key Point New Product Landing Page Create a new product template It’s recommended to do so. To avoid affecting other products, you should hide any unwanted content in the new product template. Not needed. The landing page does not require a product template. Display in the product collection Yes No DispFew readersDisplay a Mix & Match Bundle as One Item or Separate Items
After a customer completes a Mix & Match Bundle and adds it to the cart, you can choose how the bundle appears in the cart and on the Shopify checkout page. uShopAid provides two display options: As one item — the entire bundle appears as a single product As separate items — each selected product appears individually The main difference is how the bundle is presented to customers in the cart and at checkout. Both options use the same underlying bundle products for inventory trackingSome readersDoes Creating a Mix & Match Bundle Affect the Original Products?
No. Creating a Mix & Match Bundle does not modify the titles, prices, inventory settings, or product pages of the original Shopify products you select. These products can still be sold individually in your store. When a customer purchases products through the bundle: The bundle price is calculated according to the discount rules you configured. The regular prices of the original products in Shopify are not directly changed. The customer’s selected products and variants are recorded in theFew readersHow pricing works in Mix & Match Bundle Editor
In the Mix & Match Bundle Editor, pricing is configured differently depending on your selected offer type. There are two pricing systems: Discount Rules Box size & price The pricing options available depend on your selected bundle offer type. 1. Discount Rules Available for: Build a Box Buy More Save More Discount Rules are used when you want to apply promotions based on cFew readersHow Theme Colors Work in the Mix & Match Bundle Editor
Theme Colors provide a shared color system for your Mix & Match Bundle. You can use a preset theme, customize the main colors, adjust automatically generated supporting colors, and save your own color theme. Each component can either use a Theme Color or use its own custom color. Open the Color Theme Settings Open your Mix & Match Bundle and click: Bundle Design Then open: Color theme [IMAGE: Bundle Design → Color theme] ![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/fFew readersHow to Add a “Build Your Bundle” Scroll Button to a Shopify Product Page
This guide explains how to add a Build Your Bundle button to a Shopify bundle product page. When a customer clicks the button, the page smoothly scrolls down to the bundle product selection area. This solution uses a dedicated scroll target, so it does not depend on headings such as “CHOOSE YOUR PIECES.” You can change or remove the heading without affecting the button. Expected Result When a customer visits the bundle product page: They click Build Your Bundle. The page smoothlFew readersHow to Add Custom CSS Code to the uShopAid App
In your Shopify admin, go to Online Store. Find your active theme, then click Edit theme. Click the App embeds icon in the top toolbar. Enter ushopaid in the search bar . Find and select uShopAid – uShopAid Bundle Builder. Paste the custom CSS code into the Custom CSS field. If the field is empty, paste the code directlSome readersHow to Add Extra Charges to Selected Products in Other Single Box or Multi Box Templates
You can add extra charges to selected products in other uShopAid Single Box or Multi Box templates. For example, most products can be included in the regular bundle price, while selected premium products add an extra $1, $3, or another amount when chosen. When using another Single Box or Multi Box template, you need to complete two configurations: Set the extra charges under Product price adjustments. Add and configure a Product badge so customers can see which products cost extra. Using tFew readersHow to add Mix Match bundle to a product page created with Pagefly Builder?
You created a product page in the Pagefly Builder app and applied this page to some of your store's products. Then, you created a Mix Match bundle in the uShopAid app, but found that the Mix Match bundle template did not appear in the correct location. This tutorial will show you how to resolve this issue. Visit the Pagefly Builder app and follow the steps below. Edit the page, click the Third-party element icon. [![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/a/f/f1afe0d80f3Few readersHow to Add Separate Desktop and Mobile Banners to a Mix & Match Bundle
To ensure your Banner looks clear and properly sized on both computers and mobile devices, we recommend adding two separate Banner images: A horizontal Banner for desktop A mobile-optimized Banner for smaller screens You can then use the Visibility settings to display each Banner only on its intended device. We recommend adding both Banners to the Header area so they appear at the top of the Bundle and can be managed together. Step 1: Prepare Two Banner Images Before you begin,Few readersHow to add the Mix & Match Bundle to a specific page?
For some Mix & Match Bundles, the uShopAid app will automatically create a product to display the bundle content. For other Mix & Match Bundles, you can choose to create either a product or a landing page to display the bundle content. In addition, you can place the bundle content on specific pages within your store, such as the homepage. This article explains how to place the bundle content of a bundle product on the homepage, as well as [how to place the bundle content of a lFew readersHow to Automatically Display the Correct Mix & Match Bundle When Customers Switch Markets
If your Shopify store uses multiple markets and you have created a different Mix & Match Bundle for each market, you can use one shared Shopify product page to automatically display the correct Bundle based on the customer’s current market. For example: The Australia market displays Mix Match Bundle AUD The Hong Kong SAR market displays Mix Match Bundle HK Customers do not need to visit different product pages. When they switch markets, uShopAid automatically detects the current ShopifyFew readersHow to Change the Number of Products per Row on Desktop and Mobile in the Mix & Match Bundle Editor
In the Mix & Match Bundle Editor, you can set a different number of products per row for desktop and mobile. The desktop and mobile layout settings are independent. Changing one will not affect the other. Supported ranges: Desktop: 2–8 products per row Mobile: 1–2 products per row Step 1: Open the Mix & Match Bundle Editor Open the Mix & Match Bundle you want to edit. In the preview area, locate the ProductList you want to adjust. Step 2: Select the ProductList Click theFew readersHow to Change the Position of a Mix & Match Bundle on the Product Page
By default, uShopAid displays the Mix & Match Bundle at the top of the selected product template. If you want to keep the bundle product’s image, title, price, or other product information visible, you can use a uShopAid app block to control where the bundle appears on the product page. This guide explains how to display the Mix & Match Bundle below the product information. Before You Begin When creating a Mix & Match Bundle as a Shopify product, you need to select a product template forFew readersHow to Configure Product Lists in the Mix & Match Bundle Editor
Product Lists control which products customers can choose from when building a Mix & Match Bundle. In the Mix & Match Bundle Editor, you can configure Product Lists to control: Which products are available Where products come from How many products customers can select How many units of the same product can be added How variants are displayed How customers filter products How the product list appears on desktop and mobile This guide applies to the **Mix & Match Bundle EditorFew readersHow to Configure the Summary Panel in the Mix & Match Bundle Editor
The Summary Panel is an important part of the Mix & Match Bundle page. It helps customers review their selections, understand pricing information, and complete their purchase. The Summary Panel can display: Selected products Product quantities Product prices Subtotal, discount, and total Bundle progress information Add to Cart button Summary Panel Is Pre-configured by Templates When you create a Mix & Match Bundle from a template, the Summary Panel is usually already configurFew readersHow to Create a Fixed-Price Bundle with Premium Product Surcharges
uShopAid allows you to create a bundle with: A fixed number of products customers must choose A fixed base price for the completed bundle Additional charges for selected premium products For example: Choose any 3 products for $199. If the customer selects one premium product with a +$1 price adjustment, the final bundle total will be $11. The easiest way to create this type ofFew readersHow to Create a Fixed-Price Mix & Match Box Bundle with Product Pickers, Add-ons, and Free Gifts
A fixed-price Box Bundle allows customers to select a specific number of products while paying one predefined price for the entire box. You can also offer optional add-ons, configure different products for different box sizes, and automatically include free gifts with selected boxes. This guide explains how to create and configure this type of Mix & Match Bundle in uShopAid. 1. How a Fixed-Price Box Bundle Works A fixed-price Box Bundle can contain three different types of products: **BoxFew readersHow to create a "ushopaid-mix-match-embed" product template
After you create such a bundle, you may not want to display the price and quantity selector on the bundle page, as shown in the red box below. [](https://downloads.intercomcdn.com/i/o/vebbkvq9/1478727978/c3e74f80b9f8db0a2bae3ff22640/image.png?expires=1763104500\&signature=31fde045a1f3513f5d4cd8c3c4d06df30e8a901e137eff345fda912fece75f68\&req=dSQgHs58mohYUfMW1HO4zbFew readersHow to create an ‘ushopaid-mix-match’ product template
After creating a Mix & Match Bundle, you may notice that the bundle page also displays product information. If you want to show only the bundle and hide the individual product details, this guide will walk you through the steps. Why is this content shown? The Mix & Match bundle creates a bundle product, which is displayed on its own product page. If the bundle producSome readersHow to Create and Manage Discount Rules in the Mix & Match Bundle Editor
Discount Rules allow you to offer promotions based on the number of products selected, the selected product amount, or required product conditions. This guide explains how to create, edit, and delete Discount Rules in the Mix & Match Bundle Editor. To understand the two pricing systems available in the editor, see: How Pricing Works in Mix & Match Bundle Editor Which Bundle Types Support Discount Rules? Discount Rules are available for: Build a Box Buy More Save More The follFew readersHow to Create Your First Mix & Match Bundle
Create your first Mix & Match Bundle with uShopAid by selecting a template, adding products, configuring your bundle settings, and customizing the design. A typical Mix & Match Bundle setup includes: Choosing where the bundle appears Selecting a bundle offer type Choosing a template Adding products Configuring discounts (optional) Setting subscription options (optional) Customizing the bundle design This guide applies to the Mix & Match Bundle Editor version. The Legacy versFew readersHow to Customize Product Cards in the Mix & Match Bundle Editor
Product cards are the building blocks of your Mix & Match Bundle experience. In the Mix & Match Bundle Editor, you can customize product cards by adding different elements to display product information, variant options, discounts, ratings, and additional actions. This allows you to create bundle experiences that match your store design and customer shopping behavior. This guide applies to the Mix & Match Bundle Editor version. The available elements and settings may be different in tFew readersHow to Display an Existing Mix & Match Bundle Anywhere in Your Shopify Store
When you create a Mix & Match Bundle using Create a product for this bundle – it will appear on the product page, the Bundle is already displayed on its own Shopify product page. You normally do not need to add it again. This guide explains how to display an existing Mix & Match Bundle in another location in your Shopify store, such as: Your homepage Another product page A collection page A Shopify page A custom template A compatible third-party page builder There are two ways toFew readersHow to Display Color, Size, and Other Variant Options in the Mix & Match Bundle
In the Mix & Match Bundle Editor, you can display product options such as color, size, material, and other Shopify variants directly on the product card. Customers can select the correct product variant without leaving the bundle page. This guide applies to the Mix & Match Bundle Editor version. It does not apply to the Mix & Match Bundle Legacy version. Before you start Make sure your products already have variants configured in Shopify. For example: Color: Red, PFew readersHow to edit 'from' label in Shopify admin
When a product has multiple variants with different prices, Shopify automatically displays a "From" label before the price on collection pages—for example, “From $19.99”. This indicates that the product has variable pricing across its variants. If you'd like to change this “From” label to something else (e.g., “Starting at”, or a localized version), follow the steps below. From your Shopify admin, go to Online Store > Themes. Find your current theme, then click **Few readersHow to Enable Product Filtering in a Mix & Match Bundle Editor
When a Mix & Match Bundle contains many products, enabling product filtering can help customers quickly find products by price, category, material, or other criteria. uShopAid reads the filters configured in Shopify’s official Search & Discovery app. Important: Product filtering is available only when the Product list uses one Shopify Collection as its source. Before enabling filtering, make sure all products available in the Bundle are included in the same Collection.Few readersHow to fix slow redirects from the Mix & Match Bundle page to the cart page?
A Mix & Match Bundle page can load slowly for several reasons. First, it’s important to understand that a bundle page usually loads not only the bundle itself but also other apps installed on your store. So the first step is to determine whether the slowness is caused by the uShopAid bundle or by other apps. Solution approach: Find a clean store and enable only the uShopAid App Embeds. Then open the bundle page and test its loading speed. If the page is still slow, the issuFew readersHow to insert an image or text into the top of a Mix & Match Bundle
Enhance the appearance of your uShopAid Mix & Match Bundle activity by adding an image or text to its top section using the Description field in the Bundle Design section. Follow these simple steps to customize your bundle effectively. Prerequisites A prepared image file (e.g., JPG or PNG, recommended size: 1200x300px) saved on your computer. The text you want to display (e.g., “Mix & Match – Save 20% Today!”). Step 1: Access Your Mix & Match Bundle Activity In the uShopAid dashboaFew readersHow to Sell Products Only Through Bundles
Some merchants want certain products to be available only inside a bundle experience. For example, you may want customers to: Buy products only through a bundle flow Avoid purchasing products individually Access exclusive bundle-only items Build curated product kits Unlock special bundle pricing In these cases, you can hide products from your storefront while still keeping them available inside bundles. This can be achieved by setting the product status to Unlisted in Shopify AFew readersHow to Set Product Selection Quantity Limits in the Mix & Match Bundle Editor
This guide applies only to bundles created with the uShopAid Mix & Match Bundle Editor. These settings are not available for Product Bundles, Classic Bundles, Volume Discounts, or other bundle types. In the Mix & Match Bundle Editor, you can control product selection requirements at three different levels: Product level: Control the quantity added when a product is first selected, the quantity added with each click, and the maximum quantity allowed for one product. **ProductFew readersHow to Use an Existing Bundle URL for a New Mix & Match Bundle
Sometimes, you may recreate a Mix & Match Bundle but want the new bundle to continue using an existing Bundle URL. For example: Existing Bundle URL https://your-store.com/products/existing-bundle New Bundle URL https://your-store.com/products/new-bundle There are two ways to handle this: Make the new Bundle Product use the existing URL handle. Keep the new URL and redirect the existing URL to the new Bundle Product. Before You Begin Record the following informaFew readersHow to Use Mix & Match Bundle “As One Item” in a Multi-Market Store
When As one item is enabled, the products selected by the customer are added to the cart and checkout as one combined bundle item instead of multiple separate products. If your Shopify store uses multiple markets and the same products have different prices in each market, you should create a separate Mix & Match Bundle for each market when using As one item. This guide applies to bundles created with the Mix & Match Bundle Editor and configured to use As one item. Why do muSome readersLink bundle page to a Menu
After creating a Mix & Match Bundle, you need to promote it in your store for easy customer access. A common method is adding a menu item in your store that links to the mix & match bundle page. This article will guide you through the process. In Shopify Admin, go to Content -> Menus ![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/image_18br9wk.Few readersShould You Create a Bundle Product or a Landing Page?
When creating a bundle campaign, one of the first decisions is: Should this bundle become a real Shopify product, or should it stay as a landing page offer? Both options allow customers to purchase bundled products, but they serve different business goals. This guide explains the differences and helps you choose the right setup for your store. [](https://downlSome readersShow Different Products Based on a Customer’s Previous Selection
You can use Conditional logic to show different product lists based on the products a customer selected in an earlier step. For example: If the customer adds Product A in Step 1, they will see Product list 1 in Step 2. If the customer adds Product B in Step 1, they will see Product list 2 in Step 2. This is useful when the products available later in a bundle depend on an earlier choice, such as color, product type, flavor, size, or collection. Create a bundle with atFew readersUnderstanding Mix & Match Bundle Pricing, Discounts, and Rewards
uShopAid’s Mix & Match Bundle supports multiple pricing, discount, and reward strategies. You can create offers such as: Tiered discounts that reward customers for adding more products Percentage discounts triggered by quantity or Bundle subtotal Specific Bundle prices after customers meet a condition Free gifts after customers meet a condition Free shipping after customers meet a condition A fixed-price Box containing a set number of products Multiple Boxes with differentPopularUnderstanding the Bundle Editor
The Bundle Editor is where you build, customize, and manage your bundle experience. This guide explains how the editor is structured, how pages and components work together, and how to customize your bundle across desktop and mobile. Bundle Editor Structure The Bundle Editor is divided into four main areas: Header Body Summary panel Quick view Each area has a different purpose and behavior inside the bundle. [![](https://storage.crisp.chat/users/helpdesk/website/-/b/9/2/6/b926cFew readersWhy Do Identical Products Appear on Separate Lines or Show Slightly Different Prices in a Mix & Match Bundle?
When customers click the + button to increase a product’s quantity in a Mix & Match Bundle, identical products may be displayed in two different ways in the Summary panel: The quantity increases within the existing product line, for example from 1 to 2. The same product appears on a separate line, with each line showing a quantity of 1. You may also notice that the two identical product lines display slightly different prices, such as €7.07 and €7.08. These two behaviors aFew readersWhy Isn’t the Bundle Discount Showing in the Cart?
If other discounts are already applied in the cart, it can prevent the bundle discount from taking effect. If you want the bundle discount to work alongside other discounts, log in to uShopAid, go to General Settings, and then check Product Discounts and Order Discounts, as shown in the image below.Some readers