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 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.

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

1. In your Shopify admin, go to the Settings → Notifications → Customer notifications page.
2. In the Customer processing section, click on Order Confirmation.
3. Click Edit code and 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>

4. Click Save to apply the changes.

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>