About pre-auth order status UI extensions
All extension targets on the Order status page render in a pre-authenticated and authenticated state, allowing customers to interact with extensions and seamlessly log into their account.
Anchor to How it worksHow it works
The Order status page supports three different customer authentication states: unauthenticated, pre-authenticated, and fully authenticated, each with a unique customer experience in order to protect customer information in unauthenticated states.
The following examples show how to create two customer account UI extensions: the first will allow a customer to add a note to their order, the second to collect loyalty points on their purchase. Since the customer will not yet be fully authenticated, each example will require the customer to log in before performing the desired action. The customer-account.order.action.menu-item.render
extension target supports seamless login, whereas the customer-account.order-status.block.render
extension target requires use of the requireLogin
API to trigger the authentication flow.
Anchor to LimitationsLimitations
Your store must be using the newest version of the Order status page. To check if you're on the newest version, ensure you've upgraded to Shopify Extensions in Checkout in your Checkout settings.
Anchor to UX guidelinesUX guidelines
Each extension should only include one extension target.
Anchor to Developer tools and resourcesDeveloper tools and resources
Explore all extension targets available for customer account UI extensions.
Explore the checkout components you can also use to build customer account UI extensions.
Explore the components you can use to build customer account UI extensions.
Figma components for checkout and customer account UI extensions.
Learn about the authentication states of the Order status page.