Create Bundle Product Page
Bundle Product Page by BOGOS lets you create a dedicated product page for your bundle, where customers can mix and match products, select variants, and adjust quantities directly on the page.
Customers must bundle the exact quantity you set to get the matching discount. If you set 2-item and 4-item packs, a 3-item bundle will NOT receive any discount and will not be added to your store’s cart.
Setting up a Bundle Product Page includes 8 steps:
Open BOGOS app > Create offer > Bundle > Bundle product page
Preview your setup & make changes
Publish
Fill in Bundle Information
Fill in the following fields:
Bundle name: Used only to help you easily manage & distinguish from other offers in the BOGOS app.
Product name: The name displayed on the bundle product page that customers see.
Start time / End time: Choose when the offer starts and ends.
Set Up the Bundle Sizes
A pack defines the number of products customers need to add to receive a discount.
Add multiple pack sizes to offer tiered quantity-based discounts.
a) Add a Pack Size
Click Add pack size to add a new pack.
Customers must bundle the exact quantity to receive the pack’s discount. If you set 2-item and 4-item packs, a 3-item bundle will NOT receive a discount and be added to your store’s cart.
Then, fill in the following fields:
Quantity: The number of items a customer must add to qualify for the discount.
Discount type: Select one among Percentage, Fixed amount, Fixed price.
Discount value: Enter the discount amount if customers qualify for this pack.
For Fixed amount and Fixed price, you can click Add currency to set custom discount amounts for each Shopify market.
Size label: The text that shows how many items customers must buy.
Discount label: The text that shows the discount alongside the pack.
Add image (optional): Upload an image to represent this pack size.
Add badge (optional): Add a text or image badge to highlight this pack size.
b) Add an Unlimited Pack
Click Add unlimited pack if you want the discount to continue after customers exceed the last defined pack size.
Example:
Pack 1 = bundle 2 items
Pack 2 = bundle 4 items
Unlimited Pack = bundle more than 4 items, such as 5 or 6.
c) Customize the Pack
Click Customize to open the full-screen editor and adjust your pack display on the storefront.
This customization only applies to this bundle product page. Other bundle product pages will not be affected.
For more details, please visit [Customize the Pack].
Set Up the Section
A section defines the products customers can choose from to build their bundle.
You can display all products in one step or divide them into multiple steps to guide customers through the selection, such as completing a routine.
a) Add a Step
Click + Add step to add a new step. Then, follow these guides to build a step:
Fill in Step title: The name shown for this selection step on the bundle product page.
Choose Display type:
By Product: Shows each product with multiple variants as one item. Customers select variants from a drop-down.
By Variant: If a product has multiple variants, it shows each variant as a separate item for selection.
Click Select products to choose which products are available in this step.
Open Advanced settings to set a minimum or maximum quantity a customer can select from this step.
b) Customize the Section
Click Customize to open the full-screen editor and adjust the appearance of the product list on the storefront.
This customization applies to each bundle product page offer. Other bundle product pages will not be affected.
For more details, please visit [Customize the Section].
Display the Bundle
The Display the bundle panel on the right side of the setup page provides two options to control how the bundle appears across your store.
a) Customize the Page (Global Customize)
This customization will be applied to all bundle product pages on your store.
Click Global customize to open the customize editor. Then, customize all options available:
For more details, please visit [Global Customize].
b) Widget on Child Product Page
Enable Add widget on child products' page to show a widget on the individual product pages of all items involved in this bundle. This widget lets customers navigate directly to the bundle product page.
To adjust the widget's display, click Widget customize.
For more details, please visit [Customize Widget on Child Product Page].
Preview Your Setup
Once all required information is filled in, click Preview page to open the full-screen editor. Here, you can preview the bundle product page and adjust the display again if needed before saving.
Edit Product Details
After publishing the bundle product page:
Go back to its setup screen
Click Edit detail to open the product editor.
Update the product details shown on your store, such as the product title, description, and image.
Do not set up the inventory or add variants. These settings will change how the bundle product page looks and confuse customers.
Need Help?
If you need any assistance, feel free to reach out to our customer support team via live chat within the BOGOS app.
Last updated