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.