Noibu blog

Why Is My Shopify Checkout Button Not Working?

Why is my Shopify checkout button not working?

A Shopify checkout button usually stops working because a JavaScript error from the theme or an app blocks the click, an app or script intercepts the cart, a variant or inventory rule disables the button, or the problem only affects certain browsers or devices. Reproduce it on the affected device, read the console, then test with apps off.

A checkout button that does nothing is one of the most expensive small bugs a store can have, because every shopper who reaches it has already decided to buy. It is also easy to miss: it often works on the device the owner tests with and fails on another. This guide walks through the common causes and a short order of checks to find yours.

TL;DR
  • Confirm the failure on the exact device, browser and cart state where it happens.
  • Open the browser console: a script error on click is the most common cause.
  • Duplicate the theme and switch apps off one at a time to separate theme from app.
  • Measure how many sessions hit it, since most shoppers never report a broken button.

How do you confirm the checkout button is really broken?

Confirm it by reproducing the failure in the same conditions a shopper would meet. Test on a phone and a desktop, in at least two browsers including Safari, with a fresh cart and with a cart that already holds a discount code or several variants. Note what happens on click: nothing at all, a spinner that never ends, an error message, or a redirect to the wrong page. Each result points to a different cause.

A five-step diagnosis
1
Reproduce
Match the shopper's device, browser, cart contents and discount.
→
2
Read the console
Open developer tools and watch for a red error when you click.
→
3
Isolate
Preview a duplicate theme and switch apps off one at a time.
→
4
Check rules
Review inventory, variant, shipping and checkout settings.
→
5
Size the impact
Count how many sessions hit the failure and what they were worth.

What are the most common reasons a Shopify checkout button fails?

Symptoms, likely causes and a quick test
Symptom
Likely cause
Quick test
Click does nothing
A JavaScript error from the theme or an app stops the click handler from running.
Open the console, click the button and read the first red error.
Button works on a product page but not in the cart drawer
A cart drawer or upsell app intercepts the checkout click.
Turn off cart apps in a duplicate theme and retest.
Button looks disabled or never appears
A variant is unselected or out of stock, or a rule blocks the cart.
Check inventory, variant selection and any order limit rules.
Works on desktop, fails on one phone or browser
A script or style that one browser does not handle.
Retest in the failing browser with a clean session.
Spinner never ends or the page errors
A shipping, discount or payment setting, or a slow script, breaks the step.
Place a test order with and without the discount code.

How do you tell whether the theme or an app is the cause?

Duplicate the live theme in the Shopify admin, preview the copy, and reproduce the failure there so shoppers are never affected. Then switch apps off one at a time, starting with the ones that touch the cart or checkout: upsells, discount tools, shipping bars and review widgets. When the button works again, the last app you switched off is the suspect. If the button still fails with every app off, the cause is in the theme code, and the console error will usually name the file. Our guide to finding the third-party scripts slowing your store uses the same isolation method.

Why can't you reproduce the problem your customers hit?

Failures are often specific to a browser, a device, a market or a cart state, and shoppers rarely say anything. Over 90% of website errors are never reported, according to Noibu platform data, so a broken button can cost orders for days before anyone writes in. Reading the guide on why customers cannot proceed to checkout helps rule out nine causes that are not script errors.

How can Noibu help find and size a checkout button failure?

Noibu records the errors shoppers actually hit and links each one to the sessions, devices and revenue it affected, with session replay so you can watch the click that failed. That turns the guess about which device to test into a ranked list. The Bug Resolution Agent identifies the top issues, traces the root cause to your codebase and creates a pull request for your team to review, so nothing changes until a person approves it. It works in the Noibu console and in AI tools like Claude. For a walkthrough aimed at stores without a developer on call, see how to find the bugs costing your Shopify store sales.

To see what is happening on your own store, start with Noibu's free website audit.

The short version

A dead checkout button is usually a script error, an app conflict, a variant rule, or a browser-specific bug. Reproduce it on the affected device, read the console, isolate apps in a duplicate theme, and measure how many sessions hit it before you decide how urgent it is.

Frequently asked questions

Why does my Shopify checkout button work for me but not for customers?
The failure is probably specific to a device, browser, market or cart state that you did not test. Reproduce it with the same browser, device and cart contents, and check the console for a script error.
Can a Shopify app break the checkout button?
Yes. Cart drawer, upsell, discount and shipping apps can add scripts that intercept or break the click. Preview a duplicate theme and switch apps off one at a time to find the one responsible.
Why is my Shopify checkout button greyed out?
A button can be disabled when no variant is selected, an item is out of stock, or a rule such as an order limit blocks the cart. Check inventory, variant selection and any cart rules first.
How do I find a checkout error that customers never report?
Use a tool that records the errors shoppers actually hit and ties them to sessions and revenue. Noibu does this, with session replay to show the failing click.
Can an AI agent help with a checkout button bug?
Noibu's Bug Resolution Agent identifies the top issues, traces the root cause to your codebase, and creates a pull request for review. A person approves any change before it ships.

Keep going

Read why customers cannot proceed to checkout, how to find Shopify bugs without a developer and Noibu's Bug Resolution Agent, or browse the Noibu blog.

Noibu is AI for ecommerce operations, the always-on optimization system that keeps online stores running at their best. A team of supervised AI agents finds what's broken, slow, or leaking revenue, does the work, and hands results back for human approval. Trusted by retailers like Free People, Guess, Liquid I.V., and Ariat.

Back to all blogs
‍
‍
Identify the top errors, slowdowns, and friction points impacting conversion and revenue
Free website audit
Share

Don’t lose customers to site errors—protect your revenue with Noibu