Get Started

How to Add the Option to Change Quantity on the WooCommerce Checkout Page?

Editorial Team
August 5, 2024
How to Add the Option to Change Quantity on the WooCommerce Checkout Page?

Does your store offer the option to change quantity on the WooCommerce checkout page? 

Offering the option to change the quantity on the checkout page enhances the shopping experience by allowing users to adjust their order without returning to the cart page.

This convenience means that if customers decide to buy more products during their buying momentum at checkout, they can do so easily. This ensures a smooth shopping experience and enhances your chance to sell more.

In this blog, we’ll explain how to enable the option for customers to adjust product quantities directly on the WooCommerce checkout page.

As a bonus, we'll show you how to recover losses if users change their order quantity at checkout and buy less.

Let’s get started.

Short on time? Just watch the video below 👇

How to Add the Option to Change Quantity on the WooCommerce Checkout Page?

What Does the Option 'Change Quantity on Checkout' in WooCommerce Mean?

Offering quantity changes at checkout for WooCommerce gives customers the option to increase or decrease the number of items in their cart and remove any product from it.

Here’s how allowing customers to adjust quantities at checkout can make a difference:

  • Increase product quantity: Customers might increase their order to redeem discount coupons or to take advantage of free shipping, saving on future shipping costs.
  • Decrease product quantity: Users may lower the quantity if the total cost exceeds expected or shipping fees for weight-based products are reduced.
  • Remove the product from the cart: People might remove items to lower their total cost or to skip a free gift they don’t want.

Now, you can think that if customers decrease the quantity or remove any item, then it’s a loss for you. 

Honestly, it’s not as long as they place an order. Once they have a smooth shopping experience on your site, they are likely to come back.

Plus, you can always nudge them back to make another purchase with product recommendation emails in the future.

A smooth shopping experience is just one of the perks offering the option to change quantity on the WooCommerce checkout page. We will talk about more benefits later in this blog. 

Does WooCommerce Default Checkout Page Offer Option to Change Quantity of Cart Items? 

No. WooCommerce default checkout page doesn’t offer users the option to adjust the quantity of the cart items. 

Here is a default WooCommerce checkout page: 

order summary on default WooCommerce checkout page

As you can see, it has an order summary option showing details of the cart items; it doens’t offers any option to change the quantity of the items. 

Now, if you are wondering if WooCommerce doesn’t offer a quantity change option, then maybe it’s not important to add it. 

Well, it’s not like that. Adding the option to change the quantity on checkout in WooCommerce has many benefits. Move to the next section to find out more.

Why You Should Allow Customers to Change Quantity on checkout for woocommerce?

  • Streamlined checkout process

Allowing quantity changes directly on the checkout page simplifies the process. That means customer don’t have to go back to the cart page to adjust the product quantity saving them time and effort. 

  • Increase average order value (AOV)

Allowing quantity adjustments at checkout helps customers easily increase their order size, especially if they’re in buying momentum. This also helps them add more items to avail coupons with minimum purchase requirements, increasing the total order value.

  • Reduce cart abandonment

Allowing quantity adjustments at checkout helps avoid cart abandonment by making it easy for customers to make final changes without having to return to the cart page. This convenience keeps customers from abandoning their purchases.

  • Enhanced customer satisfaction

Allowing customers to modify quantities at checkout caters to their preferences and needs, leading to a more personalized shopping experience. This flexibility can improve overall satisfaction and encourage repeat purchases.

Now that you know how important it is to offer the option to change the quantity on the checkout page in a WooCommerce store, let’s move on to the next section to find out how to add this feature. 

How to Add the Option to Change quantity on checkout for WooCommerce?

We will use FunnelKit Funnel Builder to add a feature for WooCommerce stores that allows users to change the quantity at checkout. 

This is the best sales funnel builder for WooCommerce that allows you to replace the default checkout page with a modern conversion-optimized custom checkout page. 

Depending on your preference, you can create either a one-page checkout or a multi-page checkout

To create the checkout page, FunnelKit Funnel Builder offers multiple prebuilt templates that are ready to import and easily customizable since this plugin is compatible with most of the popular page builders, whether you love Elementor, DIVI, Oxygen, etc.

