Include links to invoices in the Order Confirmation email

Order confirmation emails are one of the first messages customers receive after placing an order, making them a useful place to include invoice links.

With Sufio, an invoicing app for Shopify stores, customers can access their invoice directly from the order confirmation email sent by Shopify.

The online version of the invoice

When customers click the invoice link, they will be redirected to the online version of their invoice.

From there, they can download or print the invoice and view other documents related to the same order.

They can also pay any unpaid invoices online using their credit card.

The online version of the invoice

The online version of an invoice

To add a link to the online version of the invoice in the order confirmation email template:

  1. In your Shopify admin, go to the SettingsNotificationsCustomer notifications page.
  2. In the Customer processing section, click Order Confirmation.
  3. Click Edit code and insert the following code snippet into the Email body (HTML) field:
<div class="invoice-link">
  <a href="{{ shop.url }}/apps/sufio/invoice/?id={{ id }}&number={{ order_number }}">View invoice</a>
</div>

  1. Click Save to apply the changes.

PDF version of the invoice

You can also link directly to the PDF version of the invoice if you want customers to download it right away.

Use the following code snippet:

<div class="invoice-link">
  <a href="{{ shop.url }}/apps/sufio/invoice/download/?id={{ id }}&number={{ order_number }}">Download invoice</a>
</div>
Please note that the PDF version does not allow customers to pay unpaid invoices online with their credit card.