Better Usability for WooCommerce

by moiseh

4.9

(21 ratings)

Better Usability for WooCommerce removes the small but persistent friction points that cause shoppers to abandon: waiting for full page reloads, hunting for quantity controls, and navigating an unnecessary cart step before checkout. It covers four areas — Shop, Product, Cart, and Checkout — with settings you can mix and match to fit your store.

Free features:

Cart

Auto-refresh cart totals via AJAX when quantity changes — no “Update cart” click required
Show −/+ buttons around the quantity field on cart, product, and shop pages
Lock the numeric input so shoppers can only use the +/− buttons (prevents accidental typing)
Show a confirmation prompt before quantity is reduced to zero
Show item quantity as a dropdown select instead of a numeric input
Hide quantity inputs on the Cart page
Free-shipping progress bar on the Cart and Mini-Cart — a live “Add $X more to get FREE shipping!” message with a progress bar that reads your store’s own free-shipping threshold and refreshes as quantities change, nudging shoppers toward a bigger order; it’s fully accessible (a real role="progressbar" control) and announces its progress — and the “You’ve unlocked free shipping!” moment — to screen readers as the cart updates

Shop

Change product quantity directly on the shop/archive page before adding to cart
AJAX “Add to cart” on individual product pages (same as the shop-loop behaviour)
Skip the cart page and go straight to checkout after adding a product
Override the number of products per row
Hide the default sorting dropdown
Hide the Add to Cart button entirely (useful for catalogue-only stores)
Customise the “Add to cart” and “View cart” button labels

Product

Show item quantity as a dropdown select
Hide price ranges on variable or grouped products
Hide the quantity input on single product pages
Low-stock urgency badge (“Only 3 left in stock!”) near the Add to Cart button on both single product and shop/archive pages — it reads WooCommerce’s own per-product stock quantity and low-stock threshold, shows only for stock-managed products at or below that threshold, and is fully customisable (badge text with a {stock} placeholder, optional custom threshold), giving hesitant shoppers a scarcity nudge with zero configuration beyond a toggle

Checkout

Allow shoppers to delete items directly from the checkout page
Allow shoppers to change quantities from the checkout page
Display the unit price next to each product name

General

Convert simple-product “Add to Cart” buttons to AJAX site-wide
Hide the “Added to cart” notice after adding a product
Hide the “View cart” link after adding a product
Set a global maximum quantity per product
Decimal quantity support for +/− buttons
Accessible, WCAG-friendly quantity controls — the −/+ buttons carry proper “Decrease quantity” / “Increase quantity” labels, work with the keyboard (Enter/Space), and announce the new quantity (and the cart refresh) to screen readers

PRO features:

Sticky Add to Cart bar — a floating bar slides in when the shopper scrolls past the Add to Cart button, keeping purchase intent alive without hunting for the button
Quick View modal — shoppers open a full product preview in a lightbox (image, price, description, Add to Cart) without leaving the Shop page
Synchronize cart quantities automatically when changed (view demo)
Auto-update price on Product and Shop pages as quantity changes (view demo)
Change product variations directly on the Shop page — fewer clicks to buy (view demo)
Sync the MiniCart widget live from Shop or Product pages (view demo)
AJAX delete on the checkout page — no full page reload (view demo)
Change quantities inside the Mini-Cart widget (view demo)