<p><span style="font-weight: 400">The mini cart for WooCommerce offers immediate access to cart details. It enhances the user’s interaction with your store. By using the mini cart shortcode, you can display a mini cart anywhere on your website. This includes a cart fly-out for a detailed view of cart items and totals. It gives users a seamless shopping experience.</span></p>
<p><span style="font-weight: 400">With conventional checkout processes, the cart is often hidden, causing confusion among users about their selected products. The mini cart for WooCommerce solves this issue by providing complete cart details, allowing customers to continue shopping or checkout whenever they’re ready.</span></p>
<h2><strong>Features</strong></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Easily add a flyout cart to any page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Use shortcodes to display a mini cart anywhere on your site.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize with 13 different Cart-like icons.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose between a sticky cart or a side cart.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Upload a custom cart icon.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable the sliding cart for better UX.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable/Disable tax display in cart prices.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display cart items and prices with an icon.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a cart icon to multiple page positions.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Disable the cart on specific pages.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Engage users with a fly-out cart animation and optional added notifications.</span></li>
</ul>
<h3>Display Mini Cart Anywhere</h3>
<p><span style="font-weight: 400">The mini cart for WooCommerce plugin allows you to display the cart anywhere in the store, even in the menu. With the mini cart shortcode, you can position the mini cart on multiple pages, including the header, footer, or sidebar, ensuring it remains visible and accessible to users.</span></p>
<p><img class="aligncenter wp-image-18734002735161 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Mini-Cart.png?w=851" alt="Mini cart in store" width="851" height="875" /></p>
<h3><b>Display a Sticky Cart on WooCommerce Store</b></h3>
<p><span style="font-weight: 400">Enable the sticky cart for WooCommerce to display all products in the cart. Users can increase the quantity of products or remove them using a dropdown button. Customize the sticky cart with the following options:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Enable the </span><b>add to cart</b><span style="font-weight: 400"> button.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow checkout from the sticky cart.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Change the text, buttons, and background color of the cart.</span></li>
</ul>
<p><img class="aligncenter wp-image-18734001706706 size-full" src="https://woocommerce.com/wp-content/uploads/2023/01/Sticky-Cart-GIF.gif" alt="Display Sticky Cart" width="600" height="338" /></p>
<h3><b>Auto Display Side Cart when Product is added</b></h3>
<p><span style="font-weight: 400">Improve the purchase flow with the side cart for WooCommerce, which automatically appears when a product is added. Customize it with features such as:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Fly-to-cart animation.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Automated display.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Rounded corners.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Coupon code redemption in the side cart.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display on the left or right side of the screen.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customizable header text, icons, colors, etc.</span></li>
</ul>
<p><img class="aligncenter wp-image-18734001706709 size-full" src="https://woocommerce.com/wp-content/uploads/2023/01/Side-Cart-GIF.gif" alt="Side cart auto display" width="600" height="338" /></p>
<p> </p>
<h3><strong>Enable Add-to-Cart notifications</strong></h3>
<p><span style="font-weight: 400">Notify customers with a cart widget every time they add a product to the cart. This feature ensures users can continue shopping without worrying about whether the product has been added. Customize the notification text and background colors to match your store’s theme.</span></p>
<p><img class="aligncenter wp-image-18734000968724 size-medium" src="https://woocommerce.com/wp-content/uploads/2019/08/1.gif?w=690" alt="Add to cart notification" width="690" height="388" /></p>
<h3><strong>Maximize sales volume with a fly-out Cart</strong></h3>
<p><span style="font-weight: 400">The mini cart for WooCommerce allows you to enable a floating cart that highlights cart details when hovered over. You can choose the number of items to display in the fly-out cart and set shorter product names for a concise view.</span></p>
<p><img class="aligncenter wp-image-18734002735400 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Flyout-cart-for-Mini-Cart.gif?w=600" alt="Fly-out cart with details" width="600" height="310" /></p>
<h3><b>13 Different Icons to Symbolize Mini Cart</b></h3>
<p><span style="font-weight: 400">Make your mini cart more attractive with 13 icons to choose from. The menu cart for WooCommerce also allows you to upload a custom icon, adding a unique touch to your store.</span></p>
<p><img class="aligncenter wp-image-5273973 size-full" src="https://woocommerce.com/wp-content/uploads/2019/08/default-icons-or-custom.png" alt="Cart and custom icons." width="750" height="248" /></p>
<h3><strong>Configure the Cart menu</strong></h3>
<p><span style="font-weight: 400">The menu cart plugin for WooCommerce provides various configuration options for the cart menu, allowing you to display products, quantities, prices, and the total amount in the cart menu. Options include:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Displaying the cart icon.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Showing the cart icon, products, and prices.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Displaying items and prices.</span></li>
</ul>
<p><img class="aligncenter wp-image-18734002742085 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Configure-Cart-Menu.png?w=896" alt="Cart menu configuration bar" width="896" height="95" /></p>
<h3><strong>Change the Cart texts and links</strong></h3>
<p><span style="font-weight: 400">Personalize your side cart by customizing the text and links. Add text for ‘Empty Cart’ and ‘View Cart’ to make the shopping experience more intuitive and engaging. You can also specify Cart and Checkout URLs.</span></p>
<p><img class="aligncenter wp-image-5273982 size-full" src="https://woocommerce.com/wp-content/uploads/2019/08/text-links.png" alt="Cart texts and links tab" width="750" height="496" /></p>
<p> </p>

