As an online store owner, you might need WooCommerce Mini Cart Customization to display additional information. However, WooCommerce doesn’t let you do this out of the box.
With the Booster Plus Mini Cart WooCommerce plugin, you can easily display additional information in the mini cart, such as:
- Total order weight
- Number of products in the cart
- Total discount applied
In this tutorial, we’ll show you how to customize the WooCommerce mini cart widget using Booster Plus’s WooCommerce Mini Cart plugin in three different ways.
3 ways to Customize Mini Cart WooCommerce
Customizing the mini cart WooCommerce widget with Booster Plus is incredibly easy. It can also help improve the user experience for customers on your online store.
We’ll assume you already have the WooCommerce plugin installed on your WordPress site. You’ll need to install and activate the Booster Plus for the WooCommerce plugin and enable the WooCommerce Mini Cart module.
Here’s how:
1. Install and activatethe Booster Plus for WooCommerce plugin.
2. Navigate to: WooCommerce → Settings → Booster in your WordPress admin panel.
3. Enable the Mini Cart for WooCommerce Custom Info module:
- Find it under the Cart & Checkout section.
- Check the box next to the module.
- Click Save changes at the bottom of the screen.
Once enabled, the module allows you to customize the mini cart WooCommerce widget in several ways:
#1. Display total order weight in the cart
You can display the total order weight in the customer’s cart when buying from your WooCommerce store. This is a great way to let customers know the total weight of their order as they add products to their cart.
This is especially useful if you:
- Charge extra for shipping based on weight
- Have weight-based shipping limits
- Need to comply with customs or air delivery regulations
Example:If a customer adds 12 telescopes to the cart, the total weight of their order will be displayed in the WooCommerce mini cart widget. This gives them a better idea of potential additional shipping costs.
Here’s how you can do that using Booster Plus’s Mini Cart Plugin for WooCommerce:
1. Go to Booster → Cart & Checkout → Mini Cart Custom Info.
2. In the Content text field, enter the shortcode: Total products weight:0
3. Select where the information should appear using the Position dropdown.
4. Click Save changes to apply the settings.
Here’s how it will look on the front-end of your WooCommerce store:
#2. Display the number of products in the cart
You may want to display the total number of items in the customer’s cart in the WooCommerce mini cart widget. This lets customers quickly find out how many products they have added to the cart. Not only will this boost user experience on your online store but also make it easier for customers to review their cart and purchase multiple products from your store.
Here’s how you can do that using Booster Plus’s WooCommerce Mini Cart module:
1. Go to Booster → Cart & Checkout → Mini Cart Custom Info.
2. In the Content text field, enter the shortcode: Total items: 0
3. Choose where to display this info using the Position dropdown.
4. Click Save changes to apply your settings.
Here’s how that looks on the front-end of your WooCommerce store:
#3. Display the total discount in the cart
Displaying the total discount information in the mini cart for WooCommerce can help incentivize customers to checkout. This means that when customers add products to their cart, they will get a better price than expected and will be motivated to check out their shopping cart.
Similarly, offering various discount levels can help boost sales and increase the average order value. This motivates your customers to spend more than they had originally planned to, which is especially useful for stores that offer higher discounts for more items purchases. Check out How to Offer Bulk Discounts in WooCommerce for step-by-step instructions on how to set this up.
Here’s how you can display the total discount in the mini cart using Booster Plus’s WooCommerce Mini Cart module:
1. Go to Booster → Cart & Checkout → Mini Cart Custom Info.
2. In the Content text field, enter the shortcode: Discount tax: $0.0
3. Use the Position dropdown to select where this will appear.
4. Click Save changes to apply the setting.
Here’s how it will look on the front-end of your WooCommerce store:
Conclusion
Custom mini cart WooCommerce can help you maximize sales and increase the average order value on your online store. With Booster Plus, you can display key cart details such as:
- Total number of items
- Cart total
- Total order weight
- Package dimensions
Booster Plus lets users choose from over 100 modules that let you customize the look and feel of your WooCommerce store and edit mini cart WooCommerce functionality to better suit your customers’ needs.
Also, check out our How to Customize the WooCommerce Cart and Checkout Page tutorial for more ideas on how to enhance the user experience on your online store.
Ready to start customizing the WooCommerce mini cart widget? Get Booster Plus today!