Enabling the theme widget

The storefront widget lists a customer's open draft order invoices on the classic customer account page (/account), with a Pay Now button that opens Shopify's secure invoice checkout. It ships as a theme app extension, so it lives in your theme editor and is served from Shopify's CDN.

1. Enable the app embed

1. In your Shopify admin, go to Online Store → Themes and click Customize on your live theme.
2. Open the App embeds panel in the theme editor sidebar.
3. Find the Draft Order Invoices embed and toggle it on.
4. Click Save.

The app embed loads the widget script only on the customer account template, so it adds nothing to the rest of your storefront.

2. Add the invoice table block

1. Still in the theme editor, navigate to the classic customer account page (Customers → Account template).
2. Add the app block named Account Page Draft Table where you want the invoice list to appear.
3. Click Save.

Logged-in customers with open draft order invoices now see a table of their invoices. Customers without open invoices see a configurable empty-state message.

3. Customize text and colors

The block's settings in the theme editor let you match the widget to your theme:

• Heading (defaults to "Open Invoices" - rename it to anything, e.g. "Quotes") and the column headings for invoice, date, amount, and pay.
• Pay button text (defaults to "Pay Now").
• Empty state text shown when a customer has no open draft orders.
• Colors for background, text, and the pay button.

The app's admin also has a widget settings page (Customize Widget in the app's navigation) with a live preview where you can adjust the widget's installation, style, and composition.

Next step