<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>

<ul class="wccom-tick-list-primary">
<li>Offer more intelligent upsells and cross-sells — or create your own, rule-based <a href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">recommendation engines</a>.</li>
<li>Improve the shopping experience across your entire store, with recommendations placed at <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#locations" target="_blank" rel="noopener noreferrer">strategic locations</a>.</li>
<li>Measure their impact and optimize your strategies with in-depth <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#analytics" target="_blank" rel="noopener noreferrer">analytics</a>.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box normal"><strong>Woo Product Recommendations</strong> has not been optimized for use with block themes: Recommendation Engines may not work as expected when a block theme is active. Support for the Block/Site Editor is coming soon.</div>
<h2></h2>
<h2>Upsells and cross-sells with a pinch of intelligence</h2>
<p>Ever noticed how the most successful stores leverage the power of product recommendations? When done right, upsells and cross-sells deliver a more engaging experience to your visitors — the kind of experience that not only helps them find products they like, but also keeps them coming back.</p>
<p>Fortunately, you don’t need a team of machine learning specialists to get started. <strong>Product Recommendations</strong> is a state-of-the-art product recommendations platform for WooCommerce that brings together human intelligence and machine learning, with one goal: To help you grow your sales.</p>
<h3>Let technology do the heavy lifting for you</h3>
<p>Build intelligent engines that generate automated, accurate <a title="Recommend products that are frequently bought together." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-frequently-bought-together-recommendations/" target="_blank" rel="noopener noreferrer">Frequently Bought Together</a> recommendations, with near-zero waiting or training. Our lightweight search algorithm analyzes your orders to discover meaningful product relationships, and quickly adapts itself to new trends and seasonal patterns.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_6110666" aria-describedby="caption-attachment-6110666" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-6110666" src="https://woocommerce.com/wp-content/uploads/2019/07/use-case-frequently-bought-together-result.png" alt="Deliver captivating, Amazon-style recommendations, without giving up your store's data or revenue to anyone" width="980" height="938" /><figcaption id="caption-attachment-6110666" class="wp-caption-text">Deliver captivating, Amazon-style product recommendations, without giving away your store’s data (or revenue) to third-parties.</figcaption></figure>
</div>
<h3>Add recommendations across your entire catalog, effortlessly</h3>
<p>Ever tried to manually add upsells and cross-sells to every product or category page of your store? With <strong>Product Recommendations</strong>, you can do both in minutes. Create upsells and cross-sells in bulk, instead of entering products one by one. Add category, attribute, tag, or price <strong>filters</strong> to narrow down products, and use <strong>amplifiers</strong> to boost specific results based on popularity, rating, creation date, conversion rate, or more advanced criteria.</p>
<p>Looking for a way to recommend products from the currently viewed category, or brand? Want to limit results to products that cost more than the currently viewed product? No problem! <strong>Product Recommendations</strong> lets you deploy context-aware recommendations, faster.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943601" aria-describedby="caption-attachment-4943601" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943601" title="Create upsells, cross sells and related products in bulk, by category or tag." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-upsells-sm.png" alt="Create upsells, cross sells and related products in bulk, by category or tag." width="980" height="891" /><figcaption id="caption-attachment-4943601" class="wp-caption-text">Use smart <strong>filters</strong>, <strong>amplifiers</strong> and <strong>visibility conditions</strong> to create recommendation recipes for multiple products and product category pages at once.</figcaption></figure>
</div>
<h3>Promote the right product, to the right customer, at the right time</h3>
<p>Increase your store’s average order value by recommending <a title="Offer upsells after checkout." href="https://woocommerce.com/document/recommend-recently-viewed-products/" target="_blank" rel="noopener noreferrer">recently viewed products</a> and products from <a title="Offering upsells on the thank you page." href="https://woocommerce.com/document/recommend-products-from-recently-viewed-categories/" target="_blank" rel="noopener noreferrer">recently viewed categories</a> on the checkout page, or even after customers complete their orders. Make relevant, well-timed offers by displaying them conditionally, based on your customers’ cart/order contents, browsing history, date, or location.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943634" aria-describedby="caption-attachment-4943634" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943634" title="Recommend products from recently viewed categories." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-still-looking.png" alt="Recommend products from recently viewed categories." width="980" height="455" /><figcaption id="caption-attachment-4943634" class="wp-caption-text">Offer personalized upsells before or after checkout. Recommend products from categories that customers viewed, and display your recommendations conditionally, based on order or cart contents.</figcaption></figure>
</div>
<h3>Recommend products anywhere</h3>
<p>Deploy recommendations at more than 20 locations on your store’s:</p>
<ul>
<li>Main shop page.</li>
<li>Product category or tag pages.</li>
<li>Individual product pages.</li>
<li>Cart and checkout pages.</li>
<li>Thank You (order-received) and order-pay pages.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943600" aria-describedby="caption-attachment-4943600" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943600" title="Boost your customers' confidence and make browsing more fun by recommending best sellers and top rated products." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-top-rated-sm.png" alt="Boost your customers' confidence and make browsing more fun by recommending best-sellers and top-rated products." width="980" height="1661" /><figcaption id="caption-attachment-4943600" class="wp-caption-text">Effortlessly add recommendations to every category page in your catalog.</figcaption></figure>
</div>
<h3>Make your own rules</h3>
<p>Tailor the shopping experience across your entire site to fit your merchandising strategies. Build custom recommendation engines that utilize <strong>filters, amplifiers and visibility conditions</strong> to match products and customers. Want some inspiration?</p>
<ul>
<li>Use the psychology of social proof to your advantage. Boost your customers’ confidence and make browsing more fun by recommending <a title="Recommend best sellers in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-trending-products/" target="_blank" rel="noopener noreferrer">best selling</a> and <a title="Recommend top rated products in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-top-rated-products/" target="_blank" rel="noopener noreferrer">top rated</a> products at the top of your store’s product category and tag pages.</li>
<li>Inspire customer loyalty: Offer curated <a title="Make complementary products easier to discover in WooCommerce product pages." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-complete-the-look-recommendations/" target="_blank" rel="noopener noreferrer">Complete the Look</a> recommendations in product pages, or after customers have placed their orders.</li>
<li>Incentivize customers to <a title="Encourage customers to spend more and unlock free shipping." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-to-unlock-free-shipping/" target="_blank" rel="noopener noreferrer">spend more in order to unlock perks</a>, such as free shipping.</li>
<li>Encourage impulse purchases by recommending popular products on the checkout page: To optimize conversion, prioritize <a title="Recommend on sale products in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-last-minute-deals/" target="_blank" rel="noopener noreferrer">on-sale</a> and <a title="Offer seasonal product recommendations in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-on-specific-dates/" target="_blank" rel="noopener noreferrer">seasonal</a> items.</li>
</ul>
<p>Need more ideas? Get a head start with <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> high-performing strategies.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<p><img class="aligncenter wp-image-18734001019355 size-full" style="margin-bottom: 1.5em" title="Use filters and amplifiers to create your own, custom recommendation engine." src="https://woocommerce.com/wp-content/uploads/2019/07/Engine-configuration-sample.png" alt="" width="1742" height="968" /></p>
</div>
<h3>Optimize your strategies with in-depth analytics</h3>
<p>Drill down into insightful reports to understand and refine your recommendation strategies. Track and analyze:</p>
<ul>
<li>Gross and Net Revenue.</li>
<li>Conversions.</li>
</ul>
<p>To help you understand what drives conversions, we’ve made every report filterable by date, converted product and location!</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_18734000458815" aria-describedby="caption-attachment-18734000458815" style="width: 980px" class="wp-caption alignnone"><img class="size-full wp-image-18734000458815" title="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-report-1.png" alt="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." width="980" height="966" /><figcaption id="caption-attachment-18734000458815" class="wp-caption-text">Optimize your strategies with detailed Revenue and Conversion analytics.</figcaption></figure>
</div>
<p>The best part? <strong>Product Recommendations</strong> has been carefully designed to work on hosting environments with limited resources, and is built to scale.</p>
<h3>How to get started</h3>
<ol>
<li>Buy <strong>WooCommerce Product Recommendations</strong>.</li>
<li>Download and install it.</li>
<li>Pick one of <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> tried-and-tested strategies.</li>
<li>Follow our documentation to build and deploy your first Engine.</li>
<li>Sit back and enjoy the extra revenue!</li>
</ol>

Product Recommendations

<p>Offer smarter upsells, cross-sells, and “frequently bought together” recommendations. Measure their impact with in-depth analytics.</p>

Mini Cart vs Product Recommendations