Include links to invoices on the 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, he will be able to access their invoice via a link displayed on this page.

The online version of the invoice

The link will redirect your customer to an online version of their invoice, where they can either download it or print it. Your customers will be able to pay their unpaid invoices online with their credit card.

Online invoices in Sufio

The online version of an invoice

To add invoice links to the Order Status page:

  1. In your Shopify admin, go to the SettingsCheckout page.
  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>

PDF version of the invoice

If you want the link to let your customer download a PDF version of their invoice directly, 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 unpaid invoices online with their credit card.

Need help?

Do you need help with inserting the code snippet into your Shopify store theme code? We'll be happy to assist! Please contact our support team.