Skip to content
All posts

Flash Box Builder3 min read

Put a Build a Box bundle on any page

The Build a Box builder used to live only on its own product page. Now the Flash Bundle theme block puts it on any page of your theme, with its box sizes, progress bar, products and box cart.

On this page
  1. Why a box works well on a page
  2. Set it up
  3. What the shopper sees
  4. Things to know

A Build a Box bundle sells a box, not a list of products. The shopper picks a box size, fills it, and the box’s discount comes off once it is full. Until now that builder lived only on its own bundle product’s page.

Now the Flash Bundle theme block puts a Build a Box anywhere in your theme: a landing page, a collection, the home page. It comes whole, with the box sizes, the progress bar, the products and the box cart.

The Flash Box Builder editor for a Build a Box bundle called Snow Box. The preview shows box sizes 3 Items 10% off and 5 Items 20% off, the line Add 3 more item(s) to fill your box, a Boards set with snowboards and an empty box cart with three slots. Above the preview, beside the eye icon for Preview, is a page icon
The page icon beside Preview is “Add to another page”, the same as for the other bundle types.

Why a box works well on a page

A Build a Box shows the deal before the products. The box sizes sit at the top with their discounts on them, and a bar under them counts what is left to fill. Shoppers know the goal from the first look, and the box cart beside the products shows each pick dropping into a slot. On a page that already tells a story, a gift guide or a season’s kit, that goal is the call to action.

Set it up

  1. In Flash Box Builder, open your Build a Box bundle and click the page icon beside Preview (Add to another page).
  2. The theme editor opens on a page template with the Flash Bundle block already added. In the block’s settings, click Bundle or product and pick the bundle’s own product (its vendor is Box-builder).
  3. Click Save.
The Shopify theme editor on a page template called box-kit. The Flash Bundle block is selected with Bundle or product set to Snow Box, and the preview shows the page heading Build your snow box with the Snow Box builder under it, starting with Select Your Box Size
Pick the bundle and the builder appears under the page’s own content.

A block belongs to a template, not to a page, so put it on a template of its own if you want it on one page only: in the theme editor’s template menu, go to Pages and click Create template, then set that page’s Template in Online Store > Pages.

What the shopper sees

On my test page, Build your snow box, the builder sits under the page’s heading and text, with the smallest box picked to start.

A store page titled Build your snow box with the line Choose a box of three or five boards. The box discount comes off as soon as it's full. Below it, the Snow Box builder: Select Your Box Size with 3 Items 10% off and 5 Items 20% off, and the bar Add 3 more item(s) to fill your box
The Build a Box on a page made in Online Store > Pages.

Each Add To Cart drops a board into the box cart. When the last slot fills, the bar says the box is full and the cart shows the subtotal, the box discount and the total.

The Snow Box builder with three boards picked, each with a quantity stepper. The bar reads Your box is full: 3 items, and the box cart shows the three boards in its slots with a subtotal, a discount line, a total and a Checkout button
Three boards in: the box is full and the 10% comes off.

Checkout puts the whole box in the cart as one line, with its boards listed under it.

A cart drawer with one line, Snow Box, listing its included products: The Collection Snowboard: Liquid, The Multi-location Snowboard and The Multi-managed Snowboard, and a Proceed to checkout button
The box lands in the cart as one bundle.

Things to know

  • It needs an Online Store 2.0 theme. Dawn, Ride, Sense and the other current themes all are. Older themes have no place for app blocks at all.
  • Page builders are different. If your page was made with PageFly, GemPages or similar, the theme editor cannot place a block inside that content. It can still go above or below it in the template.
  • One bundle, every page. The block shows the bundle as you set it up in Flash Box Builder, so a new box size or product in the bundle editor shows everywhere the block is.
  • On the bundle’s own product page the block stays out of the way, so the builder is never drawn twice.
  • The other bundle types go on a page the same way: see a BYOB bundle on any page, an Inpage BYOB on any page and a volume discount on any page.

The Flash Bundle block is live for every store on Flash Box Builder. Put your box on the page where shoppers are already deciding what to buy.

Written by

Zenkai

A Shopify development studio with four of its own apps on the Shopify App Store.

All posts

Running a Shopify store?

Let shoppers fill a box on any page.

Flash Box Builder adds volume discounts, mix-and-match bundles and build-a-box offers to your store, and puts them on any page you like. Install it, or tell me where you want your box and I’ll help you set it up.

Get your free audit