Shopify Checkout Customization: What Your Theme Can Do

Here’s the thing most guides won’t tell you upfront: your Shopify theme does not control your checkout. The checkout is a separate, Shopify-hosted surface that sits outside your theme entirely. Your theme controls the cart and cart drawer; once a shopper clicks “Checkout,” they leave theme territory and enter Shopify’s locked-down checkout. Understanding that line is the key to knowing what you can and can’t change.

This guide covers what you can actually customize in Shopify checkout as of 2026, split by what’s available on the Standard plan versus Shopify Plus. It also covers what changed when Shopify retired the old checkout.liquid system, what broke, and which checkout tweaks are worth your time versus which to skip entirely.

Why Doesn’t My Theme Control the Checkout?

Shopify hosts checkout centrally for security, PCI compliance, and conversion consistency. The same checkout that handles your store handles millions of others, which is why Shopify keeps tight control over it. Your theme’s job ends at the cart. When a shopper proceeds to checkout, Shopify takes over rendering, and no theme code touches that flow.

This is why you can switch themes without breaking checkout, and why a theme can’t promise “custom checkout” as a feature. It also means the place to invest your design effort is the cart and cart drawer (theme-controlled) plus the checkout branding settings (Shopify-controlled but configurable). Both matter for conversion, and both are within reach.

What Can You Customize on the Standard Plan?

On the Standard, Basic, Grow, or Advanced plans, checkout customization is limited to branding and basic configuration through the checkout editor (Settings > Checkout > Customize):

• Logo - upload your store logo and set its position and size
• Colors - set accent, button, and background colors to match your brand
• Typography - choose fonts for headings and body text from Shopify’s font library
• Layout - pick between one-column and two-column checkout layouts
• Form fields - toggle optional fields (company name, address line 2, phone) on or off and set whether they’re required
• Tipping, marketing consent, and basic toggles - enable or disable from checkout settings

That’s the full extent on Standard plans. You cannot add custom content blocks, upsells, custom fields beyond Shopify’s defaults, or conditional logic. If a guide tells you to “edit your checkout.liquid” on a Standard plan, it’s outdated - that file no longer exists.

What Can You Customize on Shopify Plus?

Shopify Plus unlocks the full Checkout Extensibility toolkit. Three pillars:

• Checkout UI Extensions - app-based content blocks that render in specific checkout slots: custom fields, banners, trust badges, upsells, gift options, delivery instructions. Built by apps or developers, placed via the checkout editor.
• Shopify Functions - backend logic that customizes checkout behavior: custom discount rules, hiding or reordering payment methods, modifying shipping options, validating cart contents (e.g., minimum order rules).
• Checkout Branding API - deep design control beyond the checkout editor: granular color, corner radius, typography, and layout settings applied programmatically.

Plus also gets the checkout editor’s full block library and the ability to customize the Thank You and Order Status pages with the same UI extensions. For most brands, the UI extensions (added through apps) deliver 90% of the value without writing code.

What Happened to checkout.liquid?

Shopify retired checkout.liquid completely in 2026. Information, shipping, and payment pages stopped rendering checkout.liquid customizations in early 2026, with Thank You and Order Status pages following. If your store still relied on checkout.liquid, three things broke:

1. Custom checkout code - any Liquid, CSS, or HTML you added to checkout.liquid stopped applying. It needs rebuilding as a Checkout UI Extension (Plus only).
2. Additional Scripts tracking - the “Additional Scripts” box that held Meta Pixel, GA4, TikTok Pixel, and similar was removed. Those need migrating to Web Pixels (see below).
3. Checkout background images - as of 2026 you can no longer add or change checkout background images. Existing ones can stay or be removed, not edited.

If you’re not sure whether your store was affected, check Settings > Checkout for any migration warnings. Most stores were auto-migrated by Shopify, but custom code and scripts were not carried over automatically.

How to Migrate Checkout Tracking to Web Pixels

The tracking scripts that used to live in checkout’s Additional Scripts now belong in Web Pixels. Web Pixels run in an isolated sandbox, access a standardized set of customer events (page views, cart actions, checkout steps, purchases), and stay PCI compliant. Two ways to set them up:

• Connected apps - most major platforms (Meta, Google, TikTok) have official Shopify apps that install their pixel as a Web Pixel automatically. This is the recommended path.
• Custom Web Pixel - for custom or less common tracking, add a custom pixel under Settings > Customer events > Add custom pixel, and subscribe to the events you need.

If conversion tracking broke after the checkout migration, this is almost always the cause - the pixel is still in the old Additional Scripts location, which no longer fires.

What Your Theme Actually Controls: The Cart

Since checkout is off-limits, the cart and cart drawer are where theme-level design effort pays off. These are fully theme-controlled and most OS 2.0 themes give you real flexibility:

• Cart type - drawer (slide-out), page, or popup. Drawer carts keep shoppers on the product page and usually convert better.
• Free shipping progress bar - “You’re $12 away from free shipping” in the cart drawer lifts average order value. Native in some themes, a small code add in others.
• Cart upsells and cross-sells - recommended products in the cart drawer. Theme blocks or apps.
• Trust signals and notes - delivery estimates, return policy reminders, gift note fields - all theme-controlled in the cart.

Optimizing the cart is usually a better use of time than chasing checkout edits, especially on Standard plans. For the full set of design changes that move conversion, see our guide to Shopify CRO design changes.

Do You Actually Need Checkout Customization?

For most Standard-plan stores, the honest answer is no. The branding settings (logo, colors, fonts) are enough to make checkout feel on-brand, and that’s all the platform allows anyway. Spending hours trying to customize checkout further on a Standard plan is effort better spent on the product page and cart, where you have real control.

Checkout customization becomes worth it when you’re on Plus and have a specific conversion problem: you need a custom field (delivery date, gift message), an upsell at checkout, or logic like hiding express shipping for certain products. If you have that problem and you’re on Plus, the UI extensions are worth installing. If you don’t, skip it.

Common Mistakes

Three patterns to avoid:

1. Following outdated checkout.liquid tutorials. Any guide published before 2025 that tells you to edit checkout.liquid is obsolete. The file is gone. Check the publish date before following checkout tutorials.
2. Installing checkout apps you don’t need. Checkout UI extension apps add value only on Plus and only when you have a specific need. On Standard plans they often do nothing because the slots aren’t available.
3. Forgetting to migrate tracking. If you switched to checkout extensibility and your Meta or Google conversions dropped to zero, your pixel is still in the dead Additional Scripts box. Move it to Web Pixels.

Where to Focus Instead

Checkout is the one part of your store you have the least control over, by design. That’s fine - Shopify’s checkout is already one of the highest-converting checkouts on the web. Your design energy is better spent on the surfaces you do control: the product page and the cart. Our guide to Shopify product page design covers the 12 product-page tweaks that move conversion, and the broader Shopify store design best practices pillar ties the full design system together.