How To Create A WooCommerce Mini Cart (Step-by-Step)

Tavleen Kaur
September 8, 2020
No Comments

The easiest way to improve the online shopping experience you provide customers is to offer a quick overview of their cart and order details before they hit 'place order'.

The solution: A WooCommerce mini cart.

This enables customers to see a summary of their goodies before they checkout, without leaving the checkout page.

A typical order summary includes info like:

  • The subtotal
  • The shipping charges
  • The total cost of their order get the idea.

A WooCommerce mini cart also empowers customers to modify their order at checkout instead of clicking on the cart icon.

For example, customers can remove items from their cart or recover products they've previously deleted. It also permits shoppers to adjust product quantities, which consequently, can increase your average order value.

So, in this article, we’re explaining how to use the Aero Checkout plugin to create a WooCommerce mini cart for your online store.

Let's dive in!

Some Perks of Using Aero Checkout

Aero Checkout users enjoy a whole host of benefits, most notably:

You can create a multi-step checkout form, complete with a progress indicator:

To new customers unfamiliar with your checkout process, a long checkout page can seem intimidating.

However, when you break it into bite-size chunks, you can collect basic customer details first (i.e., their name and email address), followed by their billing and shipping information.

The progress indicator encourages customers to complete one step at a time, thus reducing your cart abandonment rate.

Allow customers to modify their carts from the convenience of their checkout page:

By this we mean, you can enable shoppers to delete and recover deleted items without having to leave the checkout page.

They can also tweak the quantity of the item(s) they’re purchasing. This works wonders for enhancing the customer experience, and has the potential to boost your average cart value - win-win!

Access to Google Address Autocomplete: As an online merchant, it's probably no surprise to you that mistyped addresses often lead to costly, and annoying failed deliveries.

But with Google Address Autocomplete, you give customers the gift of an error-free checkout experience.

All your shoppers have to do is enter the first few characters of their address, and Google does the rest of the heavy lifting.

From here, your customers just have to select their desired shipping address from a list of matching addresses, and voila, they're good to go.

Image of a shipping form with find your address

You can insert a ‘why buy from us’ section: If your shopper is on the fence about hitting the buy button, your 'why buy from us' section could be the nudge they need to complete their purchase.

What makes your brand stand out from the crowd? Whatever it is, here's the place to brag about it.

Perhaps you donate some of your profits to charity? Maybe you only sell fair trade goodies?

Or, perhaps you boast a particularly impressive customer satisfaction rate? Whatever it is, tell your customers about it here!

You can embed your checkout forms onto landing pages: Aero provides the shortcodes you need to integrate your checkout forms onto your landing and/or sales pages.

This massively speeds up the checkout process as customers don't have to trawl through a typical cart - instead, they can relish the convenience of a single page funnel.

How to Set up a WooCommerce Mini Cart using Aero Checkout

The Aero Checkout plugin makes it incredibly easy to set up a mini cart in WooCommerce.

This is a great way to enhance the customer’s shopping experience and potentially increase your average order value.

The best part is that customers don’t have to click on the WooCommerce cart icon and go to the cart page to view their order.

They can click the add to cart button and proceed to checkout.

Step #1: Install and activate the Aero Checkout plugin

If you haven’t done so already, get the Aero Checkout plugin and install and activate it on your WordPress site.

Once the plugin is activated, enter the license key you received at the time of purchase and click the Activate button to proceed.

Step #2: Create an optimized checkout page

Once you’ve installed the Aero Checkout plugin to your WordPress site, the next step is to create an optimized checkout page. Here’s what you need to do:

Head over to WooFunnels > Checkouts from the WordPress admin panel and click the Add New button.

Give your page a title and click the Create a Checkout button.

WooCommerce mini cart

Choose a checkout page template to get started with and click the Import button.

You can pick from one-step, two-step, and three-step checkout templates for your online store.

Once you’ve picked out a template, click the Edit button in the Design tab to edit it in the WordPress Customizer.

You can add and remove sections from the checkout page based on your preferences.

In addition to this, you can also upload your logo, change labels, and much more.

Edit the Aero Checkout page

Notice how the checkout page already has a WooCommerce mini cart section added to it?

You can customize the WooCommerce mini cart however you’d like.

We recommend displaying the product’s image, quantity switcher, and the allow deletion option to deliver a good user experience.

You also have the opportunity to hide coupons or make them collapsible.

In addition to this, you can customize the look and feel of the WooCommerce mini cart by tweaking its border type and colors.

Step #3: Preview the checkout page with WooCommerce mini cart

Aero Checkout will automatically add an AJAX-based WooCommerce mini cart to the checkout page.

You don’t have to use a shortcode to add it to your checkout page.

When you preview the checkout page on your store’s front-end, it should look something like this:

WooCommerce mini cart

Having a WooCommerce mini cart on the checkout page makes it easy for customers to review their shopping cart and modify it in a variety of different ways.

For example, they can use the quantity selectors to add more of each product to their order.

What else can you do with Aero Checkout?

Aside from creating an intuitive WooCommerce mini cart, the Aero Checkout plugin also lets you:

Customize the checkout page:

You can fully customize the look and feel of the checkout page directly from the WordPress Customizer or a supported page builder like Elementor without using CSS.

Optimize the checkout experience for mobile devices.

Aero Checkout lets you choose which widgets to display on mobile. You can also drag and drop the different widgets and sections and preview before publishing.

Use checkout templates. The plugin comes with ready-to-use templates out of the box for one-step, two-step, and three-step checkout page formats.

Add express checkout buttons.
Aero Checkout lets you add express checkout buttons (powered by Apple Pay, Amazon Pay, Google Pay, and others) directly to your checkout pages.

The 'show order' summary section is collapsable for mobile users. This works wonders for saving space, making Aero Checkout's check out page design(s) extra mobile-friendly.

WooCommerce mini cart

Set up your WooCommerce mini cart today!

Using the Aero Checkout plugin, you can create an AJAX-based WooCommerce mini cart widget and offer cart modification options directly on the checkout page without having to use a shortcode.

This is a great way to enhance the customer’s shopping experience on your online store and, potentially, boost your average order value.

Customers can view cart details (such as the subtotal and shipping charges) and adjust the product quantities they’d like to order.

Ready to create a WooCommerce mini cart for your online store? Get Aero Checkout today!

Author: Tavleen Kaur
Do you know after Amazon implemented the 1-click buy system, their sales shot up year-on-year hitting $88.9 Billion mark in 2014? Jeff Bezos attributed it to a friction-free & streamlined buying process. At BuildWooFunnels, we're determined to give you the tools you need to do the same in your business. I am Tavleen and I help you get there faster.

Increase your sales, starting today.

Get WooFunnels Now