Enabling the theme widget
Turn on the app embed and add the open invoices table to your customer account page.
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.
Using new customer accounts?
If your store uses Shopify's new customer accounts instead of the classic account page, use the customer account extensions instead of (or alongside) the theme widget.
1. Enable the app embed
- In your Shopify admin, go to Online Store → Themes and click Customize on your live theme.
- Open the App embeds panel in the theme editor sidebar.
- Find GOAT Draft Order Invoices and toggle it on.
- 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
- Still in the theme editor, navigate to the classic customer account page (Customers → Account template).
- Add the app block named Account Page Draft Table where you want the invoice list to appear.
- 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") 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 (Settings → Orders Widget) with a live preview where you can adjust the widget's style and layout.