Order action menu extensions render buttons on the **Order index** and **Order status** pages that allow customers to take actions on their order. ## How it works The order action menu offers a static [`customer-account.order.action.menu-item.render`](/docs/api/customer-account-ui-extensions/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target that renders on both the **Order index** and **Order status** pages in customer accounts. To complete the order action flow, you can link the button to a modal. For example, to prompt the customer to confirm the action, or surface additional UI needed to complete the order action. The [`CustomerAccountAction`](/docs/api/customer-account-ui-extensions/components/customeraccountaction) component is a modal that renders the [`customer-account.order.action.render`](/docs/api/customer-account-ui-extensions/targets/order-action-menu/customer-account-order-action-render) static extension target. If the order action experience you’re building requires complex forms or large amounts of information, you can alternatively also link a button to a [full-page extension](/docs/apps/build/customer-accounts/full-page-extensions/build-new-pages), or any other function or action. <video style="width: 100%; height: auto;" autoplay muted loop controls aria-label="A customer clicks the 'Report problem' button for an order. A modal titled 'Report problem' displays, featuring a dropdown for selecting the reason that best matches the order issue."> <source src="/assets/apps/customer-accounts/order-action-menu-extensions/order_action_menu_extensions.mp4" type="video/mp4"> <source src="/assets/apps/customer-accounts/order-action-menu-extensions/order_action_menu_extensions.webm" type="video/webm"> </video> ## Limitations The [`customer-account-order-action-menu-item-render`](/docs/api/customer-account-ui-extensions/targets/order-action-menu/customer-account-order-action-menu-item-render) target only supports the [`Button`](/docs/api/checkout-ui-extensions/components/actions/button) component, which is available in the checkout UI extension component library. ## Developer tools and resources <div class="resource-card-grid"> <div> <a class="resource-card" href="/docs/api/customer-account-ui-extensions/extension-targets-overview" data-theme-mode=""> <div class="resource-card__indicator-container"><img src="/assets/resource-cards/library" data-alt-src="/assets/resource-cards/library-dark" aria-hidden="true" class="resource-card__icon themed-image"></div> <h3 class="resource-card__title"> Target overview </h3> <p class="resource-card__description">Explore all extension targets available for customer account UI extensions.</p> </a> </div></p> <p><div> <a class="resource-card" href="/docs/api/checkout-ui-extensions/latest/components" data-theme-mode=""> <div class="resource-card__indicator-container"><img src="/assets/resource-cards/blocks" data-alt-src="/assets/resource-cards/blocks-dark" aria-hidden="true" class="resource-card__icon themed-image"></div> <h3 class="resource-card__title"> Checkout UI extension components </h3> <p class="resource-card__description">The component library that contains the Button component.</p> </a> </div></p> <p><div> <a class="resource-card" href="/docs/api/customer-account-ui-extensions/components" data-theme-mode=""> <div class="resource-card__indicator-container"><img src="/assets/resource-cards/blocks" data-alt-src="/assets/resource-cards/blocks-dark" aria-hidden="true" class="resource-card__icon themed-image"></div> <h3 class="resource-card__title"> Customer account UI extension components </h3> <p class="resource-card__description">The component library that contains the CustomerAccountAction component.</p> </a> </div> </div> ## Next steps <div class="resource-card-grid"> <div> <a class="resource-card" href="/docs/apps/build/customer-accounts/order-action-extensions/build-for-order-action-menus" data-theme-mode=""> <div class="resource-card__indicator-container"><img src="/assets/resource-cards/growth" data-alt-src="/assets/resource-cards/growth-dark" aria-hidden="true" class="resource-card__icon themed-image"></div> <h3 class="resource-card__title"> Build an order action menu extension </h3> <p class="resource-card__description">Build extensions on the order action menu that enable customers to report a problem with their orders.</p> </a> </div> </div>