Step 1: Customize the invoice as needed on Frontend download page (In this example we only insert the Invoice download button, but you could insert the Refund download button as well), then hit Copy to copy the code:



Step 2: On Shopify admin page, click on Online Store -> Themes, then Actions -> Edit code:



Step 3: Look for customer/order.liquid, then paste the code at the bottom, and hit Save:




Customers can now see that button(s) when they view orders from their Account page:


You could also add the Download button on order list page, like this:



Steps are as below:


- Step 1: Go to Frontend Download page, and copy this link on the href:


- Step 2: Go back to Edit code page like above, and find the customer/account.liquid file:



- Step 3: Find the <thead> label, and add this code right after the last <th>

<th><span class="table">Invoice</span></th>



- Step 4: Find the <tbody> label (which should be right below <thead>, and add this code after the last <td>

                    <td>

                      <span class="invoice">

                    <a target="_blank" href="https://api-pdf.vify.io/api/pdf-preview/invoice?shop_domain={{ shop.permanent_domain }}&order_id={{ order.id }}&locale=en">Download</a>

                      </span>

                  </td>


Hit Save and that should be it.