About inline UI extensions

Inline extensions are static or block customer account UI extensions. They can be used to add a UI to pages such as Order index, Order status, and Profile.

Anchor to How it worksHow it works

On each customer account page, there are static and block extension targets available in designated areas. Static extension targets only render in one designated location, while block extensions offer merchants the flexibility to place the extension in multiple designated locations on the page.

In the following example, the Order status page contains two extensions. The banner at the top of the page is populating the extension target customer-account.order-status.block.render. Block extensions are flexible and merchants can move them to any of the supported locations on the page. The Write a review feature below the order status is populating the extension target customer-account.order-status.fulfillment-details.render-after. Static extensions are fixed, and merchants cannot move them to another location.

Anchor to Developer tools and resourcesDeveloper tools and resources

Targets overview

Explore all extension targets available for customer account UI extensions.

Polaris web components

Explore the components you can use to build customer account UI extensions.

Figma UI kit

Figma components for checkout and account UI extensions.

Figma: Account screens

Figma screens with extension targets, breakpoints, and example designs.

Anchor to Next stepsNext steps

Build inline extensions

Build extensions on the Order Status page that enable customers to see their loyalty points and write a review.