Include links to invoices in the Order Confirmation email

You can include a link to an invoice in the Order Confirmation emails sent by Shopify. These email notifications are sent automatically to customers after they place their orders.

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, print it, or even view other documents related to the same order. Additionally, your customers will be able to pay their unpaid invoices online with their credit card.

The online version of the invoice

The online version of an invoice

To add a link of the online invoice version to the Order Confirmation email template:

  1. In your Shopify admin, go to the Settings → Notificationspage.
  2. In the section Customer notifications, click on Order Confirmation.
  3. Insert the following code snippet to 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>

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:

<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 the customer to pay their unpaid invoices online with their credit card.

Tip

Do you want to send better-looking order confirmation emails?
Sufio invoices are integrated with Spently and Klaviyo. Turn your transactional emails into marketing opportunities.