Docs

Build-a-box

Build-a-box

Build-a-box setup - Details

Juo Build-a-box is a dedicated page where customers can select their favorite products, claim discounts for reaching purchasing milestones, and more.

This guide explains how to set up the Build-a-box feature using the Shopify 2.0 theme editor. If you are using an older theme, please contact us for custom implementation support.

Step 1: Create a New Template

The Build-a-box feature requires a unique template to appear on your storefront.

  1. Navigate to Online Store and click Customize on your active theme.
  2. Select Products from the top bar and click Create template.
  3. Name the template (e.g., Build a Box or Build Your Own Bundle) and base it on your Default product.
Create a new template and add Build-a-box blocks to it

Step 2: Customize the Template

Remove unnecessary product information from the template:

In the left sidebar, remove the following Product Information:

  • Variant picker
  • Quantity selector
  • Price

Add the required Build-a-box blocks in the specified order:

  1. Juo Box - Products List: Displays the products customers can add to their boxes.
  2. Juo Box - Summary: Shows the total price and savings.
  3. Juo Box - Subscription Option: Allows customers to opt for a subscription and choose delivery frequency. Without this block, customers can only make a one-time purchase.

Step 3: Add a Box Parent Product Create a virtual parent product to act as a container for the physical products customers add to their boxes.

Go to your Inventory and create a new virtual product for Build-a-box. Uncheck Track quantity and This product requires shipping. Save the product and change its theme template from Default product to the newly created box template.

Step 4: Set Up Build-a-box Details in Juo

Navigate to Experiences in the left menu and click on Set up Build-a-box in the Build-a-box tile. In the Products boxes view, click Add Build-a-box. Configure the Build-a-box settings:

Select the newly created parent product. Optionally, give the box a unique name in the Title field (visible only to you). Set the Discount status to Active to enable volume discounts. Specify the minimum number of products required to unlock discounts. In the Discount code field, enter the code you want displayed at Checkout. Decide if you want to combine the box discount with other discounts within the same order. Click Add to create the discount.

Step 5: Configure Tiered Discounts

Enhance your Build-a-box feature by setting up tiered discounts that increase as customers add more items to their box.

Determine the appropriate number of tiers and minimum thresholds based on typical customer behavior. Adjust these tiers as needed to optimize customer engagement and Average Order Value (AOV).

Step 6: Add Boxable Products

Select up to 10 products from your inventory that customers can add to their boxes. This ensures a smooth user experience without overwhelming customers with too many choices.

Step 7: Add Build-a-box to a Subscription Plan

Enable subscription options for the Build-a-box feature:

Go to the Subscribe & Save tab and click on Create new plan or edit an existing one. Add the box parent product to the plan and click Save.

Your Build-a-box page is now ready and functional. Customize settings as needed in the Theme Editor.