Add an Invoice Link to Shopify Emails

Overview

This guide shows you how to add a Download your invoice link to a Shopify customer notification. You will copy the supported snippet from Order Editing, add it to a Shopify email, then test and save the update.

When a customer selects the link, Shopify takes them to their order, where they can access their invoice.

Before you begin

• Set up Downloadable Invoices in Order Editing and confirm that an invoice is available for a recent order.
• Choose the Shopify customer notification you want to update, such as Order confirmation.
• Back up any existing notification code before changing it.

Add the link

1. In Order Editing, open your invoice settings and select Send invoices using Shopify Email.
2. Select View Settings, then copy the code snippet shown there.

Select View Settings beside Send invoices using Shopify Email.

Copy the snippet from the Shopify Email settings dialog.

1. In Shopify admin, go to Settings > Notifications > Customer notifications.

Under Order processing, select the customer notification you want to update.

1. Open the notification you want to update, such as Order confirmation, then select Edit code.
2. Paste the snippet where you want the invoice link to appear in the email body. For example:

<a href="{{ customer_order_url }}" style="text-decoration: none; color: #000; font-weight: bold;">Download your invoice</a>

1. Select Preview to check the placement and styling, then use Send test email.
2. Open the test email and select the link to confirm the customer can reach the order and access the invoice.
3. When you are happy with the result, select Save.

Important

Use the snippet supplied in Order Editing. Do not build a custom link with a store username, order ID, customer ID, or a direct Order Editing API address. The supported snippet uses Shopify's {{ customer_order_url }} variable, so Shopify supplies the correct link for each notification.

Use the link in other notifications

You can add the same snippet to other customer notifications that provide {{ customer_order_url }}. Always send a test email for each notification before saving it.

Troubleshooting

The link does not appear in the email

Confirm that you saved the correct customer notification and that the snippet is in the email body, not the email subject.

The test email does not show an invoice

First, confirm that Downloadable Invoices is set up in Order Editing. Then test with a recent order that has an available invoice. If the issue continues, contact Order Editing support from the app and include a screenshot of the notification code and the test result.

I want a different-looking button

Keep the href="{{ customer_order_url }}" part unchanged. You can update the link text or ask a developer to style the surrounding email markup.