Include links to invoices on order status page

You can add an invoice link to the order status page (also known as “Thank You” page) which is the final page of the Shopify store checkout. 

After your customer completes an order, they will be able to access their invoice via a link attached to this page. 

The link will redirect a customer to an online version of their invoice where they can download or print it. This page also allows a customer to pay their unpaid invoices with their credit card.

To add invoice links to the order status page:

  1. Go to the page Settings → Checkout in your Shopify admin.
  2. Scroll down to the section Order processing
  3. Insert the following code snippet to the Additional scripts field. 

<!-- Link to print or download invoice for current order. Used by Sufio for Shopify (http://www.sufio.com/shopify). -->
<div class="order-invoice" style="margin: 1.5em 0 0 0;">
  <a target="_blank" href="{{ shop.url }}/apps/sufio/invoice/?id={{ order.id }}&number={{ order.order_number }}">View invoice</a>
</div>

If you want the link to let your customer directly download a PDF version of their invoice, use the following code snippet:

<!-- Link to download PDF invoice for current order. Used by Sufio for Shopify (http://www.sufio.com/shopify). -->
<div class="order-invoice" style="margin: 1.5em 0 0 0;">
  <a target="_blank" href="{{ shop.url }}/apps/sufio/invoice/download/?id={{ order.id }}&number={{ order.order_number }}">Download invoice</a>
</div>

Please note that the PDF version does not allow the customer to pay their invoice online through a Pay Invoice button.