--- title: Targets description: >- Targets define where your POS UI extensions appear within Shopify's Point of Sale interface and what capabilities they receive. api_version: 2024-07 api_name: pos-ui-extensions source_url: html: 'https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets' md: 'https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets.md' --- # Targets Targets define where your POS UI extensions appear within [Shopify's Point of Sale interface](https://shopify.dev/docs/apps/build/pos) and what capabilities they receive. Targets serve specific purposes: some render persistent UI elements within existing screens, others provide interactive menu items or buttons, and some launch full-screen modal experiences for complex workflows. Use this reference to explore all available targets and understand where they appear in the POS interface. ![Extension targets overview](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/targets-overview-hero-EQ3LjmEr.png) *** ## Home screen (smart grid) The smart grid is the first screen merchants see when they open [the POS app](https://apps.shopify.com/shopify-pos). It provides quick access to essential functions and serves as the starting point for merchant activities. **Use cases**: High-frequency actions, status displays, or entry points to workflows that merchants need daily. [View home screen targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/home-screen) ##### Home screen tile `pos.home.tile.render` A tile target that displays as a clickable tile on the POS home screen smart grid. ##### Home screen action (modal) `pos.home.modal.render` An action target that displays as a full-screen modal when a home screen tile is tapped. ![Home screen tile target on POS smart grid](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/home-tile-render-b3-L7BvZ.png) ![Home screen modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/home-modal-render-D5BQjvAL.png) *** ## Customer details The customer details screen appears when merchants look up a customer during checkout or need to access customer history and profile information. This screen serves as the hub for customer management within POS, displaying customer data, purchase history, and contact details. **Use cases**: Customer service capabilities, loyalty program integration, or tools for customer engagement and support during transactions. [View customer details targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/customer-details) ##### Customer details action (menu item) `pos.customer-details.action.menu-item.render` An action target that displays as a menu item on the customer details screen action menu. ##### Customer details action (modal) `pos.customer-details.action.render` An action target that displays as a modal when a customer details action menu item is tapped. ![Customer details menu item action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/customer-details-menu-item-render-C5M6Rq_U.png) ![Customer details modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/customer-details-modal-render-DRjcbJbh.png) *** ## Draft order details The draft order details screen appears when merchants access saved orders, quotes, or incomplete transactions that need to be finalized later. This screen displays draft order information, customer details, and line items for sales that haven't been completed. **Use cases**: Quote management, approval workflows, or integration with external systems for draft order processing and completion. [View draft order details targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/draft-order-details) ##### Draft order details action (menu item) `pos.draft-order-details.action.menu-item.render` An action target that displays as a menu item on the draft order details screen action menu. ##### Draft order details action (modal) `pos.draft-order-details.action.render` An action target that displays as a modal when a draft order details action menu item is tapped. ![Draft order details menu item action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/draft-order-menu-item-render-TUZMJLb3.png) ![Draft order details modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/draft-order-modal-render-BAswaBFY.png) *** ## Order details The order details screen appears when merchants access a completed transaction for customer service, refunds, or order fulfillment tasks. This screen displays transaction information including customer details, payment data, line items, and fulfillment status for completed sales. **Use cases**: Order management, fulfillment tools, or integration with external systems for post-sale processing and customer support. [View order details targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/order-details) ##### Order details action (menu item) `pos.order-details.action.menu-item.render` An action target that displays as a menu item on the order details screen action menu. ##### Order details action (modal) `pos.order-details.action.render` An action target that displays as a modal when an order details action menu item is tapped. ![Order details menu item action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/order-details-menu-item-render-BYfP_PnY.png) ![Order details modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/order-details-modal-render-CQOvyY2S.png) *** ## Post-purchase The post-purchase screen appears after merchants complete a sale, return, or exchange transaction. This screen displays the transaction summary and provides opportunities for follow-up actions, customer service, and revenue generation. **Use cases**: Capturing additional information, customer service tools, or related transactions that improve the post-sale customer experience. [View post-purchase targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/post-purchase) ##### Post-purchase action (menu item) `pos.purchase.post.action.menu-item.render` An action target that displays as a menu item on the post-purchase screen action menu. ##### Post-purchase action (modal) `pos.purchase.post.action.render` An action target that displays as a modal when a post-purchase action menu item is tapped. ![Post-purchase menu item action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/post-purchase-menu-item-render-XSLfhYs7.png) ![Post-purchase modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/post-purchase-modal-render-c20DGnX4.png) *** ## Product details The product details screen appears when merchants search for a product, scan a barcode, or browse inventory during a transaction. This screen displays product information including pricing, inventory levels, variants, and product specifications that merchants need to serve customers. **Use cases**: Product understanding, additional product data, or product-specific tools that help merchants make informed decisions during transaction building. [View product details targets →](https://shopify.dev/docs/api/pos-ui-extensions/2024-07/targets/product-details) ##### Product details action (menu item) `pos.product-details.action.menu-item.render` An action target that displays as a menu item on the product details screen action menu. ##### Product details action (modal) `pos.product-details.action.render` An action target that displays as a modal when a product details action menu item is tapped. ![Product details menu item action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/product-details-menu-item-render-CtCQMWN2.png) ![Product details modal action target](https://shopify.dev/assets/assets/images/api/pos-ui-extensions/targets-overview-images/product-details-modal-render-zOdzHi1W.png) ***