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>