--- title: Technologies for customizing Shopify checkout description: Learn about technologies you can use to customize Shopify checkout. source_url: html: https://shopify.dev/docs/apps/build/checkout/technologies md: https://shopify.dev/docs/apps/build/checkout/technologies.md --- ExpandOn this page * [Technologies](https://shopify.dev/docs/apps/build/checkout/technologies#technologies) * [Use cases](https://shopify.dev/docs/apps/build/checkout/technologies#use-cases) * [Next steps](https://shopify.dev/docs/apps/build/checkout/technologies#next-steps) # Technologies for customizing Shopify checkout This guide describes the various technologies that you can use to customize Shopify checkout, and describes what you can do with them. *** ## Technologies You can customize Shopify checkout using the following technologies: | Technology | Customization type | Availability | | - | - | - | | [Checkout UI extensions](https://shopify.dev/docs/api/checkout-ui-extensions) | Add custom UI or content to the checkout process and **Order status** page | Shopify Plus. Thank you and Order status extensions are available to all plans except Shopify Starter. | | [Checkout UI extensions: post-purchase](https://shopify.dev/docs/apps/build/checkout/product-offers#post-purchase-product-offers) | Add new content to the post-purchase page | All plans except Shopify Starter. Currently in beta. Can be used without restrictions in a [development store](https://shopify.dev/docs/api/development-stores). To use post-purchase extensions on a live store, you need to [request access](https://shopify.dev/docs/apps/build/checkout/product-offers/build-a-post-purchase-offer#step-6-request-access). | | [GraphQL Admin API](https://shopify.dev/docs/api/admin-graphql/unstable/mutations/checkoutBrandingUpsert) | Customize the look and feel of checkout | Shopify Plus | | [Shopify Functions](https://shopify.dev/docs/apps/build/functions) | Extend or replace key parts of Shopify's backend with custom logic | All plans except Shopify Starter. Some Function APIs are only available in [feature preview](https://shopify.dev/docs/api/feature-previews). Merchants that have [checkout.liquid](https://shopify.dev/docs/storefronts/themes/architecture/layouts/checkout-liquid) customizations need to [upgrade to Shopify Extensions in Checkout](https://help.shopify.com/manual/checkout-settings/checkout-extensibility/checkout-upgrade) to use Function APIs. | | [Web pixel extensions](https://shopify.dev/docs/api/pixels) | Track customer behavior | All plans except Shopify Starter. | The following diagram provides a decision tree for choosing a technology: ![A decision diagram for choosing a specific checkout technology](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/checkout/checkout-decision-tree-CBr55-4f.png) *** ## Use cases There are a variety of ways that you can customize Shopify checkout. The following table describes some common use cases that you can build: | Technology | Customization type | Use cases | | - | - | - | | [Checkout UI extensions](https://shopify.dev/docs/api/checkout-ui-extensions) | Add custom UI or content to the checkout process and **Order status** page | * [Show a product offer before](https://shopify.dev/docs/apps/build/checkout/product-offers/build-a-pre-purchase-offer) a customer completes checkout. * [Capture additional input](https://shopify.dev/docs/apps/build/checkout/fields-banners/add-field) from customers. * [Build a custom banner](https://shopify.dev/docs/apps/build/checkout/fields-banners/add-banner) that displays in checkout. * [Capture a survey](https://shopify.dev/docs/apps/build/checkout/thank-you-order-status/add-survey) of the buying experience, or reviews when orders are fulfilled. * Provide a referral code to new customers. * [Add a field validation at checkout](https://shopify.dev/docs/apps/build/checkout/cart-checkout-validation/create-client-side-validation) that blocks customers from progressing in the checkout if they input invalid data. | | [Checkout UI extensions: post-purchase](https://shopify.dev/docs/apps/build/checkout/product-offers#post-purchase-product-offers) | Add new content to the post-purchase page | - [Show a product offer after customers have checked out](https://shopify.dev/docs/apps/build/checkout/product-offers/build-a-post-purchase-offer), but before they arrive at the order confirmation page. - Capture additional information after customers have checked out, but before they arrive at the order confirmation page. | | [GraphQL Admin API](https://shopify.dev/docs/api/admin-graphql/unstable/mutations/checkoutBrandingUpsert) | Customize the look and feel of checkout | * [Apply branding changes](https://shopify.dev/docs/apps/build/checkout/styling) such as changing the colors and corner radius settings on checkout form fields. | | [Shopify Functions](https://shopify.dev/docs/apps/build/functions) | Extend or replace key parts of Shopify's backend with custom logic | - [Create a new type of discount](https://shopify.dev/docs/apps/build/discounts/build-discount-function) that's offered in the cart and at checkout. - Rename, reorder, and sort the [payment options](https://shopify.dev/docs/apps/build/checkout/payments) available to customers during checkout. - Rename, reorder, and sort the [delivery options](https://shopify.dev/docs/apps/build/checkout/delivery-shipping#delivery-options) available to customers during checkout. - Enforce an order maximum for customers with insufficient order history and [prevent them from proceeding through checkout](https://shopify.dev/docs/apps/build/checkout/cart-checkout-validation/create-server-side-validation-function). - [Use location rules](https://shopify.dev/docs/apps/build/orders-fulfillment/order-routing-apps/location-rules) to rank the possible locations for a line item during checkout. - [Use fulfillment constraints](https://shopify.dev/docs/apps/build/orders-fulfillment/order-routing-apps/build-fulfillment-constraints-function) to customize fulfillment and delivery strategies during the checkout and fulfillment process. - Generate options for the [pickup points](https://shopify.dev/docs/apps/build/checkout/delivery-shipping/delivery-methods/generate-pickup-points) that are available to customers. | | [Web pixel extensions](https://shopify.dev/docs/api/pixels) | Track customer behavior | * [Collect customer behavioral data](https://shopify.dev/docs/apps/build/marketing-analytics/build-web-pixels) to measure and optimize marketing campaign performance as well as your online store's conversion funnel. | *** ## Next steps * Learn how to [get started](https://shopify.dev/docs/apps/build/checkout/start-building) building for checkout. * Learn how to use UI extensions in checkout or post-purchase by following [one of our use case tutorials](https://shopify.dev/docs/api/checkout-extensions#getting-started). * Learn how to use Shopify Functions by following [one of our use case tutorials](https://shopify.dev/docs/apps/build/functions#getting-started). * [Create a web pixel extension](https://shopify.dev/docs/apps/build/marketing-analytics/build-web-pixels) to track customer behavior and subscribe to all events emitted by Shopify. * Use the GraphQL Admin API to [apply branding changes](https://shopify.dev/docs/apps/build/checkout/styling) to checkout. *** * [Technologies](https://shopify.dev/docs/apps/build/checkout/technologies#technologies) * [Use cases](https://shopify.dev/docs/apps/build/checkout/technologies#use-cases) * [Next steps](https://shopify.dev/docs/apps/build/checkout/technologies#next-steps)