--- api_version: 2025-10 api_name: checkout-ui-extensions source_url: html: https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets md: https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets.md --- # Targets ## Address [purchase​.address-autocomplete​.format-suggestion](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/address/purchase-address-autocomplete-format-suggestion) [An extension target that formats the selected address suggestion provided by a `purchase.address-autocomplete.suggest` target. This formatted address is used to auto-populate the fields of the address form. It must return a `formattedAddress`.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/address/purchase-address-autocomplete-format-suggestion) [purchase​.address-autocomplete​.suggest](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/address/purchase-address-autocomplete-suggest) [An extension target that provides address autocomplete suggestions for address forms at checkout. Suggestions are presented to customers for delivery, billing, and pickup point addresses. The extension target must return a list of address `suggestions`. If a formatted address is provided with each suggestion, then it will be used to auto-populate the fields in the address form when the customer selects a suggested address. Optionally, you can implement the `purchase.address-autocomplete.format-suggestion` extension target to format an address based on the address suggestion selected by the customer.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/address/purchase-address-autocomplete-suggest) ## Announcement [purchase​.thank-you​.announcement​.render](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/announcement/purchase-thank-you-announcement-render) [A static extension target that is rendered on top of the **Thank you page** as a dismissable announcement.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/announcement/purchase-thank-you-announcement-render) ## Block [purchase​.checkout​.block​.render](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/block/purchase-checkout-block-render) [A block extension target that isn't tied to a specific checkout section or feature. Unlike static extension targets, block extension targets render where the merchant sets them using the checkout editor. The supported locations for block extension targets can be previewed during development by using a URL parameter.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/block/purchase-checkout-block-render) [purchase​.thank-you​.block​.render](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/block/purchase-thank-you-block-render) [A block extension target that renders exclusively on the **Thank you** page. Unlike static extension targets, block extension targets render where the merchant sets them using the checkout editor. The supported locations for block extension targets can be previewed during development by using a URL parameter.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/block/purchase-thank-you-block-render) ## Footer [purchase​.checkout​.footer​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/footer/purchase-checkout-footer-render-after) [A static extension target that is rendered below the footer.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/footer/purchase-checkout-footer-render-after) [purchase​.thank-you​.footer​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/footer/purchase-thank-you-footer-render-after) [A static extension target that is rendered below the footer on the **Thank you** page.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/footer/purchase-thank-you-footer-render-after) ## Header [purchase​.checkout​.header​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/header/purchase-checkout-header-render-after) [A static extension target that is rendered below the header.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/header/purchase-checkout-header-render-after) [purchase​.thank-you​.header​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/header/purchase-thank-you-header-render-after) [A static extension target that is rendered below the header on the **Thank you** page.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/header/purchase-thank-you-header-render-after) ## Information [purchase​.checkout​.contact​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/information/purchase-checkout-contact-render-after) [A static extension target that is rendered immediately after the contact form element.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/information/purchase-checkout-contact-render-after) [purchase​.thank-you​.customer-information​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/information/purchase-thank-you-customer-information-render-after) [A static extension target that is rendered after a purchase below the customer information on the **Thank you** page.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/information/purchase-thank-you-customer-information-render-after) ## Local Pickup [purchase​.checkout​.pickup-location-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-list-render-after) [A static extension target that is rendered after pickup location options.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-list-render-after) [purchase​.checkout​.pickup-location-list​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-list-render-before) [A static extension target that is rendered before pickup location options.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-list-render-before) [purchase​.checkout​.pickup-location-option-item​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-option-item-render-after) [A static extension target that is rendered after the pickup location details within the local pickup option list, for each option.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/local-pickup/purchase-checkout-pickup-location-option-item-render-after) ## Navigation [purchase​.checkout​.actions​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/navigation/purchase-checkout-actions-render-before) [A static extension target that is rendered immediately before any actions within each step.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/navigation/purchase-checkout-actions-render-before) ## Order Summary [purchase​.checkout​.cart-line-item​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-cart-line-item-render-after) [A static extension target that renders on every line item, inside the details under the line item properties element.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-cart-line-item-render-after) [purchase​.checkout​.cart-line-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-cart-line-list-render-after) [A static extension target that is rendered after all line items.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-cart-line-list-render-after) [purchase​.checkout​.reductions​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-reductions-render-after) [A static extension target that is rendered in the order summary, after the discount form and discount tag elements.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-reductions-render-after) [purchase​.checkout​.reductions​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-reductions-render-before) [A static extension target that is rendered in the order summary, before the discount form element.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-checkout-reductions-render-before) [purchase​.thank-you​.cart-line-item​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-thank-you-cart-line-item-render-after) [A static extension target that renders on every line item, inside the details under the line item properties element.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-thank-you-cart-line-item-render-after) [purchase​.thank-you​.cart-line-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-thank-you-cart-line-list-render-after) [A static extension target that is rendered after all line items on the **Thank you** page.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/order-summary/purchase-thank-you-cart-line-list-render-after) ## Payments [purchase​.checkout​.payment-method-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/payments/purchase-checkout-payment-method-list-render-after) [A static extension target that renders below the list of payment methods.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/payments/purchase-checkout-payment-method-list-render-after) [purchase​.checkout​.payment-method-list​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/payments/purchase-checkout-payment-method-list-render-before) [A static extension target that renders between the payment heading and payment method list.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/payments/purchase-checkout-payment-method-list-render-before) ## Pickup Points [purchase​.checkout​.pickup-point-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/pickup-points/purchase-checkout-pickup-point-list-render-after) [A static extension target that is rendered immediately after the pickup points.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/pickup-points/purchase-checkout-pickup-point-list-render-after) [purchase​.checkout​.pickup-point-list​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/pickup-points/purchase-checkout-pickup-point-list-render-before) [A static extension target that is rendered immediately before the pickup points.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/pickup-points/purchase-checkout-pickup-point-list-render-before) ## Shipping [purchase​.checkout​.delivery-address​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-delivery-address-render-after) [A static extension target that is rendered after the shipping address form elements.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-delivery-address-render-after) [purchase​.checkout​.delivery-address​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-delivery-address-render-before) [A static extension target that is rendered between the shipping address header and shipping address form elements.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-delivery-address-render-before) [purchase​.checkout​.shipping-option-item​.details​.render](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-item-details-render) [A static extension target that is rendered under the shipping method within the shipping method option list, for each option.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-item-details-render) [purchase​.checkout​.shipping-option-item​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-item-render-after) [A static extension target that is rendered after the shipping method details within the shipping method option list, for each option.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-item-render-after) [purchase​.checkout​.shipping-option-list​.render-after](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-list-render-after) [A static extension target that is rendered after the shipping method options.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-list-render-after) [purchase​.checkout​.shipping-option-list​.render-before](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-list-render-before) [A static extension target that is rendered between the shipping method header and shipping method options.](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets/shipping/purchase-checkout-shipping-option-list-render-before)