Guide customers through a step-by-step bundle-building experience using multiple pages and guided product selection flows.

Instead of showing all products on a single page, customers move through multiple focused steps to complete their bundle.

Live demo

View demo: multi-step bundle flow demo

What you'll build

In this tutorial, you'll create a bundle flow like this:

• Step 1 → Choose bundle size
• Step 2 → Select main products
• Step 3 → Select accessories
• Step 4 → Review bundle

The final experience includes:

• Multiple Step pages
• Guided product selection
• Mobile-friendly layouts
• Dynamic Summary panel updates
• Optional Box size selector integration

In this tutorial, you'll learn how to:

• Create Step pages
• Organize product selection flows
• Add multiple Product lists
• Create a Review page
• Optimize mobile layouts
• Configure navigation buttons
• Publish a multi-step bundle experience

Why use multi-step bundle flows

Multi-step flows help:

• Reduce visual clutter
• Simplify large product assortments
• Improve mobile shopping experiences
• Increase bundle completion rates
• Create more guided shopping journeys

Instead of overwhelming customers with too many products at once, each step focuses on a smaller selection task.

Step 1 — Create Step pages

Open the page switcher at the top of the editor and add multiple:
​Step pages

Each Step page can contain:

• Product lists
• Text
• Images
• Promotional content
• Bundle instructions

This allows you to organize the bundle experience into smaller guided steps.

Step 2 — Organize product selection by step

Add Product lists to different Step pages depending on the customer journey you want to create.

Examples:

• Step 1 → Choose coffee beans
• Step 2 → Choose brewing accessories
• Step 3 → Choose free gifts
• Step 4 → Review bundle

Or:

• Step 1 → Choose skincare cleanser
• Step 2 → Choose serum
• Step 3 → Choose moisturizer

This creates a more structured and easier-to-follow shopping experience.

Step 3 — Create a Review page

Add a:
​Review page

The Review page is typically the final step before checkout.

Use it to display:

• Selected products
• Bundle summary
• Free gifts
• Final pricing
• Add to Cart or Checkout button

This gives customers a clear overview before completing the purchase.

Step 4 — Add a Box size selector (optional)

For Multi-box Bundles, you can optionally place a Box size selector on the first Step page to let customers choose their bundle size before selecting products.

Example:

• Step 1 → Choose 3-pack / 6-pack / 10-pack
• Step 2 → Select products
• Step 3 → Review bundle

For detailed setup instructions, see:

• Create a multi-box bundle

Step 5 — Optimize mobile layouts

Multi-step flows work especially well on mobile because customers only focus on one selection step at a time.

We recommend:

• Keeping each step visually simple
• Limiting the number of products shown per row on mobile
• Using larger product images
• Adding clear step titles and instructions

You can switch between:

• Desktop preview
• Mobile preview

directly inside the editor to optimize the experience for different devices.

Step 6 — Configure navigation buttons

Each step should clearly guide customers to the next action.

Examples:

• Continue
• Next step
• Review bundle
• Back
• Complete bundle

Step 7 — Publish the bundle flow

Once your multi-step bundle flow is ready:

1. Save the bundle
2. Set the bundle status to Active
3. Click View live

Your guided bundle experience is now ready for customers.

Updated on: 01/07/2026