An extension target that formats the selected address suggestion provided by a [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target. This formatted address is used to auto-populate the fields of the address form. It must return a [`formattedAddress`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion#addressautocompleteformatsuggestionoutput-propertydetail-formattedaddress). > Caution: > This extension target is only necessary if the corresponding [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target does not provide a `formattedAddress` for the suggestions. If a formatted address is provided with each suggestion, then this target will not be called. > > If the [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target is not implemented, then this target will not work. > Note: > - This target does not support rendering UI components. > - This extension can only be developed as a JavaScript extension using the `ui-extensions` library. > - The [app extension configuration](/docs/apps/app-extensions/configuration) `shopify.extension.toml` file is shared between this extension target and [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest). This includes extension settings specified in the configuration file.
View purchase.address-autocomplete.format-suggestionAn 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`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest#addressautocompletesuggestoutput-propertydetail-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`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion) extension target to format an address based on the address suggestion selected by the customer. > Note: > - This target does not support rendering UI components. > - This extension can only be developed as a JavaScript extension using the `ui-extensions` library. > - The [app extension configuration](/docs/apps/app-extensions/configuration) `shopify.extension.toml` file is shared between this extension target and [`purchase.address-autocomplete.format-suggestion`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion). This includes extension settings specified in the configuration file.
View purchase.address-autocomplete.suggestA static extension target that is rendered immediately before any actions within each step.
View purchase.checkout.actions.render-beforeA [block extension target](/docs/api/checkout-ui-extensions/extension-targets-overview#block-extension-targets) 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](/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor). The [supported locations](/docs/api/checkout-ui-extensions/extension-targets-overview#supported-locations) for block extension targets can be previewed during development by [using a URL parameter](/docs/apps/checkout/best-practices/testing-ui-extensions#block-extension-targets).
View purchase.checkout.block.renderA static extension target that renders on every line item, inside the details under the line item properties element. > Caution: > This extension target will not be rendered if the line item is a custom line item belonging to a draft order invoice.
View purchase.checkout.cart-line-item.render-afterA static extension target that is rendered after all line items.
View purchase.checkout.cart-line-list.render-afterA static extension target that floats above checkout pages in the bottom right corner of the screen. > Note: This target only accepts the [Chat](/docs/api/checkout-ui-extensions/2024-10/components/overlays/chat) component. Any other components will not render.
View purchase.checkout.chat.renderA static extension target that is rendered immediately after the contact form element.
View purchase.checkout.contact.render-afterA static extension target that is rendered after the shipping address form elements.
View purchase.checkout.delivery-address.render-afterA static extension target that is rendered between the shipping address header and shipping address form elements.
View purchase.checkout.delivery-address.render-beforeA static extension target that is rendered below the footer. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer).
View purchase.checkout.footer.render-afterA static extension target that is rendered below the header. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer).
View purchase.checkout.header.render-afterA static extension target that renders below the list of payment methods.
View purchase.checkout.payment-method-list.render-afterA static extension target that renders between the payment heading and payment method list.
View purchase.checkout.payment-method-list.render-beforeA static extension target that is rendered after pickup location options.
View purchase.checkout.pickup-location-list.render-afterA static extension target that is rendered before pickup location options.
View purchase.checkout.pickup-location-list.render-beforeA static extension target that is rendered after the pickup location details within the local pickup option list, for each option.
View purchase.checkout.pickup-location-option-item.render-afterA static extension target that is rendered immediately after the pickup points.
View purchase.checkout.pickup-point-list.render-afterA static extension target that is rendered immediately before the pickup points.
View purchase.checkout.pickup-point-list.render-beforeA static extension target that is rendered in the order summary, after the discount form and discount tag elements.
View purchase.checkout.reductions.render-afterA static extension target that is rendered in the order summary, before the discount form element.
View purchase.checkout.reductions.render-beforeA static extension target that is rendered under the shipping method within the shipping method option list, for each option. > Note: > - In split shipping scenarios, this target is duplicated for each delivery group (shipment), and its value is the selected shipping option for the delivery group. > - If you are collecting information in this target, you should consider that it needs to be scoped to a specific delivery group in split shipping scenarios. Alternatively, you can move your extension to `purchase.checkout.shipping-option-list.render-before` or `purchase.checkout.shipping-option-list.render-after`, which are not duplicated for each delivery group.
View purchase.checkout.shipping-option-item.details.renderA static extension target that is rendered after the shipping method details within the shipping method option list, for each option. > Note: > In split shipping scenarios, this target will render within a Modal when `renderMode.overlay` is true. In this case, it is recommended to avoid using components that render an overlay such as Modals.
View purchase.checkout.shipping-option-item.render-afterA static extension target that is rendered after the shipping method options.
View purchase.checkout.shipping-option-list.render-afterA static extension target that is rendered between the shipping method header and shipping method options.
View purchase.checkout.shipping-option-list.render-beforeA [block extension target](/docs/api/checkout-ui-extensions/extension-targets-overview#block-extension-targets) 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](/docs/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor). The [supported locations](/docs/api/checkout-ui-extensions/extension-targets-overview#supported-locations) for block extension targets can be previewed during development by [using a URL parameter](/docs/apps/checkout/best-practices/testing-ui-extensions#block-extension-targets).
View purchase.thank-you.block.renderA static extension target that renders on every line item, inside the details under the line item properties element. > Caution: > This extension target will not be rendered if the line item is a custom line item belonging to a draft order invoice.
View purchase.thank-you.cart-line-item.render-afterA static extension target that is rendered after all line items on the **Thank you** page.
View purchase.thank-you.cart-line-list.render-afterA static extension target that floats above the Thank you page in the bottom right corner of the screen. > Note: This target only accepts the [Chat](/docs/api/checkout-ui-extensions/latest/components/overlays/chat) component. Any other components will not render.
View purchase.thank-you.chat.renderA static extension target that is rendered after a purchase below the customer information on the **Thank you** page.
View purchase.thank-you.customer-information.render-afterA static extension target that is rendered below the footer on the **Thank you** page. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer).
View purchase.thank-you.footer.render-afterA static extension target that is rendered below the header on the **Thank you** page. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer).
View purchase.thank-you.header.render-after