How to Design and Customize Build Box Design?

What is Build a Box?

A Build a Box Bundle is a customizable product bundle that allows customers to select and personalize the items they want within a predefined category. With this type of bundle, customers can choose specific products, flavors, colors, or sizes to create a personalized combination that suits their preferences.

Key Features:

• Allows Customers to Build Their Bundle.
• Offer Single or Multiple SKU Bundle with Single or Multiple Sections.
• Set Minimum and Maximum Product Purchase Criteria.
• Set Fixed Price or Base Price for Products.
• Enable or Disable Tax on the Product.
• Set Percentage, Fixed, or Tiered Discounts.
• Include Weight Option for Products.
• Activate or Deactivate Shipping Preferences.

How to Design and Customize Build Box Design? 🤔

Follow these steps to design and customize the build box design:

1) Go to Apps Settings> Build a Box (Mix and Match) Design

You can add the HTML and customize the section and its design using the below tag variables.

Please Note: To modify the design of the Build Box Bundle, you have the flexibility to add and alter the HTML code according to your requirements. However, utilizing all the variables in the tag lists is crucial. Failure to include any tags may result in the improper functioning of a box bundle.

Single Section

Multi-Section

Multi-Section Tab

Product Grid

Selected Product Grid

The below HTML code does not work for Automatic Generated URLs. It will work with the Shortcode Generated bundle widget. You can find the shortcode at the end of each bundle as in the screenshot below.

When you create a Build box bundle so it will generate a shortcode (see screenshot - https://prnt.sc/14SR9oaCZt8j), you can either create a page or put this shortcode at any place of your store where you want to display the bundle (i.e. Homepage, Collection Page, Product page, all pages.) so all the changes which you made in HTML will show on the manually created page URL or bundle generated through a shortcode.

Automatic Generated URL -- The page URL was created through the app in the format of [apps/thpb-build-box/bGV2NkNnZmg3YTVIcC9HRU9UcVFvUT09].