Include links to Invoices

You have multiple ways how to delivery invoices to your customers. One of those is the traditional separate email with invoice as a PDF. Alonside this option, your online store can include links to view, download, or print your invoices online.

There are different ways you can link to your SmartPablo invoices.

Include invoices in Shopify customer account page

Customer account page displays a summary of a customer's account, including a list of recent orders that he has made. You can add links to invoices for each order listed on this page.

To add invoice links to the Customer Account page:

1. In your Shopify admin, go to the Online Store.
2. Select Themes page in submenu.
3. For the Current Theme section, Click the Actions button
4. Click on Edit in the dropdown.
5. Search for the customers/account.liquid in the left sidebar or using upper search bar.
6. Insert the following code snippets inside the <table> that displays a list of customer's orders.

First, add a propper heading inside the <thead> :

<th>
    Invoice
</th>

Then, use the following code snippet inside the <tbody> to include link to download a PDF version of the invoice:

<td>
  <span class="invoice">
    <a target="_blank" href="{{ shop.url }}/apps/SmartPablo/orders/{{ order.id }}/invoice/download.pdf" >
        Download
    </a>
  </span>
</td>

Add link to invoice in Order Status page

After your customer completes an order, he will be redirected to the Order Status page - the final Thank You page of the Shopify store checkout. You can add a link to the invoice here as well.

To add invoice links to the Order Status page:

1. In your Shopify admin, go to the Settings.
2. In left Settings menu select Checkout page.
3. Scroll down to the section Order processing.
4. Insert the following code snippet to the Additional scripts field.

<div class="ui-button btn btn--subdued btn--size-small" style="margin-top: 2em;">
  <a target="_blank" href="{{ shop.url }}/apps/SmartPablo/orders/{{ order.id }}/invoice/download.pdf" >
    <strong>Download Invoice</strong>
  </a>
</div>

Include link to invoice 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.

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

1. In your Shopify admin, go to the Settings.
2. In Settings menu select Notifications page.
3. In the section Customer notifications, click on Order Confirmation.
4. Insert the following code snippet to the Email body (HTML) field.

<div>
  <a href="{{ shop.url }}/apps/SmartPablo/orders/{{ id }}/invoice/download.pdf">Download invoice</a>
</div>