WooCommerce add to cart not working: how to fix it
When your WooCommerce add-to-cart or checkout button does nothing, redirects wrong, or vanishes, here is how to find the cause and fix it in order.
You click add to cart and nothing happens. Or the button sends shoppers to the wrong page, loops back, or has vanished from some products. This hits store owners on WooCommerce and the freelancers and agencies who run client stores, often right after an update or a new plugin. This guide helps you work out which cause you have, then walks you through the documented fixes in the order most likely to work.
First, find out which problem you have
The fix depends on the exact symptom. Read your symptom in the table below, then jump to the matching fix. Working through them in order saves you time.
| What you see | Most likely cause | Start at |
|---|---|---|
| Button does nothing on every product, or only after a recent change | Stale page, CDN, or minified JavaScript cache | Fix 1 |
| Button works but checkout page is blank, errors, or loops | Cart or Checkout page deleted or mis-assigned | Fix 2 |
| Button missing or greyed out on some products only | Incomplete product setup (price or variations) | Fix 3 |
| Button broke right after installing or updating a plugin or theme | Plugin or theme conflict | Fix 4 |
| Odd behavior across the whole store, old versions flagged | Outdated WooCommerce or a system issue | Fix 5 |
If more than one looks right, start at Fix 1 and keep going. Each fix tells you how to confirm it worked before you move on.
Fix 1: clear every layer of cache
The add-to-cart action runs on JavaScript. When a caching, minify, or optimize plugin serves an old or broken script, the button stops responding even though your product is fine. This is the quickest thing to rule out, so do it first.
- Clear your caching plugin (for example WP Rocket, W3 Total Cache, LiteSpeed Cache, or your host's built-in cache). Look for a "Clear cache" or "Purge all" button.
- In that same plugin, clear or temporarily turn off any JavaScript minify, combine, or defer option. Combining scripts is a common cause of a dead button.
- If you use a CDN such as Cloudflare, purge its cache too.
- Clear your own browser cache, or test in a private or incognito window so you see the live site, not your own stored copy.
Check it worked: load a product page in a private window and click add to cart. If the item lands in the cart, you are done. If turning off JavaScript minify fixed it, add your cart and checkout scripts to that plugin's exclusion list before you switch minify back on. For a related redirect loop after adding a CDN, see Cloudflare too many redirects.
Fix 2: check your Cart and Checkout pages
WooCommerce relies on dedicated Cart, Checkout, and My Account pages. If one is deleted, left blank, or pointed at the wrong page, the button can look fine but checkout breaks or redirects wrongly. WooCommerce notes that setting the Cart, Checkout, and My Account pages to the same page causes incorrect redirects and broken payment gateway functionality.
- Go to WooCommerce, then Settings, then Advanced.
- Under Page setup, confirm the Cart page, Checkout page, and My Account page each point to a different, published page.
- If any box is empty or points to a trashed page, you can recreate the defaults. Go to WooCommerce, then Status, then Tools and click Create pages. WooCommerce restores any missing default pages, with the Cart block on the Cart page and the Checkout block on the Checkout page.
- Save, then reassign the pages under Settings, Advanced if needed.
These steps follow the official WooCommerce pages guide.
Check it worked: add a product to the cart, then open the Cart and Checkout pages. You should see the cart contents and a working checkout form with payment options.
Fix 3: complete the product setup
If the button is missing or inactive on only some products, the problem is usually that product, not your whole store.
Simple products: WooCommerce will add a product with just a name and a price, so a product with no price set often shows no add-to-cart button. Open the product, set a regular price, and update it.
Variable products: the WooCommerce variable product guide is clear on two points. First, variations without prices do not show in your store, so every variation needs a regular price. Second, customers need to select all required options before they can add the variable product to the cart. If a shopper reports a greyed-out button, they usually have not chosen every drop-down option yet.
While you are in settings, check the add-to-cart behavior. Go to WooCommerce, then Settings, then Products. Here you can turn on AJAX add-to-cart buttons on shop and category pages, or choose to redirect to the cart page after a successful addition. If your button appears to do nothing on a category page but works on the single product page, toggling the AJAX option and clearing cache often resolves it.
Check it worked: open the exact product that was broken. For a variable product, select every option and confirm the button activates and the item adds to the cart.
Fix 4: test for a plugin or theme conflict
If the button broke right after you installed or updated something, a conflict is likely. WooCommerce recommends a two-step test. Do this when your store is quiet, and ideally on a staging copy if you have one.
- Switch to a default theme such as Storefront or one of the Twenty Twenty themes. Test the button. If it works, your theme is the cause, so contact the theme developer or revert your recent theme change.
- If the theme is not the cause, deactivate every plugin except WooCommerce. Test the button again.
- If the button now works, reactivate your plugins one at a time, testing the button after each one, until it breaks again. The last plugin you switched on is the conflict.
This is the process in the official WooCommerce self-service guide. Payment, page-builder, and optimize plugins are frequent culprits. For a page builder that loads but behaves oddly, the same conflict logic in Elementor not loading may help.
Check it worked: once you identify the plugin, look for an update or an alternative, or reach its support. Keep the other plugins live so you do not lose anything else while you wait.
Fix 5: update WooCommerce and read the status report
An outdated WooCommerce, or a mismatch between WooCommerce, your theme, and your plugins, can stop core functions like add to cart. Before updating, take a backup.
- Go to Plugins and update WooCommerce, then your WooCommerce extensions, then your theme, to their latest versions.
- Open WooCommerce, then Status, then System Status. WooCommerce highlights items that need action in red, including outdated templates and low memory. Fix anything flagged red.
- If you see outdated template files listed, your theme may be overriding checkout templates with old copies. Ask your theme developer to update them.
Check it worked: after updating, clear your cache again (Fix 1) and test add to cart in a private window. Re-open the System Status report and confirm the red flags are gone.
If none of this worked
Collect a few details before you ask for help, so you do not get sent round in circles:
- The exact symptom and the product URL where it happens.
- What changed just before it broke (an update, a new plugin, a host migration).
- Your WooCommerce System Status report (WooCommerce, then Status, then System Status, then Get system report).
- Any error shown in your browser console when you click the button.
Then take it to the right place: your host's support for server or cache issues, the developer of a conflicting plugin or theme, or the official WooCommerce support resources. If a payment gateway is involved, your gateway's own support can confirm whether its plugin is current.
Frequently asked questions
Why does my WooCommerce add to cart button do nothing when I click it?
The most common reason is cached or broken JavaScript. Clear your page cache, any CDN cache, and your minify or optimize plugin cache, then test again in a private browser window. If it still fails, test for a plugin or theme conflict.
Why is the add to cart button missing on only some products?
That points to product setup, not a site-wide fault. A simple product needs a price. A variable product needs a price on each variation, and the customer must select every required option before the button becomes active.
Where are the WooCommerce cart and checkout pages set?
Go to WooCommerce, then Settings, then Advanced, and look at Page setup. The Cart, Checkout, and My Account pages must each point to a different, published page. If one is blank or deleted, checkout breaks.
Does clicking add to cart send customers to the wrong page?
Check WooCommerce, Settings, Products for the redirect-to-cart option, and confirm your Cart and Checkout pages are assigned correctly. A too-many-redirects loop usually comes from your CDN or SSL settings rather than WooCommerce.
How do I know if a plugin or theme is causing the problem?
Switch to a default WordPress theme and deactivate every plugin except WooCommerce, then test the button. If it works, reactivate items one at a time, testing after each, until the button breaks again.
When a clean rebuild is the simpler option
Sometimes an install is so tangled with old plugins, template overrides, and cache layers that chasing one more conflict costs more than starting fresh. WebNewBiz runs online stores on WooCommerce, Shopify, or its own engine, with hosting and SSL included, so a clean rebuild of the storefront is one option if yours has become hard to maintain. It will not migrate your existing site file by file: the content and domain move, and the layout is rebuilt, so weigh that before switching. You can see how the store side works on the online store page. You can Create your website for $1: the first month is $1, then the plan's normal price (from $9 a month), cancel any time. Agencies rebuilding client stores can talk to us about white-label.