Customizing Shopify checkout
You can extend your app code into Shopify checkout, and customize many aspects of the checkout experience. This guide describes the different ways that you can customize Shopify checkout.
How Shopify checkout works
Anchor link to section titled "How Shopify checkout works"Merchants use Shopify checkout to accept orders and take payments wherever they sell online. After a customer adds products to a cart, they use Shopify checkout to enter their shipping information and payment details before placing the order.
Apps can integrate with Shopify checkout to offer additional functionality to merchants and customers. For example, merchants can use apps that support post-purchase offers to show a cross-sell or product offer to customers at checkout.
Checkout extensions let you add custom workflows and functionality at various points of the checkout process. Shopify provides extension points, APIs, and components for extending an app into checkout and to build customized use cases.
Checkout components
Anchor link to section titled "Checkout components"Shopify provides a library of UI components for building natively-rendered extension UIs. These components work in all of checkout’s supported browsers and are performant and accessible.
Rendering environment
Anchor link to section titled "Rendering environment"Checkout extensions use a collection of open-source libraries to provide a fast and secure rendering environment.
Customization options
Anchor link to section titled "Customization options"You can customize Shopify checkout in a variety of ways. All customization options are portable, fast for merchants to install, and upgrade-safe, enabling merchants to continue getting platform benefits as Shopify releases new features.
Build post-purchase experiences
Anchor link to section titled "Build post-purchase experiences"For example, you can build a post-purchase checkout extension to add new personalized content such as messages or interactive offers to the post-purchase page.
Developer tools
Anchor link to section titled "Developer tools"You can use the following developers tools to customize Shopify checkout.
UI extensions
Anchor link to section titled "UI extensions"UI extensions let you add new user interface (UI) and functionality to Shopify checkout. They're built into apps using extension points APIs and UI components provided by Shopify.
The first UI extension point to be released to developers is the post-purchase checkout extension.
- Learn about the post-purchase checkout extensions that you can use to allow merchants to create and manage the post-purchase experience within the Shopify checkout.