Skip to main content

Apps in checkout

Merchants use Shopify checkout to accept orders and receive payments wherever they sell online. To augment Shopify checkout with new functionality, build an app with extensions.


After a customer adds products to a cart, they use Shopify checkout to enter their customer, shipping, and payment information before placing the order.

To extend checkout, apps can use extensions. For example, apps can use extensions to offer a customer free shipping or other discounts, depending on the contents of their cart.

To install apps on their store, merchants can use the Shopify admin. There, they can can use the checkout editor to place a block for a checkout UI extension in the checkout experience.

Actions that a developer, customer, and merchant take in connection to Shopify checkout

Anchor to Customization optionsCustomization options

There are various types of Shopify Extensions that you can use to customize checkout:

  • UI extensions
  • Functions
  • Web pixel extensions
  • Payments extensions

All customization options are easy to install and upgrade-safe, enabling merchants to benefit from Shopify releases new products such as Shop Pay, or features such as One-page checkout.

For a detailed breakdown of the technologies that can be used to customize checkout, and the ways that you can extend checkout, refer to the options for customizing Shopify checkout.


To learn how to customize and extend checkout, read the following tutorials.

Anchor to Checkout UI extensions tutorialsCheckout UI extensions tutorials

Anchor to Shopify Functions tutorialsShopify Functions tutorials


Deprecated

checkout.liquid is now unsupported for the Information, Shipping, and Payment checkout steps. checkout.liquid, additional scripts, and script tags are deprecated for the Thank you and Order status pages and will be sunset on August 28, 2025.

Stores that currently use checkout.liquid for the Thank you and Order status pages need to upgrade to Shopify Extensions in Checkout before the deadline.

Shopify Scripts will continue to work alongside Shopify Extensions in checkout until June 30, 2026.

A report identifying your current checkout customizations is available in the Shopify admin. The report provides high-level guidance to map customizations to Shopify Extensions in Checkout. Use this report to simplify your review of your existing customizations and to help you upgrade to Shopify Extensions in Checkout faster. Learn more.

To upgrade a checkout.liquid customization to Shopify Extensions in Checkout, take one or more of the following actions:

  1. Use a public app that's built using extensions.

    We're adding new checkout apps to the Shopify App Store on a regular basis. If there currently isn't a suitable public app for your customization, then consider simplifying your checkout temporarily and adding new apps to your store as they become available.

  2. Build a custom app using extensions, or hire a service partner to build one for you.

In some cases, after you've upgraded you can revert to checkout.liquid until its sunset dates.

If you're upgrading a store to Shopify Extensions in Checkout, we recommend planning your in-checkout, Thank you page, and Order status page upgrades together, when possible, for the following benefits:

  • Avoid maintaining multiple tech stacks, like UI extensions and checkout.liquid.

  • Apply styling once to the entire experience.

  • Manage one sunset date for checkout.liquid rather than one date for pre-purchase pages and another for Thank you and Order status pages.

    If this isn't possible, then we recommend prioritizing the upgrade for in-checkout pages first and upgrading after-purchase pages after that.


To optimize your app development experience, Shopify has established a set of best practices that you can refer to when developing an app that extends checkout.

Tip

We also recommend getting familiar with Polaris accessibility and content guidelines.


Some checkout customization features are in development and will be released later this year. The following are the features on our roadmap and our estimated launch dates:

Note

This roadmap is being shared for informational purposes and is subject to change. Bug fixes and improvements will be added as we hear from the community. Share your feedback or request new features by creating a new issue in the Shopify developer community forum.

Stores that subscribe to the Shopify Plus plan can add UI extensions to their Checkout, Thank you and Order status pages. Stores on Basic, Shopify, and Advanced plans can only add UI extensions to their Thank you and Order status pages. Merchants can install apps from the Shopify App Store or build custom apps that contain UI extensions.

We'll continue adding API capabilities to help you access the right functionality in extensions. We'll also continue adding UI components that offer performant patterns on our design best practices. We release new components and APIs into the unstable API version first, and promote to the next stable release based on Shopify's API version release schedule.

FeatureTarget launch date
Checkout and accounts editor setting to display the discount code field by default on mobile devicesJune 2024 (shipped)
Support for conditional component rendering on mobile checkoutsJune 2024 (shipped)
Support for one-time use addresses in Storefront Cart API and UI Extension APIJuly 2024 (shipped)
Support for UI extensions in draft order invoice checkoutsJuly 2024 (shipped)
Default a buyer to a merchant-provided address, with an option for the buyer to enter new addressAugust 2024 (early access)
Support for conditionally hiding the input field for 1st-party gift cardsNovember 2024 (shipped)
Support for styling order summary line items with the Branding APIDecember 2024 (shipped)
Support for integrating 3rd-party chat applications into checkoutDecember 2024 (shipped)
Support for reading app-owned metafields in checkout UI extensions and Customer Account UI extensionsApril 2025 (shipped)
Input query API for customizing the data available to UI extensionsQ3 2025

We'll continue to add new Shopify Functions APIs to further customize checkout business logic.

MilestoneTarget
Introduced a new Discount API that supports any combination of product, order, and shipping savings from a single function extensionApril 2025 (shipped)
Support for cart metafields on function input queriesJuly 2025
Addition to the Discount API to optionally reject the triggering discount code and return a custom message when no discounts should be appliedQ3 2025
Addition to the Discount API to support complex conditions for BXGY and discount combination logicQ4 2025
Changes to the Discount API to stack multiple discounts on the same product line itemQ1 2026

We'll continue to add new custom pixel and app pixel events and features.

MilestoneTarget
Added new standard events: tracking errors during checkoutOctober 2024 (shipped)
Support for extending data fields on standard eventsQ1 2025

Was this page helpful?