Shopify checkout, explained
How Shopify's checkout actually works in 2026, including Checkout Extensibility, Shop Pay, what you can customize without Plus, and what to do when it breaks. The practical guide for ecommerce operators, not Shopify's marketing.
What is Shopify checkout?
Shopify checkout is the final flow a customer goes through to complete a purchase on a Shopify store: contact information → shipping → payment → confirmation. It's served from checkout.shopify.com, not your storefront domain, which is why you can't fully control it the way you control product or collection pages.
In 2026, Shopify is in the middle of a multi-year transition from the old checkout.liquid template (Shopify Plus only) to Checkout Extensibility, a modular system based on Checkout UI Extensions, Functions, and Web Pixel Extensions. The old checkout.liquid is being deprecated for all stores by August 2026.
This matters because the new system is more powerful but also more brittle: every extension is a new failure mode that can silently break checkout for some segment of your traffic.
How Shopify checkout works, step-by-step
The customer-facing flow is 3-4 steps depending on store configuration. Each step has its own failure modes that don't show up in your Shopify Analytics dashboard.
Contact information
Customer enters email + optional phone. This is also where Shop Pay logged-in customers get auto-recognized and offered one-click checkout. Failure mode: Shop Pay JavaScript fails to load → Shop Pay button doesn't appear → customer fills the long form instead → higher abandonment.
Shipping
Customer enters address, sees shipping rates. Rates come from your shipping zones config + any third-party rate calculators (Easyship, Shippo, real-time carrier APIs). Failure mode: rate calculator times out or returns error for specific zones → customer sees 'no shipping methods available' → leaves.
Payment
Stripe.js (or Shopify Payments, Stripe under the hood) loads the payment form. Apple Pay / Google Pay / Shop Pay buttons may appear here. Failure mode: payment form fails to load on mobile Safari → customer sees blank section → leaves. This is the most common silent checkout bug.
Order review + place order
Customer reviews cart, sees total with shipping + tax, applies promo code if not already, clicks Place Order. If 3D Secure (SCA) is required, redirects to issuing bank, then back. Failure mode: promo code logic broken → wrong total → customer confused, leaves. Or 3D Secure callback fails → order doesn't get recorded but customer thinks it did.
What you can (and can't) customize
Customization options depend on whether you're on regular Shopify or Shopify Plus:
- Branding (logo, colors, typography)
- Form field labels via theme settings
- Checkout UI Extensions (limited)
- ✕Custom HTML/Liquid templates
- ✕Custom shipping/payment logic
- Everything in regular Shopify
- Shopify Functions (discounts, payments, shipping)
- Custom checkout extensions (full extensibility)
- Headless / hydrogen integrations
- B2B checkout flows
Shopify Checkout Extensibility, in 90 seconds
Checkout Extensibility is Shopify's replacement for checkout.liquid. It splits checkout customization into three building blocks:
- Checkout UI Extensions: React-based components that render in pre-defined extension points (above payment, below shipping, etc.).
- Shopify Functions: Server-side logic for discounts, shipping rates, payment methods, and delivery customizations.
- Web Pixel Extensions: Sandboxed analytics + marketing pixel runtime (replaces the wild-west of script injection).
The upside: more powerful, more secure, more upgrade-safe than checkout.liquid was. The downside: every extension is a new failure surface. When a Function deploy fails or a UI Extension throws, checkout breaks silently.
Read the full Checkout Extensibility guideHow to test your Shopify checkout
There are three levels of Shopify checkout testing, most stores only do the first one:
- Level 1
Manual smoke test
You manually click through checkout in Chrome after every deploy. Quick (~5 min), but misses anything that breaks on iOS Safari, mobile Chrome, specific shipping zones, or specific discount combinations. Most stores stop here.
- Level 2
Pre-deploy automated test
A CI pipeline runs Playwright or Cypress tests against checkout before each deploy. Catches regressions before they ship, but requires a developer to maintain the test code. Most stores don't have this.
- Level 3
Scheduled production checkout testing
A synthetic monitoring service replays checkout against your live store on a schedule (hourly or daily). Catches regressions caused by anything, theme updates, app updates, Shopify-side changes, third-party API outages, not just your own deploys. This is what Tracefox does.
Why level 3 matters more for Shopify
Shopify stores have ~80% of their failure modes come from outside the store owner's control: a Shopify app auto-updates, the theme developer pushes a fix, a third-party shipping API rate-limits. Pre-deploy testing only catches problems YOU introduce. Scheduled production testing catches everything.
See Tracefox for Shopify checkout testingWhat to do when Shopify checkout breaks
Quick diagnostic order, most checkout breakages fall into these buckets in this rough probability order:
- 1
Test on iOS Safari first
40-60% of Shopify mobile orders. Where the most silent bugs hide. Real iPhone, not Chrome dev tools.
- 2
Check your active app updates
Look at the Shopify admin → Apps → updates installed in the last 7 days. Disable the most recent one and retest.
- 3
Try a known-good test coupon
Apply a 100%-off test coupon at checkout. If it doesn't apply correctly, your discount logic broke (Functions, app, or rule).
- 4
Test from a different shipping zone
Add an address from a region you don't ship to often. If rates don't load, your shipping calculator has a regional bug.
- 5
Check Shopify status
status.shopify.com, sometimes the issue is on their side. Rare but worth a 10-second check.
Make sure Shopify checkout works,
before customers find out it doesn't.
Tracefox tests your Shopify checkout on a schedule, across desktop, mobile, and iOS Safari, and alerts the moment a step breaks.
Test your Shopify checkout free7-day free trial · No credit card required