Add a custom button to Shopify Customer Accounts order page (/account/orders/{id})

Online Store and Theme Development
1

Short description of issue

I’m using Shopify new Customer Accounts (secure accounts at account.mystore.com). I’m trying to add a custom button (e.g. “Chat” or “File Claim”) on each individual order page: https://account.mystore.com/orders/{order_id}

Reproduction steps

What I have tried:

Editing theme Liquid files (did not affect customer account pages)
Looking in theme editor (order pages are not available there)
Attempting a custom app, but I am unsure which extension target is correct

Additional info

The button should:

appear on each order detail page
access the order context (order ID, tracking number, etc.)
open a custom form or external app

Questions:

Is it possible to add custom UI elements to Shopify Customer Accounts order pages?
If yes, what is the correct extension type/target for adding an order-level action button?
If not, what is the recommended approach for building this (Customer Account UI Extension vs app proxy vs external portal)?

Any guidance appreciated.

What type of topic is this

Feature request

2

Hi,

Only legacy customer accounts can be edited with theme files and configured through the theme editor at themes/theme_id/editor. The newer customer accounts can only be edited with apps and configured at settings/checkout/editor/profiles/profile_id:

preview of order status page editor

Since you’re using the new Customer Accounts, you will either need to build a custom app with a Customer Account UI extension or install an app that has Customer Account UI extensions.

If you’re interested in exploring existing apps, you can discover some compatible apps here. The Checkout Blocks app is also an option.

If you want to build your own, you can review the available targets here. If you want recommendations: the customer-account.order-status.block.render renders on the order status page at /account/orders/{id} while customer-account.order.action.menu-item.render renders on each order at /account/orders and on the order status page at /account/orders/{id}.

Just a heads up: if you do build your own, we’ll be introducing changes to the customer account pages that you may want to keep in mind.

Hope that helps!