Box Builder Block Placement
Integrate full-featured Mix & Match Box Builders into product pages or dedicated custom landing pages.
The Box Builder Block (box-builder.liquid) powers interactive single-step and multi-step custom box builders. It features a responsive layout with a product selection grid, step progress bar, real-time box item summary sidebar, and instant checkout action.
Shopify Admin / Combo Bundles
📸 Screenshot PlaceholderBox Builder Block in Theme Editor
Configuring the bundle_id setting inside the Box Builder theme app block.
📍 Screenshot Target:Shopify Theme Editor > Custom Page / Product Template > Add section/block > Box Builder
Integration Options
- Option A: Dedicated Box Builder Page:
- In Shopify Theme Editor, create or open a custom page template (e.g.
page.custom-box). - Add a new section or block: click Add section > Apps > Box Builder.
- In the block settings panel, paste your Bundle ID generated from Combo Bundles > Box Builders > Advanced tab.
- Click Save. Customers can now navigate to your custom box page URL.
- In Shopify Theme Editor, create or open a custom page template (e.g.
- Option B: Product Page Embed:
- Assign the Box Builder block to a product template where the parent bundle product is featured.
- Enter the Bundle ID to bind the interactive box builder directly to that product.
Shopify Admin / Combo Bundles
📸 Screenshot PlaceholderBox Builder Storefront Grid & Sidebar
Storefront view showing the product choice grid on the left and sticky box summary on the right.
📍 Screenshot Target:Online Storefront > Custom Box Builder Page