Pre-purchase product offers
A pre-purchase product offer is an additional sales opportunity that's displayed to customers before they complete checkout. This guide introduces how pre-purchase product offers work, and describes the available resources that you can use to build pre-purchase product offers.
How it worksAnchor link to section titled "How it works"
You can use a checkout UI extension to build a pre-purchase product offer. The following example shows a pre-purchase product offer that renders at the
Checkout::Dynamic::Render extension point:
Getting startedAnchor link to section titled "Getting started"
Follow the getting started tutorial to learn how to build a pre-purchase experience.
Developer tools and resourcesAnchor link to section titled "Developer tools and resources"
Explore the following developer tools and resources to get familiar with building pre-purchase experiences.
Checkout UI extensions API reference
Consult the API reference for checkout UI extension points and their respective types.
Components for checkout UI extensions
Learn about the components that are available in checkout UI extensions.
Checkout extension configuration
Learn about the properties that you can configure in your checkout UI extension.
- Build a pre-purchase upsell offer that prompts a customer to add a product to their order.