A BXGY (Buy X, Get Y) Bundle—often known as a BOGO offer—is a powerful promotional tool that rewards customers for purchasing specific products or quantities.
Whether it’s “Buy 1, Get 1 Free,” “Buy 3, Get 1 at ₹99,” or “Buy Product A, Get Product B at 50% Off,” these offers are highly flexible and easy to customize.
BXGY bundles are great for driving sales, increasing average order value, promoting new items, or clearing inventory—making them a go-to strategy for both short-term campaigns and long-term loyalty.
Follow this simple step-by-step guide to configure and display your BXGY (Buy X Get Y) bundle on your product pages. Learn how to choose widget placement, customize bundle visibility, show variant swatches, and more—no coding required.
STEP 1
Go to the homepage and select the BXGY Bundle. Click “Select”
STEP 2
Choose the Template Design
Select one of the available template options for your bundle:
Once you’ve chosen your preferred template, proceed to the next step.
STEP 2:
After selecting BXGY Bundle, you'll be redirected to the Content Section, where you can set up your bundle. This section includes:
Now, Let’s break down each section :
1. Bundle Info
In this section, you can add a title for your BXGY Bundle. This title will be visible to customers, so make it clear and attractive to grab their attention.
2. Product Setup
In this section, you'll configure the products involved in your BXGY Bundle. You’ll define which products fall under the X category (the products customers need to buy) and the Y category (the reward products customers will receive, either at a discount or for free).
Included Product (X category)
These are the products that the customer must purchase to qualify for the offer. You can select one or multiple items, depending on how you want the bundle to work.
Example:
Discounted Product (Y category)
These are the products the customer will receive as part of the offer—either at a discount or for free. Here, you can select which products will be included in the offer as the reward.
Example:
Free Gift (Optional)
In addition to discounted products, you can also choose to add a free gift to your bundle. This could be a low-cost item or something that complements the products in the bundle.
Example:
Quantity Selection
You can define the quantity of each product that the customer needs to buy to qualify for the offer. This ensures flexibility in how much customers need to purchase to unlock the deal.
Example:
Adjust the quantity for both the included and discounted products to tailor the promotion to your needs.
This section gives you full control over how you want the BXGY bundle to function, letting you customize the offer based on the products you want to promote and the reward structure.
In this help guide, we’ve configured the BXGY Bundle by selecting one product as the qualifying item (Included Product), added a different product as the discounted reward at 50% off (Discounted Product), and included a free gift to enhance the offer’s value.
Once you complete this setup, you can also define the bundle’s visibility
Decide where the BXGY bundle widget should appear:
You can also display product variants—such as different colors, sizes, or styles—by enabling the Show swatches option.
This allows customers to view and select from the available variants directly within the bundle widget, improving the shopping experience.
To further personalize how these options appear, click on Edit swatches. Here, you can customize the swatch layout, labels, and appearance—for example:
3. Discounts
In this section, you can choose how the discount is applied to the Y product (the reward item).
As an additional discount offer, you can also include Product Y for free. To do this, simply select the percentage discount option and set it to 100% - this will allow you to offer Product Y at no cost.
4. Text Fields
This section allows you to customize all the text displayed on the BXGY bundle widget, helping you align the messaging with your brand’s voice or localize content for different regions. You can easily edit key elements such as:
Now , click on the “Next” button to proceed to the next section .
After clicking the next you would be redirected to the next section that is Design.
STEP 3
Design – Customize the Appearance of Your Bundle Widget
The Design section allows you to fully customize the look and feel of your bundle widget, ensuring it aligns perfectly with your store’s branding and layout. From background colors and typography to product cards and buttons, you have complete control over the visual presentation of your bundles.
Let’s explore the available customization options:
1. General Settings
Tailor the overall widget appearance and set the tone for your bundle design.
General
Title
Special Text
Used for highlights or key labels (like badges or promo tags).
Customize each product’s display within the bundle to match your design and layout preferences.
General
Title
Price
Compare-at Price
Variant Selector
3. Free Gift Card
Design the appearance of the Free Gift section to make it clear, engaging, and consistent with your brand.
Header
Product
4. Footer
Customize the bottom section of the widget, where pricing details and the Add to Cart button appear.
Total Section
Save Price
Add to Cart Button
With these powerful design tools, your bundle widget can visually integrate with your storefront—resulting in a professional, branded, and user-friendly experience for your customers.
Now , click on the “Next” button to proceed to the next section .
After clicking the next you would be redirected to the next section that is “Advance”
STEP 4
Advanced Settings
The Advanced section gives you greater control over when, where, and to whom the bundle widget is shown. These settings are useful for precise targeting and scheduling. Let’s dive into each option:
1. Widget Position
By default, the widget will appear below the Add to Cart button.
To change its position, open the Shopify Theme Editor, and simply drag the app block to your preferred location on the product page—no coding required.
Embed Bundle via HTML
You can also embed this bundle manually on any page using HTML.
Display the bundle wherever you like by placing the provided HTML tag directly into your theme file.
Hide Shopify Elements
You have the option to hide specific Shopify elements (like the default Add to Cart button or product price) to reduce redundancy when showing bundles.
Simply enter the CSS selectors of the elements you'd like to hide.
For example:
This helps create a cleaner, more focused layout around your bundle widget.
2. Scheduling
Set a start and end date for your bundle campaign. This is perfect for time-sensitive promotions, seasonal offers, or flash sales. The widget will only display during the defined period.
3. Customer Targeting
Control who sees the bundle by targeting:
In case of Specific Customer Segment -
STEP 5
Click on “Save” button to save all the changes.
STEP 6:
Click on “Activate” to activate the widget on your shopify store(make sure you have enabled the core snippet button in order to see the bundles on your store).
Your BXGY Bundle is Now Live! Click the “Show on Store” button to Preview the bundle as it appears to your customers
Now, head over to your storefront to see the BXGY Bundle live in action.
If you have any questions or need assistance, feel free to contact us:
.svg){kind=small}
