1. Home
  2. Web
  3. Shopify
  4. Checkout Customization
Web · Shopify

Shopify Checkout Customization

Shopify checkout customization on Plus now splits into two distinct layers: Checkout Components for the UI, which is the composable surface that replaced checkout.liquid and reached general availability in Summer '26, and Shopify Functions for the logic, covering discounts, shipping rules, and payment method visibility. If your store was running Shopify Scripts, they stopped executing on June 30, 2026. The migration path is Shopify Functions, and it is not optional.

Built withCheckout ComponentsCheckout UI ExtensionsShopify FunctionsApp BridgePolarisShopify CLIRemix

TRUSTED BY TEAMS THAT SHIP

Click any platform to read verified customer reviews.
What it is

How Shopify checkout customization works in 2026

Shopify Plus checkout customization is now split across two technologies with distinct roles. Checkout Components, generally available as of Summer '26, are composable building blocks that define the checkout's UI structure. They replace checkout.liquid as the supported customization path on Plus. Checkout UI Extensions are the mechanism for embedding custom fields, banners, validation messages, and content within those components. Together they handle everything visible in the checkout: layout, branding, custom fields, upsells, and content blocks. Shopify Functions handle everything that is logic: custom discount rules, shipping rate calculations, payment method filtering, and order routing. Functions run server-side, compiled to WebAssembly, and do not affect storefront performance.

The Scripts situation is resolved, not upcoming. As of April 15, 2026, editing or publishing new Shopify Scripts became impossible. On June 30, 2026, all Scripts stopped executing permanently. Any Plus store that was running checkout, shipping, or payment logic through Scripts now has that logic inactive. The only path forward is Shopify Functions. If your Scripts have not been migrated, the work is urgent. If you are building checkout customization from scratch, Checkout Components and Functions are the correct starting point, and checkout.liquid is not a supported path for new development.

What's included

What checkout customization work includes

Checkout Components buildComposable checkout UI customization using Checkout Components, branded to your store and structured around your conversion goals.
Checkout UI ExtensionsCustom fields, banners, upsell blocks, and validation messages embedded within the checkout using UI Extensions.
Shopify Functions buildCustom discount, shipping, and payment logic built with Shopify Functions to replace Scripts or deliver new checkout behaviour.
Scripts migrationAudit of existing Scripts, mapping of each Script's logic to its Functions equivalent, and full replacement with tested Function code.
Checkout complianceVerification that all customizations meet current Shopify Plus requirements and the Polaris web-components migration timeline.
Conversion reviewReview of checkout flow, field placement, and trust signals with recommendations grounded in the changes being made.
End-to-end testingFull testing of every checkout path including discount codes, shipping scenarios, payment methods, and edge cases before go-live.
How we work

How we build and migrate Shopify checkout customizations

1Scripts and customization audit

We document every active Script, checkout.liquid customization, and checkout Extension to understand the full scope of the migration or build.

2Functions and Components mapping

We map each existing Script to its Shopify Functions equivalent and each UI customization to the correct Checkout Components and Extension approach.

3Functions build

We write and test each Shopify Function against a development store, covering all discount, shipping, and payment logic scenarios.

4Checkout Components and Extensions build

We build the Checkout Components UI and any Extensions, applying your branding, custom fields, and content requirements.

5End-to-end QA

We test every checkout path: discount codes, free shipping thresholds, payment method visibility, custom fields, and order confirmation.

6Go-live and monitor

We deploy to production, confirm all Functions are active, and monitor checkout conversion and error rates for the first week post-launch.

Why it matters

What well-built checkout customization delivers

Checkout customization on the current Plus stack gives you logic and UI control that was not possible before, built on a supported foundation.

Logic that actually runs

Shopify Functions replace Scripts with server-side logic that executes reliably inside Shopify's infrastructure, with no execution deadline risk.

Checkout UI you control

Checkout Components give Plus merchants composable control over the checkout's layout, branding, and content without modifying checkout.liquid.

Conversion improvements you can test

A correctly built checkout is the prerequisite for meaningful A/B testing: custom fields, upsells, and trust signals placed where they affect decisions.

Who this is best for

The right fit

Best for Plus merchants with checkout logic or UI requirements

Any Shopify Plus store that needs custom discount logic, shipping rule customization, payment method filtering, or branded checkout UI elements. Also essential for any Plus store still running Scripts that stopped executing on June 30, 2026.

Checkout customization requires Shopify Plus

Checkout Components and Shopify Functions for checkout are Plus-only features. If you are on a standard Shopify plan and your goal is improving checkout conversion through testing and UX changes rather than custom logic, Shopify CRO covers what is available on your plan.

FAQs

Common questions about Shopify checkout customization

Shopify Scripts stopped working on June 30, 2026. What do we do?

Any logic your store was running through Scripts for discounts, shipping, or payment methods is now inactive. The migration path is Shopify Functions, which handles the same logic types server-side using WebAssembly. We can audit your Scripts, map each one to its Functions equivalent, and build and test the replacements. If you are not sure what Scripts you had running, we can start with an audit of your checkout behaviour to identify what is now missing.

What is the difference between Checkout Components and Checkout UI Extensions?

Checkout Components are the composable building blocks that define the checkout's structure and layout, replacing checkout.liquid as the supported UI customization path on Plus. Checkout UI Extensions are the mechanism for adding custom content, fields, banners, and blocks within those components. In practice: Components define what the checkout looks like at a structural level; Extensions add your specific customizations within that structure. Both require Shopify Plus.

Can Shopify Functions do everything Shopify Scripts could do?

Shopify Functions cover all the major Scripts use cases: custom discount logic, shipping rate calculation, payment method filtering, and order routing. Functions run server-side compiled to WebAssembly, which is more reliable and performant than Scripts were. Some very bespoke Scripts logic may require rethinking the approach when mapping to Functions, which is why we start with a thorough audit before writing any replacement code.

What is the Polaris web-components migration deadline and does it affect us?

Shopify has set an October 1, 2026 deadline [verify] for migrating checkout and customer-account extensions to use Polaris web components. If you have existing Checkout UI Extensions built before this requirement, they will need to be updated. We track this as part of any checkout engagement and flag it explicitly if your extensions are affected.

Does checkout customization affect checkout conversion rate?

It can in both directions. Well-placed custom fields, trust signals, and upsell blocks built through Checkout Components and Extensions can improve conversion. Poorly implemented customizations that slow the checkout, add friction, or confuse buyers reduce it. We pair checkout builds with a conversion review so every element added has a clear rationale.

Can we A/B test our Shopify checkout?

Checkout-specific A/B testing is not covered by Shopify's native Rollouts feature, which handles theme and customer-account tests. For checkout experiments, dedicated tools like Shoplift or Convert are required. We note this distinction because it affects how you plan: build the checkout correctly first, then layer testing on top with a specialist tool.

Selected work

Shopify projects, by the problem they solved

Filter by what you are facing. These are representative project types; real case studies and figures are shared on request.

Voices

What merchants say

Need to migrate Scripts or build on Checkout Components?

Get a free build audit. We will assess your current checkout customizations, map the migration or build path, and scope the work so you know exactly what is involved before you start.

Get your free build audit