Skip to content
All posts

Flash Box Builder3 min read

Put an Inpage BYOB bundle on any page

The Inpage BYOB 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 tiers, products and Add To Cart in one column.

On this page
  1. Why the Inpage builder suits a page
  2. Set it up
  3. What the shopper sees
  4. Things to know

An Inpage BYOB is made to sit inside a page rather than take one over: the tier chips, the products and a running total, in a single column that fits your theme. Until now it only did that on its own bundle product’s page.

Now the Flash Bundle theme block puts an Inpage BYOB anywhere in your theme: a landing page, a collection, the home page. It comes as it is, with the same products, tiers and Add To Cart.

The Flash Box Builder editor for an Inpage BYOB bundle called Snow Day Kit, with a set named Boards holding four snowboards and tier chips for 3 items 10% off and 5 items 15% off. Beside Preview, a page icon shows the tooltip Add to another page
“Add to another page” sits beside Preview, the same as for the other bundle types.

Why the Inpage builder suits a page

The full-page BYOB brings its own cart column beside the products. The Inpage builder keeps everything in one column instead: the tiers and a progress bar at the top, the products in the middle, and the total with one Add To Cart at the bottom. On a page that already has its own heading, text and pictures, that is the lighter fit. It reads as part of the page, not as a second page inside it.

Set it up

  1. In Flash Box Builder, open your Inpage BYOB 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 snow-kit. The Flash Bundle block is selected with Bundle or product set to Snow Day Kit, and the preview shows the Inpage builder: tier chips for 3 items 10% off and 5 items 15% off, the line Add 3 more to get 10% off, and a Boards set with snowboards
Pick the bundle and the preview draws the Inpage builder straight away.

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, Pack for a snow day, the builder sits under the page’s own heading and text, as wide as the theme’s content.

A store page titled Pack for a snow day with the line Pick three boards or more and the bundle discount comes off automatically. Below it, the Inpage builder: tier chips for 3 items 10% off and 5 items 15% off, the line Add 3 more to get 10% off, and a Boards set with snowboards
The Inpage builder on a page made in Online Store > Pages.

Shoppers add boards right in the grid. Each pick turns into a quantity stepper, and the bar at the bottom keeps count: the number of items, the discount the tier gives, the total, and the same total on the Add To Cart button.

The Inpage builder with three boards picked, each showing a quantity stepper. Below the products: 3 items, Discount with the original price crossed out and a 10% OFF badge, a total, You Save, and an Add To Cart button carrying the total
Three boards in: the 10% tier applies, and the button carries the total.

Add To Cart puts the whole kit in the cart as one line, with its boards listed under it.

A cart drawer with one line, Snow Day Kit, listing its included products: The Collection Snowboard: Liquid, The Multi-location Snowboard and The Multi-managed Snowboard, and a Proceed to checkout button
The kit 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 change 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 and a volume discount on any page.

The Flash Bundle block is live for every store on Flash Box Builder. Put your Inpage BYOB where the page already does the selling.

Written by

Zenkai

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

All posts

Running a Shopify store?

Fit a bundle into the page you already have.

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 bundle and I’ll help you set it up.

Get your free audit