カラビナテクノロジーのショッピファイアプリ
日本語

注文確認メールにお届け希望日時を表示したい

回答

Shopify管理画面から専用のLiquidコードを追加することで表示できます。詳細な手順は以下をご確認ください。

この手順でできること

お客様が注文時に指定した「お届け希望日」「お届け希望時間帯」を、注文確認メールに自動で表示できるようになります。

❗️ 配送日時が指定されていない注文には表示されません。

設定手順

❗️注文確認メールをすでにカスタマイズされている方は、ステップ 1〜2 の手順にかかわらず、お好きな場所にコードを貼り付けてご使用ください。

ステップ 1:通知テンプレートを開く

  1. Shopify管理画面にログインし、左下の 設定 をクリック
  2. 通知 を選択
  3. お客様への通知」をクリック
  4. 注文処理セクションにある「注文の確認」をクリック

ステップ 2:コードを追加する

右上の「コードを編集」ボタンを選択

メール本文のHTMLが表示されます。その中に、以下のコードをコピーして貼り付けてください。

貼り付ける場所: 配送先住所や連絡先などの顧客情報が表示されている <table> タグの内側(注文確認メールをご自身でカスタマイズされたい方はお好きな場所へコードを貼り付けてください。)

💡 Macの場合は「⌘ + F」、Windowsの場合は「Ctrl + F」を押し、「配送先住所」と入力すると、該当箇所にすぐ移動できます。

貼り付けるコード


{% if attributes != blank %}
  <tr>
    <td class="customer-info__item" colspan="2">
      <h4>配送日時</h4>
      <table>
        {% for attribute in attributes %}
          {% if attribute[1] != blank %}
            {% if attribute[0] == 'お届け希望日' or attribute[0] == 'お届け希望時間帯' %}
              <tr>
                <td>{{ attribute[0] }}</td>
                <td>{{ attribute[1] }}</td>
              </tr>
            {% endif %}
          {% endif %}
        {% endfor %}
      </table>
    </td>
  </tr>
{% endif %}

ステップ 3:保存する

画面右上の 保存 ボタンをクリックして完了です。

完了後のメール表示イメージ

配送日時が指定されている注文では、メール内に次のように表示されます。

(2. で追加するコードの場所によって表示される位置は異なります。)

動作確認方法について

❗️ プレビューやテスト送信の項目がありますが、こちらの方法では表示されないので事前に動作確認をすることはできません。実際にストアで決済後、表示されているかご確認ください。

うまくいかない場合の確認ポイント

症状 確認ポイント
メールに配送日時が表示されない アプリがストアに正しくインストールされているか確認してください
メールのレイアウトが崩れた コードの貼り付け位置が <table> タグの内側になっているか確認してください
一部の注文だけ表示されない その注文でお客様が配送日時を指定していない可能性があります(仕様通りの動作です)

関連アプリ

基本の配送日時指定|Shopify配送日・時間帯指定アプリ

基本の配送日時指定|Shopify配送日・時間帯指定アプリ

「いつ届く?」を、購入前に解決。お客様の受け取りやすさと、ストアの配送業務を整える 基本の配送日時指定は、Shopifyのカート画面に「お届け希望日」「お届け希望時間帯」を追加できるアプリです。お届け日時に関する注記やURLリンクも表示でき、お客様が配送条件を確認したうえ...

無料プランあり 〜 $1.99

アプリ詳細を見る