通知メールに領収書への導線を作る方法

[Simple Receipt] How to create a link to the receipt in the notification email

  • 軽減税率対応

  • シンプル

  • ＄4.99/月

[Simple Receipt] How to create a link to the receipt in the notification email

アプリの特徴

  • 軽減税率対応
  • 導入しやすい$4.99/月
  • もちろん日本語に対応
  • シンプルで無駄な機能なし
  • 余計な機能がないので設定が簡単
  • デザイナー監修のきれいな書式

※注意
「新しいお客様アカウント」対応。
「従来のお客様アカウント」には一部対応。（テーマ「Dawn/Rise/Studio」対応済み）

※Updated February 18, 2026
Previously, a link to the order details page was provided in notification emails, but additional development now allows downloading forms directly from notification emails.

 

Many of you likely wish to send forms, such as receipts, to customers when they purchase a product.

Since Shopify sends email notifications to customers when an order is placed, I will show you how to create a link to forms like receipts within that notification email.

The method is simple. 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%;
  }
  .saku-action-cell_button {
    padding:4px;
  }
</style>

<table class="saku-action-cell">
<table class="saku-action-cell">
<tr>
    <td class="saku-action-cell_button">
      <a href="{{ shop.url }}/apps/saku-print?orderId={{ id }}&confirmationNo={{ confirmation_number }}&type=receipt&locale=ja" class="saku-button__text">領収書</a>
    </td>
    <td  class="saku-action-cell_button">
      <a href="{{ shop.url }}/apps/saku-print?orderId={{ id }}&confirmationNo={{ confirmation_number }}&type=delivery_note&locale=ja" class="saku-button__text">納品書</a>
    </td>
    <td  class="saku-action-cell_button">
      <a href="{{ shop.url }}/apps/saku-print?orderId={{ id }}&confirmationNo={{ confirmation_number }}&type=invoice&locale=ja" class="saku-button__text">請求書</a>
    </td>
    <td  class="saku-action-cell_button">
      <a href="{{ shop.url }}/apps/saku-print?orderId={{ id }}&confirmationNo={{ confirmation_number }}&type=quotation&locale=ja" class="saku-button__text">見積書</a>
    </td>
  </tr>
</table>

 

 

How to paste into notification emails:

1️⃣ Open the notification email settings screen

Shopify Admin screen "Settings" → "Notifications" → "Customer notifications" → "Order confirmation"

 

2️⃣ Edit code

Click on the area where the code is written and search for "Vist Our Store" using "cmd + F" (or "Ctrl + F" for Windows). There are four locations. Paste the code below the two {% endif %} statements that are located below the last "Access your store" link.

For the code, please delete the <td>~~~~~~~~~~~~</td> for any formats you do not need to display.

⚠️ The code to display only the simplest "Receipt" is as follows:

 <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%;
  }
  .saku-action-cell_button {
    padding:4px;
  }
</style>

<table class="saku-action-cell">
<tr>
    <td class="saku-action-cell_button">
      <a href="{{ shop.url }}/apps/saku-print?orderId={{ id }}&confirmationNo={{ confirmation_number }}&type=receipt&locale=ja" class="saku-button__text">領収書</a>
    </td>
  </tr>
</table>


 

3️⃣ Confirmation

Click "Preview" → "Send test email", then click the button in the sent email to confirm that it transitions to the order list page.

 

With this, you have created a link to the receipt in the notification email!

You can create three ways for customers to download: "Download from purchase notification email", "Download from thank you page", and "Download from order details page". To improve customer convenience, please do not forget to set up "Download from thank you page", which requires another setting.

 
Read more