# Targets Overview A [target](/docs/apps/app-extensions/configuration#targets) represents where your customer account UI extension will appear. You register for targets in your [configuration file](/docs/api/checkout-ui-extensions/configuration), and you include a JavaScript function that will run at that location in customer accounts. ## Static extension targets Static extension targets render immediately before or after most core customer account features. When a core customer account feature isn't rendered, neither are the static extension targets tied to it. Choose static extension targets when your content and functionality is closely related to a core customer account feature. - [API reference](/docs/api/customer-account-ui-extensions/targets): Extension targets ## Block extension targets Block extension targets render between core customer account features. Block extensions are always rendered, regardless of what other elements of the customer account are present. Block extension targets always support multiple placements. Each placement has an associated placement reference that represents its location on the page. For example, the block extension target `customer-account.order-status.block.render` supports seven placements. The placement references include `PAGE_TITLE`, `ORDER_SUMMARY1`, and more. You can use placement references as URL parameters to [test block extensions](/docs/apps/build/customer-accounts/test#block-targets) in all supported placements on a page. You can also use placement references to [define the default placement](/docs/apps/build/app-extensions/configure-app-extensions#customer-account-ui-extensions) of an extension for merchants. - [API reference](/docs/api/customer-account-ui-extensions/targets): Extension targets - [Learn more](/docs/apps/build/customer-accounts/extension-placement#placement-references): Placement references ## Order index The **Order index** page is where customers can view and manage all their past and current orders. ### Orders The page contains one block extension that merchants can place above the page title or below the order list. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order action menu Actions available on specific order See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## Order status The **Order status** page is where customers can view, track, and manage a specific order. ### Order status For tracking order statuses, and any updates regarding the delivery, pickup, or return of items. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order details Customer, shipping, and billing information associated with the order. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Payment status Depending on the payment status of the order, relevant payment information and action items may be displayed here. For example, for orders with payment terms, the amount due, the due data, and a **Pay now** button is displayed. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order summary Summary of the items, discounts, and order total. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order action menu Actions available on a specific order. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## Profile (Default) The **Profile** page is where customers view and edit their personal information. ### Customer details The customer's name and contact information. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Addresses The customer's personal addresses. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## Profile (B2B) For B2B customers, the **Profile** page includes information about the customer, company, and the company location(s) the customer has access to. Learn more about the differences between the [default and B2B experiences](/docs/apps/customer-accounts#default-and-b2b-experiences). ### Customer details The customer's name and contact information. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Company details The company name. This extension target can be used to add more information about the company. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Company location details The shipping address, billing address, and payment details associated with each specific company location. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## Order action menu Order-related actions that customers can access from both the **Order index** and **Order status** page. ### Order index page Where customers can view and manage all their past and current orders. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order status page Where customers can view, track, and manage a specific order. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Order action modal A modal that can rendered to complete an order action flow. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## Full-page extension Build new pages for customer accounts. Full-page extensions render in the main content area—below the header, and above the footer. ### Full-page extension This full-page extension target is for building pages that are **not** tied to a specific order. For example, a Wishlist page. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ### Full-page extension (order-specific) This full-page extension target is for building pages that are tied to a specific order. For example, a Request Return page. See all [extension targets](/docs/api/customer-account-ui-extensions/targets). ## References - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/2024-10/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [DropZone](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/dropzone.txt): Dropzone allows file uploads through drag-and-drop functionality into a designated area on a page, or by activating a button. At present, Dropzone does not offer image upload preview capabilities. The use of object URLs directly in an image component is not possible due to the extension and host operating on separate domains. Any element focused within the Dropzone component, including child elements such as the 'Add file' button, will initiate the file selector when the Enter or Spacebar key is pressed. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page. - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/2025-01/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [DropZone](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/dropzone.txt): Dropzone allows file uploads through drag-and-drop functionality into a designated area on a page, or by activating a button. At present, Dropzone does not offer image upload preview capabilities. The use of object URLs directly in an image component is not possible due to the extension and host operating on separate domains. Any element focused within the Dropzone component, including child elements such as the 'Add file' button, will initiate the file selector when the Enter or Spacebar key is pressed. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page. - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` A full-page extension target cannot coexist with any other targets in the same extension. - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/unstable/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` A full-page extension target cannot coexist with any other targets in the same extension. - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page.