> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.ushopaid.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Create a multi-step bundle flow 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](https://ushopaid-demo-store.myshopify.com/products/fixed-bundle-template-8-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. [![](https://storage.crisp.chat/users/helpdesk/website/-/6/4/2/a/642a1eedbe228400/c4614abe-13b1-4d44-b072-57fd57_3zlyj8.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379332394/19a0613704ab6cde254f7aa1e923/image.png?expires=1782884700&signature=ead89afdb5d167516010a4922f9d7844a810692d060cc47352b2a1a83e2f4c40&req=diMgH8p9n4JWXfMW1HO4zfX1fHFG95H3sOhsR0yifg6PhFGr6Q%2FuaO69LWlI%0ArIz2O9j4ne3pAZcdIeI%3D%0A) --- # 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. [![](https://storage.crisp.chat/users/helpdesk/website/-/5/b/e/d/5bed532292dc2800/6981c4a7-4309-4aba-9602-f8c995_10w56zu.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379336121/5cd9517611a99a631d9b00b872a6/image.png?expires=1782884700&signature=cddd1c60fa260e506038ed3100f0c5a329839073bf3979bf545684147f4a5518&req=diMgH8p9m4BdWPMW1HO4zS2Oo6eLjiNJP0fLGHN9jBKRcCCPU5Z08TSbhvOA%0Ag8cb40L%2B9KEUB0%2BNyfk%3D%0A) --- # 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](https://support.ushopaid.com/en/articles/15077234-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. [![](https://storage.crisp.chat/users/helpdesk/website/-/c/a/b/c/cabc4c74c338b800/c0d804ed-569a-4ad6-b158-9b3417_12ckwqw.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379340296/0fd3de9e9d1eefb2970759782b87/image.png?expires=1782884700&signature=15ec2effe1ab21ddb8ee6b62e498585a2a76d18d9757fa4d6f1afdbe312ed884&req=diMgH8p6nYNWX%2FMW1HO4zYZPXVmcceYg4pQi5lv66iJhJCnfYvm0Xgc3%2Byrs%0AmmMqj2817dB97lR5bR0%3D%0A) --- # Step 6 — Configure navigation buttons Each step should clearly guide customers to the next action. Examples: * Continue * Next step * Review bundle * Back * Complete bundle [![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/3/a/e63ae72967606000/41cf24b5-324c-4247-b778-23e9b4_skva4c.png)](https://downloads.intercomcdn.com/i/o/vebbkvq9/2379344802/728ffea0fbcdb8804c67e6afb8d0/image.png?expires=1782884700&signature=550d7dba4add6693daf24153020d1639ee1e4419a2a90a7e5bc950c8731a79ea&req=diMgH8p6mYlfW%2FMW1HO4zff5aUPBq0sDJB3b8WY120pRUdChMQDC5EnDK6Dp%0APchZQ6srhy7OHxwTu4M%3D%0A) --- # 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.