Customizing Shopify checkout
Merchants use Shopify checkout to accept orders and receive payments wherever they sell online. You can augment Shopify checkout with new functionality by building an app.
How it worksAnchor link to section titled "How it works"
After a customer adds products to a cart, they use Shopify checkout to enter their customer, shipping, and payment information before placing the order.
Developers can create apps that extend Shopify checkout to include functionality that isn't provided natively. For example, you can create an app that offers a customer free shipping or other discounts depending on what's in their cart.
Merchants install these apps on their store in the Shopify admin. In the Shopify admin, merchants can use the checkout editor to place a checkout UI extension in the checkout experience.
Customization optionsAnchor link to section titled "Customization options"
You can customize Shopify checkout using multiple technologies. All customization options are easy to install and upgrade-safe, which enables merchants to continue getting platform benefits when Shopify releases new features.
For a detailed breakdown of the available technologies for customizing checkout, and ways that you can extend checkout, refer to Options for customizing Shopify checkout.
Getting startedAnchor link to section titled "Getting started"
Learn how to customize and extend checkout by following one of our use case tutorials:
Pre-purchase product offers
Build a pre-purchase upsell offer that prompts the customer to add a product to their order.
Order status page extensions
Build a post-checkout survey that asks the customer how they heard about the store.
Learn how to add custom fields to checkout that customers can use to add delivery instructions to their order.
Use Shopify Functions to hide a payment option offered to customers at checkout.
Use Shopify Functions to rename a delivery option offered to customers at checkout.
Cart and checkout validations
Use Shopify Functions to block progress on a checkout when the cart line quantities exceed a limit.
Order routing location rules
Use Shopify Functions to choose a different order location during checkout.
Product roadmapAnchor link to section titled "Product roadmap"
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:
Checkout UI extensionsAnchor link to section titled "Checkout UI extensions"
Checkout UI extensions are available to all Shopify Plus merchants. Some individual stores might not yet have access if they rely on features that are incompatible with Checkout Extensibility.
|Checkout UI extensions available on all eligible Plus stores||January 2023|
|Developer preview of extensions on the order status page||February 2023|
|General availability of extensions on the order status page||June 2023|
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.
|Feature||Target launch date|
|Support for reading and writing discount codes||January 2023 (shipped)|
|New UI components:
||January 2023 (shipped)|
|Support for reading and writing gift cards||February 2023 (shipped)|
|Preview accelerated checkouts in the checkout editor||February 2023 (shipped)|
|New UI components:
||February 2023 (shipped)|
|Heading styles, button styles and corner radius controls through the Branding API||February 2023 (shipped)|
|Session token API to enable authenticated network calls||February 2023 (shipped)|
|New API that allows checkout UI extensions to directly query the Storefront API||February 2023 (shipped)|
|New UI components:
||April 2023 (shipped)|
|Merchant-uploaded custom fonts through the Branding API||April 2023 (shipped)|
|Support for inline checkout field errors from UI extensions||April 2023 (shipped)|
|New API for
||May 2023 (shipped)|
|New API for payment options (read presented/selected)||May 2023 (shipped)|
|New UI components:
|Developer preview of the order status page in the checkout editor||May 2023|
|API improvement for
|API improvement for additional details on checkout total||June 2023|
|New component for SMS consent capture||June 2023|
|Advanced colors through the Branding API||July 2023|
|New API for delivery options (read presented/selected)||July 2023|
|New extension points for extending delivery options||July 2023|
|New extension points for header and footer customization||July 2023|
|New API for cart metafields (read/write)||July 2023|
|New API for app-reserved namespace metafields (read/write)||August 2023|
Shopify FunctionsAnchor link to section titled "Shopify Functions"
We'll continue to add new Shopify Function APIs to further customize checkout business logic.
|Developer preview of Product Discount API, Order Discount API, and Shipping Discount API||June 2022 (shipped)|
|General availability of Product Discount API and Order Discount API||December 2022 (shipped)|
|Developer preview of Payment Customization API and Delivery Customization API||January 2023 (shipped)|
|Developer preview of Order Routing Location Rule API||February 2023 (shipped)|
|Developer preview of Cart and Checkout Validation API||February 2023 (shipped)|
|Developer preview of Cart Transform API||February 2023 (shipped)|
|General availability of Payment Customization API and Delivery Customization API||February 2023 (shipped)|
|Developer preview of Fulfillment Constraints API||March 2023 (shipped)|
|General availability of Cart Transform API||July 2023|
|General availability of Order Routing Location Rule API||July 2023|
|General availability of Fulfillment Constraints API||July 2023|
|General availability of Cart and Checkout Validation API||July 2023|
|General availability of Shipping Discount API||H2 2023|