User to Cart

Shopify checkout development: extensions, Functions and post-purchase pages

Shopify checkout is customized with four tools: Checkout UI extensions for interface, Shopify Functions for logic, branding settings for look and feel, and apps that package these for you. The old approach, editing checkout.liquid and injecting scripts, is gone. These guides cover each tool, what needs Shopify Plus, and when a no-code app is enough instead of custom development.

The four tools

ToolWhat it changesRunsPlan notes
Checkout UI extensionsUI: fields, banners, upsells, contentBuyer's browser, sandboxedInfo/shipping/payment steps: Plus only; Thank you & Order status: all plans
Shopify FunctionsLogic: discounts, delivery, payment, validation, cart transformShopify's backendPublic apps: all plans; custom apps: Plus only
BrandingColours, fonts, layout, corner radius, etc.Checkout editor / APICheckout editor on all plans
Apps (public)Packaged extensions and FunctionsVariesDepends on the app and what it uses

What changed, and when

These are the dates, from Shopify's own documentation, behind the migrations many stores still have left:

  • checkout.liquid is no longer supported for the information, shipping and payment steps.
  • checkout.liquid and additional scripts were sunset on the Thank you and Order status pages on August 28, 2025.
  • Script tags stopped running on the Order status page for Plus stores on August 28, 2025, and for all other stores on August 26, 2026.
  • Shopify Scripts (Script Editor) could no longer be edited or published after April 15, 2026 and stopped executing on June 30, 2026. Their logic has to move to Shopify Functions.
  • On storefronts (not checkout), apps can't create or update script tags from October 1, 2026, and Shopify stops injecting them on March 1, 2027.

If anything in your store still depends on one of these, it has either already stopped working or will soon.

Which guide do you need?

Common checkout projects

  • Replacing Scripts with Functions: tiered discounts, shipping rules, payment rules.
  • Custom fields that reach the order and an integration: delivery dates, PO rules, tax IDs.
  • B2B checkout: payment terms, PO validation, credit limits.
  • Moving tracking to web pixels and rebuilding Thank you and Order status content as extensions.
  • Validation that stops bad orders: restricted items, address rules, quantity limits.

What a checkout project looks like

  1. Requirements: what should the buyer see, and what should the order contain? Which markets, customer types and devices?
  2. Plan check: which pieces need Plus, and can a public app cover them instead?
  3. Build extensions and Functions in one app with Shopify CLI, with merchant-editable settings where it helps.
  4. Test in a development store, then in the checkout editor preview on the live store, then roll out. Extensions are placed and removed in the checkout editor, so rollback is quick.
  5. Monitor: Functions and extensions have logs in the Dev Dashboard. Watch checkout conversion before and after.

Checkout is where a mistake costs sales, so every change should be small, tested and easy to reverse.

Decision checklist

  • Which checkout steps does the change affect? Information, shipping and payment need Plus.
  • Is it UI (an extension), logic (a Function) or both?
  • Does an existing app already do it well enough?
  • Where does the data go: an order metafield, an attribute or an integration?
  • How will you know it works: test cases, conversion and support tickets?

Frequently asked questions

Can I still edit checkout.liquid?

No. checkout.liquid is no longer supported for the information, shipping and payment steps, and it was sunset on the Thank you and Order status pages on August 28, 2025. Checkout is now customized with Checkout UI extensions, Shopify Functions, branding settings and apps.

Can I customize checkout without Shopify Plus?

Partly. On every plan you can use checkout branding settings in the editor, extensions on the Thank you and Order status pages, and public apps that contain Functions for discounts, delivery and payment rules. Checkout UI extensions on the information, shipping and payment steps, and custom apps with Functions, need Shopify Plus.

What's the difference between a Checkout UI extension and a Shopify Function?

A Checkout UI extension adds interface to checkout, such as fields, banners and upsells, and runs in the buyer's browser in a sandbox. A Shopify Function changes backend logic, such as discounts, delivery options, payment methods, validation and cart lines, and runs on Shopify's servers. Many checkout projects use both.

  • Shopify Functions

    What Shopify Functions are and what they can do: discount functions, cart transform, delivery and payment customization, cart and checkout validation. How they're built, plan requirements, limits, and example code.

  • Scripts to Functions migration

    Shopify Scripts stopped running on June 30, 2026. How to migrate line item, shipping and payment scripts from Script Editor to Shopify Functions, with a pattern-by-pattern mapping, example code and a migration plan.

  • Shopify Plus development

    What Shopify Plus merchants actually need developers for (checkout extensibility, Functions, B2B, Launchpad and Flow automations, expansion stores, ERP integration) and how to choose between an agency and a specialist developer.

  • Hire a Shopify app developer

    Freelance Shopify app developer for custom app development, ERP and accounting integrations, Checkout UI extensions and Shopify Functions. How an engagement works and what to prepare.