[Simple Receipt] How to create a link to a receipt in a notification email
App Features
- Reduced tax rate
- Easy to get started at $3.99/month
- Of course, it supports Japanese
- Simple and no unnecessary features
- No unnecessary features make it easy to set up
- Beautiful formatting supervised by a designer
*Note: Supports "new customer accounts".
Partial support for "traditional customer accounts." (Themes "Dawn/Rise/Studio" are supported.)
* Prior to the update on February 18, 2026, we had created a link from the notification email to the order details page, but with additional development, it is now possible to download the form directly from the notification email.
Many people would like to send receipts and other forms to their customers when they purchase a product.
When an order is placed with Shopify, customers will receive an email notification, and we will show you how to create a link to a receipt or other form in that notification email.
It's easy. Just copy and paste the following code into your notification email!
|
<style>
.saku-button__text {
display: block;
color: #000; background: #f0f0f0;
padding: 20px 10px;
border-radius: 4px;
text-align: center;
text-decoration: none;
font-size: 16px;
line-height: 1; }
.saku-action-cell {
margin-top: 20px;
width: 100%;
}
</style>
<table class="saku-action-cell">
<tr>
<td>
{{ shop.url }} Receipt</a>
</td>
<td>
{{ shop.url }} Invoice</a>
</td>
<td>
{{ shop.url }} Delivery note</a>
</td>
<td>
{{ shop.url }} Quotation</a>
</td>
</tr>
</table>
|
Here's how to paste it into the notification email:
1️⃣Open the notification email settings screen
Shopify admin panel "Settings" → "Notifications" → "Customer Notifications" → "Order Confirmation"
2️⃣Edit the code
If you search for "Access the shop", there are two places where it is listed, so click the one at the bottom Enter the code below the two {% endif %} under "Access the shop".
For code, if there is any formatting that does not need to be included, please delete <td>~~~~~~~~~~~~~</td> from the corresponding part.
⚠️The simplest code to display only the "receipt" is below.
|
<style>
.saku-button__text {
display: block; color: #000;
background: #f0f0f0;
padding: 10px;
border-radius: 4px;
text-align: center;
text-decoration: none;
}
.saku-action-cell {
margin-top: 10px;
width: 100%;
}
</style>
<table class="saku-action-cell">
<tr>
<td>
{{ shop.url }} Receipt</a>
</td>
</table>
|
3️⃣Confirm
Click "Preview" → "Send test email", click the button in the email sent, and check if you are redirected to the order list page.
Now you have created a link to the receipt in the notification email!
"Download from purchase notification email"
"Download from the thank you page"
"Download from the order details page"
You can create three download paths for customers. To increase customer convenience, don't forget to set up another option, "Download from the thank you page."
