Bundle Builder Products

Bundle Builder Products

A "bundle builder" product is a product that allows customers to step through to additional products in an order. These can be used similar to combos, where 3 (or more) items may be offered. The user would see the first item, and add and continue to the next item and so on. 

Bundle Builder Tag

These products have a special bundle builder tag. This tag changes the behavior of the product to redirect to the first item in the product's side dishes upon adding the product to the cart. All products within the bundle should have the bundle builder tag.

The bundle builder tag is placed on the Tags String of the product, under the Name.

Bundle builder tag: ui-MenuItem-BundleBuilder

Products within a bundle are chained via side dish groups, and will continue redirecting to the next side dish group until a bundle builder product without a side dish group is reached.

Only the first item in the side dish group on a bundle builder product will be used, so for clarity it is recommended the side dish group only contain one product. Note: the side dish UI is not used for bundle builder products.

How to Build a Bundle Builder Product

In short, you'll create products for each of the bundle builder items, adding a Tags String of ui-MenuItem-BundleBuilder. Then you'll create Side Dish Groups for the succeeding items. Each Side Dish Group should only have that one product in it. You will add the next item's Side Dish Group to the previous item's product. For example: Large Pizza, 12 Wings, and 2 Liter

• The Side Dish Group for 12 Wings would be added to the Large Pizza
• The Side Dish Group for 2 Liter would be added to the 12 Wings

Detailed Instructions

• Create the first product that should be offered. If this is for a Pizza and Wings Bundle, that includes a Large Pizza, 12 Wings, and 2 Liter, you would create the Large Pizza product, including any toppings, modifiers, etc. 
  • Under the Tags String on the product add the tag: ui-MenuItem-BundleBuilder
• Build the next product to be offered. In this example, it would be the 12 Wings item. 
  • Under the Tags String on the product add the tag: ui-MenuItem-BundleBuilder
  • Build a Side Dish Group for this 12 Wings Item. This should be the only item in the Side Dish Group.
  • Going back into the first product, the Large Pizza, add this new Side Dish Group to the product. 
• Build the next product to be offered. In this example it would be the 2 Liter item. 
  •  Under the Tags String on the product add the tag: ui-MenuItem-BundleBuilder
  • Build a Side Dish Group for this 2 Liter Item. This should be the only item in the Side Dish Group.
  • Going back to the second product, the 12 Wings, add this new Side Dish Group to the product. 

Click Save on everything and activate the items like you would for regular menu elements. Publish the menus. You should see your Bundle Builder available, allowing customers to order a bundle by stepping through each item on it's own screen. 

Further Notes

While the entry bundle builder product should be included in the menu, under a normal category, etc. subsequent bundle builder products should not be navigable via the regular menu, nor should they be allowed to be added to the cart via a direct link.

To enforce this, bundle builder products should be controlled by conditions added onto the orders (under Restaurants -> Checkout), for example: require all items in the bundle to be added to the order.