Bundle Builder : SURGE Theme Help Center

Overview

The Bundle Builder section allows you to create a highly engaging bundle offer where customers can select multiple products and unlock special bundle pricing. This is a powerful way to increase Average Order Value (AOV) by encouraging shoppers to purchase multiple items in a single transaction.

With the Bundle Builder, you can:

Create custom bundle offers
Add multiple products to a bundle
Configure bundle discounts
Customize headings, subtitles, and button text
Adjust layout, styling, colors, typography, and card settings
Enable payment icons and trust-building elements
Match the section design to your brand

How to Add the Bundle Builder Section

Step 1: Open the Theme Editor

In your Shopify Admin, go to Online Store → Themes.
Locate your Surge Theme.
Click Edit Theme.

Step 2: Add the Bundle Builder Section

In the left sidebar, navigate to the Template section.
Click Add Section.
Search for Bundle Builder.
Select Bundle Builder to add it to your page.

Once added, the section will appear in your template list and on the page preview.

Step 3: Add Products to Your Bundle

Open the Bundle Builder section from the left sidebar.
Click Add Product.
Select the products you want customers to include in the bundle.
Repeat the process until all desired bundle products have been added.

You can reorder products and build the bundle experience that best suits your offer.

Step 4: Configure Content Settings

Within the Bundle Builder editor, you can customize:

Review text and star ratings
Main heading
Subtitle
Discount code
Bundle box heading
Bundle box subtitle
Bundle list title

Use these settings to clearly communicate the value of your bundle offer.

Step 5: Adjust Grid & Bundle Requirements

Configure how products are displayed by customizing:

Products per row (desktop)
Products per row (mobile)
Minimum number of products required to activate the bundle

This helps create a cleaner shopping experience while encouraging larger bundle purchases.

Step 6: Customize Card Styling

The Bundle Builder includes extensive styling controls, including:

Card title typography
Review star visibility
Price visibility
Secondary image on hover
Container styling
Box shadows
Border settings
Corner radius
Card backgrounds

These settings allow you to match the section perfectly with your store branding.

Step 7: Customize Layout & Buttons

Further personalize the section by adjusting:

Background colors
Text and subtitle colors
Heading sizes
Font settings
Section width
Button text
Checkout button text
Button icons
Button colors and border styles

You can also enable or disable the arrow button for product cards.

Step 8: Enable Payment Icons

To build additional trust, you can choose to display payment icons such as:

Visa
Mastercard
American Express
PayPal
Amazon Pay
Shopify Pay
Google Pay
Apple Pay

Simply toggle on the payment methods you would like to display.

Step 9: Save Your Changes

Once you're happy with your bundle setup and design:

Click Save in the top-right corner.
Preview the section on desktop and mobile.
Publish your changes when ready.

Pro Tip

For the best conversion rates, set your bundle discount so that customers receive a meaningful incentive when purchasing multiple products. Pair the Bundle Builder with strong benefit-driven copy and product combinations that naturally complement each other. This can significantly increase both conversion rate and average order value.

Closing

The Bundle Builder section is an excellent way to create compelling offers, increase cart value, and provide customers with a more personalized shopping experience. With extensive customization options available directly in the theme editor, you can easily tailor the section to fit your brand and sales strategy.

If you have any questions or need assistance configuring the Bundle Builder section, our team is happy to help. Feel free to submit a support ticket by emailing [email protected] and we'll be glad to assist you.