Adding an Invoice Download Button to the Order Status Page for Customers

Step 1: Navigate to the "Invoice and Reports" Screen

1. Open the F: PDF Invoice ‑ Order Printer app in your Shopify admin.
2. Go to the "Invoice and Reports" section.

• (Refer to the screenshot below to locate the Template section in the app.)

Step 2: Open the "Customize Email" Section

1. Click on the "Invoice Button" as shown in the screenshot.

This will allow you to set up a button on the customer's order status page.

step 3: Go to Checkout Settings

1. Follow the step-by-step instructions displayed on the screen.
2. Click on the "Go to checkout settings" button.

Step 4: Open the Sections Tab

1. In the Checkout Settings, navigate to the "Sections" tab.

(This is the first option in the left sidebar.) ****

Step 5: Add the Invoice Download Button

1. Locate the "Page Header" section.
2. Click on "Add App Block" (may be inside the ⓘ icon).
3. From the list, select "customer-account-ui".
4. The "View Invoice" button will now appear in the top-right corner.

• (Refer to the screenshot for placement.)

Step 6: Save Your Changes

1. Click Save to apply the modifications.
2. Customers will now see the "View Invoice" button on their order status page.

.

****

Updated on: 10/10/2025