The best part is it includes pre- and post-purchase product recommendations, like order bumps and one-click upsells, to help boost your sales.

Make sure you install and activate FunnelKit Funnel Builder free and FunnelKit Pro.

Step 1: Create a custom store checkout with a prebuilt template  

To create a sales funnel, go to FunnelKit ⇒ Store Checkouts and click on “Create Store Checkout”.

click on create store checkout

First, choose your favorite page builder. You can select Elementor, Block Editor, Divi, or Oxygen. The process remains the same.

For this tutorial, we are using the Elementor page builder and the Utopia template with three steps: checkout, one-click upsell, and thank you. 

Click on Preview for a detailed view. 

hit preview utopia with 3 step

Now click on the Checkout page and choose the type of checkout you want: one-step or multi-step. Here, we are going with 2 steps. 

Then click on the “Import This Funnel” button. After that, provide a name and click on “Done”.

🔔 Note: Make sure your chosen page builder is installed and active; otherwise, you’ll be asked to set it up before importing.

import utopia to create a 3 step checkout

Once imported, you can customize all the pages to fit your needs.

Step 2: Customize the checkout page 

To customize the checkout page, hit the checkout step. 

hit checkout to enable change qunaity on WooCommerce checkout option

Now hit the option “Edit Elementor Template

hit Elementor template

You can customize all the sections of the checkout page, like the logo, heading, checkout form, etc. 

customize WooCOmmerce checkout tempalte utopia

👉 For more details, check our blog on WooCommerce checkout page customization. 

Step 3: Enable the option to change the quantity on the checkout page 

To enable the change quantity option on WooCommerce checkout, edit the mini cart block. On the left side, expand the Product tab and enable the options:

  • Quantity Switcher: This feature lets users adjust the number of items in their cart. They can easily increase or decrease the quantity as needed.
  • Allow Deletion: Turn this on to let users remove any item from their cart.
enable qunaitity discount and allow deletion on WooCommerce checkout

After making all the changes, make sure to hit “Update” to save. 

Like checkout, you can customize the rest of the page as well. For help, check out our guides on:

Step 4: Enable the store checkout 

The final step is to activate the custom checkout for your WooCommerce store. This will enable customers to use the new checkout page with the quantity change option.

You can activate the new checkout by the “Enable Store Checkout” button. 

activate store checkout

Now, you can place a test order to see how the quantity change option works on the checkout page.

With FunnelKit’s mini cart, users can use the ‘+’ button to increase product quantity, the ‘-’ button to decrease it, and the ‘x’ option to remove a product.

Here’s a preview of the checkout page with the quantity option

preview change quanity on WooCommerce checkout option
👉 You can also read our blog WooCommerce order notes.

Bonus: Prevent Order Value Drops from Quantity Reductions With Strategic Upsells

Worried about losing money if customers reduce or remove items? Use one-click upsells strategically to recover immediately and boost your order value.

One-click upsells let customers add more items to their order with just one click—no need to re-enter payment details. This ease of use increases the likelihood of acceptance, especially with an irresistible offer.

For example, suggest a related product with a time-limited discount, like 20% off, if they act within the next 10 minutes. Such a tactic can turn a low-value order into a high-value one. 

You can use the Rule Engine to ensure your upsells are perfectly relevant to each customer.

For instance, if a user just purchased an item from the Beauty category and has previously bought something from the Accessories category, you can offer a combo pack that includes both Beauty and Accessories items with a 15% discount.

strategic upsell to cover loss caused by quantity decrease at checkout

Here is the upsell page. 

upsell page with beauty combo pack

So, this is how upsells can prevent order value drops from quantity reductions.

Ready to Offer Quantity Change Option On The Checkout Page? 

Customer satisfaction is crucial for any successful online business. By allowing users to change quantities on the checkout page of your WooCommerce store, you give them the flexibility to buy exactly what they want without hassle.

This enhancement ensures a smoother shopping experience and helps retain customers over the long term.

With FunnelKit Funnel Builder, adding the quantity change feature to your WooCommerce checkout page is simple. Plus, you can transform your basic checkout page into a modern, engaging one.

Don’t forget the AOV-boosting features like order bumps and upsells.

So, are you ready to enhance your customers' shopping experience with the ability to adjust product quantities at checkout?

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.
chevron-down