Customizing Shopify checkout

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.

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.

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.

Post-purchase checkout extensions

Create a basic example of a post-purchase checkout extension.

Order status page extensions

Build a post-checkout survey that asks the customer how they heard about the store.

Custom banners

Learn how to add a custom banner to checkout.

Custom fields

Learn how to add custom fields to checkout that customers can use to add delivery instructions to their order.

Client-side validation

Use a checkout UI extension to validate fields at checkout and block customer progress.

Discounts

Use Shopify Functions to create a new discount type for users.

Payment customizations

Use Shopify Functions to hide a payment option offered to customers at checkout.

Delivery customizations

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.

Customized bundles

Use Shopify Functions to group products together and sell them as a single unit.

Fulfillment constraints

Use Shopify Functions to customize fulfillment and delivery strategies.

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 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.

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'll continue to add new Shopify Function APIs to further customize checkout business logic.