Mini Cart

<p><span style="font-weight: 400">By displaying real-time updates in both the mini cart and the side cart, users can confidently continue shopping, leading to higher conversion rates and a reduced likelihood of cart abandonment.</span></p>

<div style="background: linear-gradient(135deg, #6108ce 0%, #8b3dff 100%);padding: 32px 24px;border-radius: 12px;margin-bottom: 28px;color: #ffffff">
<h2 style="color: #ffffff;margin-top: 0;font-size: 24px;line-height: 1.3">The Complete WooCommerce Product Bundles Builder</h2>
<p style="font-size: 16px;line-height: 1.6;margin-bottom: 0;color: #f5f0ff">Build configurable bundles where customers pick their own products step by step. Perfect for gift sets, meal kits, PC builders, subscription boxes, and B2B kits. Three pricing models, unlimited steps, variable product support, and full rule-based control — all from one powerful bundle builder.</p>
</div>
<p>If you run a WooCommerce store and need <strong>configurable product bundles</strong> where customers pick items step by step — this plugin gives you a complete bundle builder that goes far beyond basic grouped or static bundles.</p>
<p>Whether you sell <strong>gift box builders</strong>, <strong>meal kits</strong>, <strong>PC builders</strong>, <strong>subscription boxes</strong>, or <strong>wholesale B2B kits</strong> — Multistep Product Bundles handles every configurable bundle scenario from one intuitive interface. Customers build their own bundle through guided steps, while you maintain complete control over pricing, rules, and selections.</p>
<h2>Who This Plugin Is Built For</h2>
<div style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 16px;margin: 24px 0">
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">Gift Box Builders</h3>
<p style="margin-bottom: 0">Let customers build personalized gift sets step by step — choose a candle, snacks, a card, and packaging. Required and optional selections ensure every gift box is complete.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">Meal Kits & Subscription Boxes</h3>
<p style="margin-bottom: 0">Guide customers through “Main → Sides → Add-ons” with category-based selection. Min/max rules per step keep complex orders simple and consistent.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">PC & Hardware Builders</h3>
<p style="margin-bottom: 0">Present technical configurations in logical order — CPU → Motherboard → RAM → Storage. Variable product support handles every component variation.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">Mix & Match Products</h3>
<p style="margin-bottom: 0">Pick-and-mix boxes with minimum and maximum quantities per category. Ideal for craft beer 6-packs, candy boxes, beauty samplers, and curated kits.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">B2B & Wholesale Kits</h3>
<p style="margin-bottom: 0">Design fixed or configurable bundles for trade customers with required and optional items. Streamline bulk and specialized ordering with built-in selection rules.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 20px;background: #fafafa">
<h3 style="margin-top: 0;color: #6108ce;font-size: 18px">Build-Your-Own Bundles</h3>
<p style="margin-bottom: 0">Replace generic grouped products with a real bundle builder. Customers choose exactly what they want from your catalog and check out as a single bundle.</p>
</div>
</div>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Frontend.png"><img class="aligncenter size-full wp-image-18734006302280" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Frontend.png" alt="WooCommerce Multistep Product Bundles frontend view" width="764" height="982" /></a></p>
<h2>Why Store Owners Choose This Plugin</h2>
<div style="background: #f9fafb;border-left: 4px solid #6108ce;padding: 20px 24px;margin: 24px 0;border-radius: 4px">
<ul style="margin: 0;padding-left: 20px">
<li style="margin-bottom: 12px"><strong>True step-by-step builder</strong> — Unlike basic bundle plugins that show everything at once, customers progress through clear steps for a guided buying experience.</li>
<li style="margin-bottom: 12px"><strong>Three flexible pricing models</strong> — Per-item, fixed bundle pricing, or hybrid (base price + per-item adjustments). Apply automatic discounts when bundle rules are met.</li>
<li style="margin-bottom: 12px"><strong>Variable product support</strong> — Include products with size, color, or other variations inside bundle steps. Perfect for PC builders, apparel kits, and configurable products.</li>
<li style="margin-bottom: 0"><strong>No performance impact</strong> — Lightweight code, conditional asset loading, and clean frontend rendering with zero page-load slowdown.</li>
</ul>
</div>
<div style="background: #f0f7ff;border: 1px solid #c5dcfa;border-radius: 10px;padding: 20px 24px;margin: 24px 0">
<h3 style="margin-top: 0;color: #1e40af;font-size: 18px">Built by WPKoders — WooCommerce Marketplace Verified</h3>
<p style="margin-bottom: 12px">This plugin is developed by <strong>WPKoders</strong>, a dedicated team of WooCommerce specialists. Every plugin we ship passes WooCommerce’s security and code-quality audits, and we’re committed to long-term support, regular updates, and fast response times.</p>
<ul style="margin: 0;padding-left: 20px">
<li><strong>Security audited</strong> — Passed WooCommerce vulnerability and dependency checks</li>
<li><strong>HPOS compatible</strong> — Fully compatible with High Performance Order Storage</li>
<li><strong>Block checkout ready</strong> — Works with modern WooCommerce block-based checkout</li>
<li><strong>Translation ready</strong> — WPML and Polylang support out of the box</li>
<li><strong>12-hour support response</strong> — Real engineers, not chatbots</li>
<li><strong>30-day money-back guarantee</strong> — Try it risk-free</li>
</ul>
</div>
<h2>Complete Feature List</h2>
<ul>
<li><strong>Unlimited bundle steps</strong> — Create as many steps (boxes) as needed for each bundle, each with its own selection rules, minimum/maximum requirements, and layout.</li>
<li><strong>Flexible product options</strong> — Include simple products, variable products, or pull from entire categories in each step.</li>
<li><strong>Three pricing models</strong> — Per-item pricing, fixed bundle pricing, or hybrid pricing with discount controls.</li>
<li><strong>Customizable layouts</strong> — Choose grid, boxes, or classic layouts. Control columns, products per page, quick-view, and banner images.</li>
<li><strong>Rule-based selection logic</strong> — Enforce required and optional picks, min/max quantities, and step dependencies.</li>
<li><strong>Variable product support</strong> — Allow customers to select variations (size, color, type) within bundle steps.</li>
<li><strong>Dynamic discounts</strong> — Automatically apply percentage or fixed discounts when bundle conditions are met.</li>
<li><strong>Banner images per step</strong> — Add visual context to each step with custom banner images and descriptions.</li>
</ul>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Steps.png"><img class="aligncenter size-full wp-image-18734006302281" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles-Steps.png" alt="WooCommerce Product Bundles step configuration" width="980" height="436" /></a></p>
<h3 style="color: #6108ce;margin-top: 32px">More Powerful Features</h3>
<ul>
<li><strong>Step dependencies</strong> — Make steps required or optional. Lock progression until previous step conditions are met.</li>
<li><strong>Category-based product pulling</strong> — Assign entire product categories to a step instead of selecting products one by one.</li>
<li><strong>On-click behavior controls</strong> — Configure how products are added to steps with smooth UX controls.</li>
<li><strong>HPOS compatible</strong> — Fully compatible with WooCommerce High Performance Order Storage for fast, scalable order management.</li>
<li><strong>Block checkout ready</strong> — Works seamlessly with WooCommerce block-based checkout and modern themes.</li>
<li><strong>Translation ready</strong> — Fully translatable with WPML and Polylang support for multilingual stores.</li>
<li><strong>Lightweight & fast</strong> — Conditionally loaded assets and clean code mean zero impact on page load speed.</li>
<li><strong>Cart integration</strong> — Bundle items appear correctly in cart, checkout, and order emails with proper attribution.</li>
</ul>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles.png"><img class="aligncenter size-full wp-image-18734006302291" src="https://woocommerce.com/wp-content/uploads/2025/08/WooCommerce-Product-Bundles.png" alt="WooCommerce Product Bundles admin configuration" width="980" height="377" /></a></p>
<h2>Quick Setup in 6 Steps</h2>
<ol>
<li>Install and activate the plugin from your WooCommerce account.</li>
<li>Go to <strong>Products → Add New</strong> and select <strong>Multistep Product Bundle</strong> in the Product Data panel.</li>
<li>Set a regular price and optional sale price.</li>
<li>Open the <strong>Multistep Product Bundles</strong> tab to configure pricing type, layout, display options, discounts, and banner images.</li>
<li>Create steps, assign products or categories to each step, and define min/max selection limits.</li>
<li>Save the bundle and preview it on the frontend.</li>
</ol>
<p>Need help? Visit our <a href="https://woocommerce.com/document/multistep-product-bundles/">detailed documentation</a> for setup guides and examples.</p>
<h2>Is This Plugin Right for You?</h2>
<div style="grid-template-columns: 1fr 1fr;gap: 16px;margin: 24px 0">
<div style="border: 1px solid #c5e4d4;border-radius: 10px;padding: 20px;background: #f0fdf4">
<h3 style="margin-top: 0;color: #15803d;font-size: 17px">This is for you if you need:</h3>
<ul style="margin: 0;padding-left: 20px;line-height: 1.7">
<li>Step-by-step bundle building (gift box, meal kit, PC builder)</li>
<li>Mix-and-match bundles with min/max quantity rules</li>
<li>Three pricing modes (per-item, fixed, hybrid)</li>
<li>Variable products inside bundle steps</li>
<li>Category-based product pulling per step</li>
<li>Configurable B2B and wholesale kits</li>
</ul>
</div>
<div style="border: 1px solid #fecdd3;border-radius: 10px;padding: 20px;background: #fff1f2">
<h3 style="margin-top: 0;color: #b91c1c;font-size: 17px">This is NOT for you if you need:</h3>
<ul style="margin: 0;padding-left: 20px;line-height: 1.7">
<li>Static “frequently bought together” bundles only</li>
<li>Individual inventory management per bundle component</li>
<li>Subscription-only bundles (use WooCommerce Subscriptions)</li>
<li>BOGO or “buy X get Y” discount campaigns</li>
<li>Per-role pricing on bundle items (use B2B Pricing instead)</li>
<li>A built-in product configurator without bundle structure</li>
</ul>
</div>
</div>
<h2>Frequently Asked Questions</h2>
<div style="background: #fafafa;border-radius: 10px;padding: 4px 24px;margin: 24px 0">
<h4 style="color: #6108ce">How is pricing handled for bundle products?</h4>
<p>You can choose between three pricing models: per-item pricing (each bundle item priced individually), fixed bundle pricing (one set price for the whole bundle), or hybrid pricing (base price plus per-item adjustments). You can also apply percentage or fixed discounts that activate automatically when bundle rules like min/max selections are met.</p>
<h4 style="color: #6108ce">Does this support variable products in bundles?</h4>
<p>Yes. Each bundle step can include variable products, letting customers choose size, color, or any other variation directly inside the bundle. This makes it ideal for PC builders, apparel kits, and configurable products where each component has multiple options.</p>
<h4 style="color: #6108ce">Can I pull products from categories instead of selecting them one by one?</h4>
<p>Yes. Each step supports category-based product pulling. Assign one or more categories to a step and all products in those categories become available for selection. This makes it easy to manage bundles with large product catalogs.</p>
<h4 style="color: #6108ce">Will this slow down my store?</h4>
<p>No. The plugin uses conditional asset loading — bundle scripts and styles only load on bundle pages. Independent testing shows zero impact on Core Web Vitals or page load speed on non-bundle pages.</p>
<h4 style="color: #6108ce">Is this plugin compatible with HPOS and block checkout?</h4>
<p>Yes. Fully compatible with WooCommerce High Performance Order Storage (HPOS) and works seamlessly with the new block-based checkout. Tested on the latest WooCommerce versions.</p>
<h4 style="color: #6108ce">Will it work with my WooCommerce theme?</h4>
<p>Yes. The plugin works with all standard WooCommerce themes including Storefront, Astra, GeneratePress, OceanWP, Kadence, Divi, and most premium themes. Layout and display settings let you match your store’s design.</p>
<h4 style="color: #6108ce">Can I create min/max selection rules per step?</h4>
<p>Yes. Each step can have its own minimum and maximum quantity requirements. For example: “Pick at least 3 items, up to 5” or “Choose exactly 1 main course.” Rules are enforced both visually and at the cart level.</p>
<h4 style="color: #6108ce">What happens when my annual subscription expires?</h4>
<p>The plugin continues to work indefinitely. Your subscription only covers updates and support — the plugin itself does not stop functioning. We recommend renewing for security updates and WooCommerce compatibility.</p>
<h4 style="color: #6108ce">What’s your support response time?</h4>
<p>We aim to respond to all support requests within 12 hours on business days. Most queries are resolved within 24 hours. Support is included for the duration of your active subscription.</p>
<h4 style="color: #6108ce">Is there a money-back guarantee?</h4>
<p>Yes. WooCommerce offers a 30-day money-back guarantee on all marketplace purchases. If the plugin doesn’t work for your use case, you can request a full refund within 30 days, no questions asked.</p>
</div>
<h2>Explore the Complete WPKoders Plugin Suite</h2>
<p>Combine Multistep Product Bundles with our other WooCommerce extensions to build a complete store solution:</p>
<div style="grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 16px;margin: 24px 0">
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px;background: #ffffff">
<h4 style="margin-top: 0;color: #6108ce"><a style="color: #6108ce;text-decoration: none" href="https://woocommerce.com/products/hide-price-button/">Hide Price & Show Custom Button →</a></h4>
<p style="margin-bottom: 0;font-size: 14px">Hide WooCommerce prices, run catalog mode, and replace Add to Cart with quote forms.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px;background: #ffffff">
<h4 style="margin-top: 0;color: #6108ce"><a style="color: #6108ce;text-decoration: none" href="https://woocommerce.com/products/b2b-pricing/">B2B Pricing →</a></h4>
<p style="margin-bottom: 0;font-size: 14px">Role-based pricing, tiered discounts, and tax exemptions for wholesale customers.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px;background: #ffffff">
<h4 style="margin-top: 0;color: #6108ce"><a style="color: #6108ce;text-decoration: none" href="https://woocommerce.com/products/restrict-checkout/">Restrict Checkout →</a></h4>
<p style="margin-bottom: 0;font-size: 14px">Control who can complete checkout based on cart, history, or location.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px;background: #ffffff">
<h4 style="margin-top: 0;color: #6108ce"><a style="color: #6108ce;text-decoration: none" href="https://woocommerce.com/products/pdf-invoice/">PDF Invoice →</a></h4>
<p style="margin-bottom: 0;font-size: 14px">Auto-generate PDF invoices, packing slips, and credit notes for every order.</p>
</div>
<div style="border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px;background: #ffffff">
<h4 style="margin-top: 0;color: #6108ce"><a style="color: #6108ce;text-decoration: none" href="https://woocommerce.com/products/donations-fundraising/">Donations & Fundraising →</a></h4>
<p style="margin-bottom: 0;font-size: 14px">Accept donations and run fundraising campaigns directly on your store.</p>
</div>
</div>

Multistep Product Bundles

<p>Build configurable <strong>WooCommerce product bundles</strong> with a step-by-step bundle builder. Let customers create their own gift sets, meal kits, PC builders, subscription boxes, and B2B kits — guided through multiple steps with rules, layouts, and flexible pricing. Supports per-item, fixed, and hybrid pricing, variable products, min/max selection rules, and required/optional steps. The complete <strong>WooCommerce bundle products</strong> solution for stores that need more than basic bundling.</p>

Mini Cart vs Multistep Product Bundles