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.
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.
<h2>Features</h2>
<ul>
<li style="font-weight: 400">Easily add a flyout cart to any page.</li>
<li style="font-weight: 400">Use shortcodes to display a mini cart anywhere on your site.</li>
<li style="font-weight: 400">Customize with 13 different Cart-like icons.</li>
<li style="font-weight: 400">Choose between a sticky cart or a side cart.</li>
<li style="font-weight: 400">Upload a custom cart icon.</li>
<li style="font-weight: 400">Enable the sliding cart for better UX.</li>
<li style="font-weight: 400">Enable/Disable tax display in cart prices.</li>
<li style="font-weight: 400">Display cart items and prices with an icon.</li>
<li style="font-weight: 400">Add a cart icon to multiple page positions.</li>
<li style="font-weight: 400">Disable the cart on specific pages.</li>
<li style="font-weight: 400">Engage users with a fly-out cart animation and optional added notifications.</li>
</ul>
<h3>Display Mini Cart Anywhere</h3>
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.
<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" />
<h3>Display a Sticky Cart on WooCommerce Store</h3>
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:
<ul>
<li style="font-weight: 400">Enable the add to cart button.</li>
<li style="font-weight: 400">Allow checkout from the sticky cart.</li>
<li style="font-weight: 400">Change the text, buttons, and background color of the cart.</li>
</ul>
<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" />
<h3>Auto Display Side Cart when Product is added</h3>
Improve the purchase flow with the side cart for WooCommerce, which automatically appears when a product is added. Customize it with features such as:
<ul>
<li style="font-weight: 400">Fly-to-cart animation.</li>
<li style="font-weight: 400">Automated display.</li>
<li style="font-weight: 400">Rounded corners.</li>
<li style="font-weight: 400">Coupon code redemption in the side cart.</li>
<li style="font-weight: 400">Display on the left or right side of the screen.</li>
<li style="font-weight: 400">Customizable header text, icons, colors, etc.</li>
</ul>
<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" />
 
<h3>Enable Add-to-Cart notifications</h3>
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.
<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" />
<h3>Maximize sales volume with a fly-out Cart</h3>
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.
<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" />
<h3>13 Different Icons to Symbolize Mini Cart</h3>
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.
<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" />
<h3>Configure the Cart menu</h3>
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:
<ul>
<li style="font-weight: 400">Displaying the cart icon.</li>
<li style="font-weight: 400">Showing the cart icon, products, and prices.</li>
<li style="font-weight: 400">Displaying items and prices.</li>
</ul>
<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" />
<h3>Change the Cart texts and links</h3>
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.
<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" />

Mini Cart

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.

<h2>For a shopping experience as unique as your customers</h2>
From adding a personal engraving, to upgrading to premium fabric, customizing products can keep your customers coming back. With Product Add-Ons, you can offer special options to your customers in a snap.
Product Add-Ons allow your customers to personalize products while they’re shopping on your online store. No more follow-up email requests—customers get what they want, before they’re done checking out.
<img class="alignleft wp-image-18734005148655 size-full" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-addon-example.png" alt="" width="1822" height="886" />
 
Add options via text boxes, dropdowns, text areas, checkboxes, custom price inputs, even sample images. Add-ons can be added globally or per-product from the edit product page.
<h2>Give your customers the options they want</h2>
Product Add-Ons is one of the most popular extensions available for WooCommerce. It gives you and your customers even more options, including (but definitely not limited to):
<h3>Image-based selections</h3>
<img class="alignnone size-large wp-image-18734005148756" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-images.png?w=980" alt="WooCommerce Product Add-ons, image-based product add-on selection." width="980" height="741" />
A picture is worth a thousand words, so why describe a customer’s personalization options when you can show them? With image-based selections, customers can see what they’re getting before they buy.
<h3>Flat fees</h3>
<img class="aligncenter size-large wp-image-18734005148960" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-addons_example-gift-options-configured-1.png?w=980" alt="" width="980" height="536" />
Charge customers a flat fee regardless of how many products they ordered. Perfect for a one-time set-up charge or a rush fee.
<h3>Percentage fees</h3>
Charge a fee for the add-on based on a percent of the total price—this is especially useful for service-based add-ons that can be tougher to boil down to a flat fee.
<h3>Text input</h3>
Let your customers enter custom text to create a custom t-shirt, add a monogram or personalize a card.
<h3>Dropdown</h3>
Customer can choose between a few pre-defined options with a drop-down field for your add-on.
Checkboxes
<img class="aligncenter size-large wp-image-18734005148765" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-gift-options.png?w=980" alt="An example of checkbox-based options for Product Add-ons." width="980" height="749" />
Make customization as simple and satisfying as checking a checkbox. Great for add-on services, like gift wrapping or express shipping.
<h3>Custom price</h3>
Let your customers name their price, perfect for tips, donations, and gratuities!
Add-ons can be named, described, reordered, and (optionally) given prices.
The extension also works with:
<ul class="wccom-tick-list">
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> – add additional options to subscription products.</li>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> – offer upgrades like an oil treatment for a massage, priority seats for their tour or a rush fee for their rental.</li>
</ul>
Once set up, add-ons appear on product pages just above the add to cart button.
Ready to increase your store’s flexibility? Start using Product Add-Ons today.

Product Add-Ons

Offer add-ons like gift wrapping, special messages or other special options for your products.

Mini Cart vs Product Add-Ons