--- title: Targets Overview description: >- A [target](/docs/apps/app-extensions/configuration#targets) represents where your checkout 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 checkout. api_version: 2025-07 api_name: checkout-ui-extensions source_url: html: >- https://shopify.dev/docs/api/checkout-ui-extensions/2025-07/extension-targets-overview md: >- https://shopify.dev/docs/api/checkout-ui-extensions/2025-07/extension-targets-overview.md --- # Targets Overview A [target](https://shopify.dev/docs/apps/app-extensions/configuration#targets) represents where your checkout UI extension will appear. You register for targets in your [configuration file](https://shopify.dev/docs/api/checkout-ui-extensions/configuration), and you include a JavaScript function that will run at that location in checkout. *** ## Checkout locations Checkout is where buyers go to purchase goods. Checkout consists of the information, shipping, and payment steps in addition to the order summary and Shop Pay. Learn more about building [custom functionality for checkout](https://shopify.dev/docs/api/checkout-ui-extensions). Information This is the first step in the checkout process where the buyer enters contact information and a delivery address. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Shipping Point in checkout where the buyer selects a shipping method. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Payment Point in checkout where the buyer enters their payment information. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Order summary Summary of the cart contents, discounts, and order totals. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Shop Pay Accelerated checkout where Shopify pre-fills buyer information using their Shop Pay account. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Split shipping When multiple shipments are expected, a checkout will render split shipping options. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Local Pickup Point in checkout where the buyer can select a store location to pick up their purchase. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Pickup Points Point in checkout where the buyer can select a pickup point to have their purchase delivered to. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Overlays Static extension targets that floats above the checkout. Review [all extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). One-page checkout All checkout pages (information, shipping, and payment) are combined into a single page with the order summary. Get started testing extensions on [one-page checkout](https://shopify.dev/docs/apps/checkout/best-practices/testing-ui-extensions#one-page-checkout). ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-information.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-shipping.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-payment.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-order-summary.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-shop-pay.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-split-shipping.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-local-pickup.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-pickup-points.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-chat.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-one-page-checkout.png) ## Thank you locations The **Thank you** page is shown to buyers immediately after a checkout is successfully submitted. Learn more about building for [the **Thank you** page](https://shopify.dev/docs/apps/checkout/thank-you-order-status). Order details Displays all order information to buyers. Review [all **Thank you** page extension targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Order summary Summary of the cart contents, discounts, and order totals. Review [all **Thank you** page extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). Overlays Static extension targets that floats above the Thank you page. Review [all **Thank you** page extensions targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets). ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-thank-you.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-order-summary-thank-you.png) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/supported-locations-chat-thank-you.png) ## Static extension targets Static extension targets render immediately before or after most core checkout features such as contact information, shipping methods, and order summary line items. Merchants use the [checkout editor](https://shopify.dev/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor) to activate and place the extension in the checkout experience. When a core checkout feature isn't rendered, neither are the static extension targets tied to it. For example, shipping methods aren't shown when customers select the option for store pickup and the UI extensions that load before or after the shipping method aren't rendered. Choose static extension targets when your content and functionality is closely related to a core checkout feature. An example is a shipping delay notice. [API reference - Extension targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/static-extension-targets.png) ## Block extension targets Block extension targets render between core checkout features. Merchants can use the [checkout and accounts editor](https://shopify.dev/docs/apps/build/checkout/test-checkout-ui-extensions#test-the-extension-in-the-checkout-editor) to place the extension in the [**checkout**](https://shopify.dev/docs/api/checkout-ui-extensions/extension-targets-overview#supported-locations), [**Thank you**](https://shopify.dev/docs/api/checkout-ui-extensions/extension-targets-overview#supported-typ-locations) pages. Block extensions are always rendered, regardless of what other checkout elements are present. For example, an extension placed above the shipping address will still render even for digital products which don't require a shipping address. Choose block extension targets when your content and functionality works independently of a core checkout feature. This is useful for custom content, like a field to capture order notes from the customer. 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 `purchase.checkout.block.render` supports fourteen placements. The placement references include `INFORMATION1`, `DELIVERY1`, `PAYMENT1`, and more. You can use placement references as URL parameters to [test block extensions](https://shopify.dev/docs/apps/build/checkout/test-checkout-ui-extensions#block-targets) in all supported placements on a page. You can also use placement references to [define the default placement](https://shopify.dev/docs/apps/build/app-extensions/configure-app-extensions#checkout-ui-extensions) of an extension for merchants. [API reference - Extension targets](https://shopify.dev/docs/api/checkout-ui-extensions/targets) [Learn more - Placement references](https://shopify.dev/docs/apps/build/checkout/test-checkout-ui-extensions#placement-references) ![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-07/block-extension-targets.png)