バンドルのグループビューに関する通知メールテンプレートの更新

2024年12月6日時点で、バンドルを含む注文は、多くのメールテンプレートで項目のネストされたグループとして表示されるようになりました。

商品バンドルのグループビューを表示するため、デフォルトのテンプレートを使用するすべての通知テンプレートが自動的に更新されました。2024年12月6日よりも前に、通知メールテンプレートをカスタマイズした場合、通知メールテンプレートは更新されません。通知テンプレートをバンドルビューに更新するには、以下の方法を使用できます。

• [設定] > [通知] セクションのすべての通知については、以下のいずれかの方法を使用できます。

  • カスタマイズをバックアップし、テンプレートを元に戻してから、カスタマイズを再適用する。
  • コードを編集して現在のカスタマイズを更新し、テンプレートにバンドルコンポーネントのLiquidオブジェクトを追加する。

• Shopifyメールを使用したチェックアウト離脱のオートメーションの場合は、オートメーションの既存のテンプレートを編集して元に戻すことができます。

カスタマイズしたメールテンプレートを更新する際の考慮事項

通知メールテンプレートを変更する前に、以下の考慮事項を確認してください。

• 管理画面の [設定] > [通知] セクションの通知テンプレートには、Liquid、Shopifyのテンプレート言語、HTML、CSSが準備されています。HTMLとCSSを理解していて、Liquidについての基本的な知識がある場合のみ、通知テンプレートのコードを編集してください。
• 通知テンプレートの変更を保存すると、以前のテンプレートコードが上書きされます。テンプレートをデフォルトに戻すことはできますが、テンプレートをデフォルトに戻すと、テンプレートコードへの以前のカスタマイズは失われ、復元できなくなります。
• テンプレートを更新したいが、通知テンプレートコードの編集経験がない場合は、以下に挙げるサポートを受けることができます。
  • Shopifyサポートに問い合わせる。「Shopifyデザインポリシー」について、詳しくはこちらをご覧ください。
  • Shopifyパートナーに依頼する。

グループビューの変更前と変更後

通知メールテンプレートの更新前は、商品バンドルが個々の項目として表示されます。

通知メールテンプレートの更新後は、商品バンドルが項目のネストされたグループに表示されます。

商品バンドルの更新された通知メールのリスト

以下の通知テンプレートでは、商品バンドルのグループビューまたはフラットビューが表示されます。

お客様通知

商品バンドルのグループビューにおける更新された通知メールの説明

通知テンプレート	管理画面のロケーション	表示タイプ
注文の確認	注文処理	バンドルは、ネストされたグループとして表示されます。
注文の請求書	注文の例外	バンドルは、ネストされたグループとして表示されます。
保留中の決済エラー	決済方法	バンドルは、ネストされたグループとして表示されます。
保留中の決済の処理に成功しました	決済方法	バンドルは、ネストされたグループとして表示されます。
お客様へのPOSメール	POS	バンドルは、ネストされたグループとして表示されます。
POSとモバイルレシート	POS	バンドルは、ネストされたグループとして表示されます。
作成した返品	返品	バンドル内の各商品は、個別のアイテムとして表示されます。
返品リクエストを受け取りました	返品	バンドル内の各商品は、個別のアイテムとして表示されます。
返品リクエストが承認されました	返品	バンドル内の各商品は、個別のアイテムとして表示されます。
返品リクエストが拒否されました	返品	バンドル内の各商品は、個別のアイテムとして表示されます。

スタッフ通知

商品バンドルのグループビューにおける更新された通知メールの説明

通知テンプレート	表示タイプ
新しい注文	バンドルは、ネストされたグループとして表示されます。
新しい返品リクエスト	バンドル内の各商品は、個別のアイテムとして表示されます。
販売の帰属が編集されました	バンドル内の各商品は、個別のアイテムとして表示されます。
新しい下書き注文	バンドルは、ネストされたグループとして表示されます。
チェックアウト離脱 (Shopify メールで)	バンドルは、ネストされたグループとして表示されます。

カスタマイズした通知テンプレートを元に戻す

管理画面の [設定] > [通知] セクションでカスタマイズした通知テンプレートを更新するには、メールテンプレートのカスタマイズを手動でバックアップし、テンプレートをデフォルトに戻してから、カスタマイズを再適用します。

注意

カスタマイズをバックアップせずにテンプレートを元に戻した場合、カスタマイズは失われ、復元できなくなります。テンプレートを元に戻す前に、既存のテンプレートコードが保存されていることを確認してください。

手順

デスクトップ

1. 管理画面から、[設定] > [通知] に移動します。

2. [お客様通知] または [スタッフ通知] をクリックします。

3. 更新する通知をクリックします。

4. [コードを編集] をクリックします。

5. 既存のカスタマイズをバックアップするには、保存するテンプレートのカスタマイズを強調表示し、そのコードをコピーして安全な場所 (テキストファイルなど) に保存します。

6. [デフォルトに戻す] をクリックします。デフォルトに戻すと、カスタマイズは復元できなくなるため、変更内容を安全にバックアップしたことを確認してください。

7. ダイアログで、[変更を戻す] をクリックして確定します。

8. 更新されたテンプレートにカスタマイズを再適用します。

9. [保存] をクリックします。

iPhone

1. Shopifyアプリで [...] ボタンをタップします。

2. [設定] > [通知] の順にタップします。

3. [お客様通知] または [スタッフ通知] をタップします。

4. 更新する通知をタップします。

5. [</>] ボタンをタップして、テンプレートコードを編集します。

6. 既存のカスタマイズをバックアップするには、保存するテンプレートのカスタマイズを強調表示し、そのコードをコピーして安全な場所 (テキストファイルなど) に保存します。

7. [デフォルトに戻す] をタップします。デフォルトに戻すと、カスタマイズは復元できなくなるため、変更内容を安全にバックアップしたことを確認してください。

8. ダイアログで、[変更を戻す] をタップして確定します。

9. 更新されたテンプレートにカスタマイズを再適用します。

10. [保存] をタップします。

Android

1. Shopifyアプリで [☰] ボタンをタップします。

2. [設定] > [通知] の順にタップします。

3. [お客様通知] または [スタッフ通知] をタップします。

4. 更新する通知をタップします。

5. [</>] ボタンをタップして、テンプレートコードを編集します。

6. 既存のカスタマイズをバックアップするには、保存するテンプレートのカスタマイズを強調表示し、そのコードをコピーして安全な場所 (テキストファイルなど) に保存します。

7. [デフォルトに戻す] をタップします。デフォルトに戻すと、カスタマイズは復元できなくなるため、変更内容を安全にバックアップしたことを確認してください。

8. ダイアログで、[変更を戻す] をタップして確定します。

9. 更新されたテンプレートにカスタマイズを再適用します。

10. [✓] をタップします。

カスタマイズしたメールテンプレートのコードを編集する

メールテンプレートのコードをカスタマイズしている場合は、商品バンドルのグループビューをサポートするため、手動でコードを更新することができます。デフォルトのテンプレートコードは、テンプレートによって異なります管理画面の [設定] > [通知] セクションでカスタマイズした通知テンプレートを更新するには、編集が必要な各テンプレートの指示に従ってください。

注意

カスタマイズをバックアップせずにテンプレートを更新した場合、カスタマイズは失われ、復元できなくなります。テンプレートを更新する前に、既存のテンプレートコードが保存されていることを確認してください。

注文メールの通知を更新する

以下の手順に従って、次に挙げる注文メールの通知をカスタマイズしたテンプレートを更新してください。

• 注文の確認
• 新しい注文メール
• 注文の請求書
• 保留中の決済の処理に成功しました
• 保留中の決済エラー
• POSとモバイルレシート

手順

デスクトップ

1. 管理画面から、[設定] > [通知] に移動します。

2. [お客様通知] または [スタッフ通知] をクリックします。

3. 更新する通知をクリックします。

4. [コードを編集] をクリックします。

5. 既存のカスタマイズをバックアップするには、保存するテンプレートのカスタマイズを強調表示し、そのコードをコピーして安全な場所 (テキストファイルなど) に保存します。テンプレート全体を強調表示してコピーし、安全な場所に保存することもできます。

6. 「subtotal_line_items」``を検索して、テンプレート内のループ項目を見つけます。コードは次のように表示されます。

7. 「subtotal_line_items」ループの開始タグのすぐ下に`{% if line.groups.size == 0 %}`を追加して、「subtotal_line_items」ループ内のすべてのコードをif条件で囲みます。次に、ループの終了タグ{% endfor %}のすぐ上に{% endif %}を追加して、if条件を閉じます。

8. コードは次のように表示されます。

9. 「subtotal_line_items」`ループ項目の終了タグ{% endfor %}`の下に、以下のコードを貼り付けます。

10. [保存] をクリックします。

下書き注文と決済未完了の通知メールを更新する

以下の手順に従って、次に挙げる通知メールをカスタマイズしたテンプレートを更新してください。

• 新しい下書き注文
• カゴ落ち
• 下書き注文の請求書
• お客様へのPOSメール

手順

デスクトップ

1. 管理画面から、[設定] > [通知] に移動します。

2. [お客様通知] または [スタッフ通知] をクリックします。

3. 更新する通知をクリックします。

4. [コードを編集] をクリックします。

5. 既存のカスタマイズをバックアップするには、保存するテンプレートのカスタマイズを強調表示し、そのコードをコピーして安全な場所 (テキストファイルなど) に保存します。

6. 「subtotal_line_items」``を検索して、テンプレート内のループ項目を見つけます。コードは次のように表示されます。

7. ループの開始タグ{% for line in subtotal_line_items %}のすぐ後に、以下のコードを貼り付けます。

8. 商品画像をレンダリングするブロックを見つけます。コードは次のように表示されます。

9. if条件{% if expand_bundles and line.bundle_parent? %}でorder-list__image-cellのクラスを囲むことにより変更し、代替クラスを追加します。これにより、{% assign expand_bundles = true %}変数がtrueの場合は、画像テンプレートが変更されます。その後、画像クラスはorder-list__parent-image-cellからorder-list__image-cellに変更されます。テンプレートコードは次のように表示されます。

10. バリエーションの名前をレンダリングするコードを見つけます。コードは次のように表示されます。

11. 商品バンドルのバリエーションの名前を非表示にする場合は、and line.bundle_parent? == falseに、if条件{% if line.variant.title != 'Default Title' %}を追加してから、elsif条件を追加します。コードは次のように表示されます。

12. 任意：価格をレンダリングするコードを見つけます。これにはorder-list__price-cellのクラスが必要です。クラスに関する情報は、[カゴ落ち] メール通知ではなく、下書き注文の通知テンプレートにあります。コードは次のように表示されます。

13. 価格に関するif文と別のクラスを追加して、メインバンドルの価格を更新します。コードは次のように表示されます。

14. ループするために{% for group in line.groups %}内のflat viewまたはPart of:のコードを検索します。古いメールテンプレートには、このコードがない可能性があります。

15. {% for group in line.groups %}全体のループを、次のコードに置き換えます。

16. [保存] をクリックします。

ワークフローを編集して、カゴ落ちメールまたは決済未完了の通知メールを更新する

チェックアウト離脱のオートメーションを設定した場合は、既存の [チェックアウト離脱を回復させる] メールテンプレートを編集して、商品バンドルのグループビューを表示するため、決済未完了の通知メールを更新することができます。

手順

デスクトップ

1. 管理画面から [マーケティング] > [オートメーション] をクリックします。

2. 編集するマーケティングフローをクリックします。

3. [編集] をクリックします。

4. [オートメーションをオフにする] をクリックします。

5. ダイアログで、[オフにする] をクリックします。

6. [編集] をクリックします。

7. フローオートメーションで、[マーケティングメールを送信する] をクリックします。

8. [メールを編集] をクリックします。

9. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をクリックします。

10. 以下のようにメールテンプレートを編集します。

    • [件名] の行に件名を追加する
    • テンプレートにテキストやセクションを追加する

11. 任意：メールを確認するには、[テストを送信] をクリックし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

12. [有効に設定する] をクリックします。

13. [オートメーションをオンにする] をクリックします。

iPhone

1. Shopifyアプリで [...] ボタンをタップします。

2. [設定] > [マーケティング] の順にタップします。

3. [オートメーション] をタップします。

4. 編集するマーケティングフローの横にある […] > [オフにする] をタップします。

5. ダイアログで、[オフにする] をタップします。

6. マーケティングフローをタップします。

7. マーケティングメールの横にある […] > [編集] をタップします。

8. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をタップします。

9. [件名] の行に件名を追加してから、テンプレートに追加のテキストやセクションを作成します。

10. 任意：メールを確認するには、[テストを送信] をタップし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

11. [有効に設定する] をタップします。

12. [⋮] > [オートメーションをオンにする] の順にタップします。

Android

1. Shopifyアプリで [☰] ボタンをタップします。

2. [設定] > [マーケティング] の順にタップします。

3. [オートメーション] をタップします。

4. 編集するマーケティングフローの横にある […] > [オフにする] をタップします。

5. ダイアログで、[オフにする] をタップします。

6. マーケティングフローをタップします。

7. マーケティングメールの横にある […] > [編集] をタップします。

8. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をタップします。

9. [件名] の行に件名を追加してから、テンプレートに追加のテキストやセクションを作成します。

10. 任意：メールを確認するには、[テストを送信] をタップし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

11. [有効に設定する] をタップします。

12. [⋮] > [オートメーションをオンにする] の順にタップします。

マーケティングオートメーションのサマリーページから、カゴ落ちメールまたは決済未完了の通知メールを更新する

チェックアウト離脱のオートメーションを設定した場合は、[カゴ落ち] または [チェックアウト離脱] セクションを編集して、商品バンドルのグループビューを表示するため、決済未完了の通知メールを更新することができます。

手順

デスクトップ

1. 管理画面から [マーケティング] > [オートメーション] をクリックします。

2. 編集するマーケティングフローをクリックします。

3. [アクティビティの名前] セクションで、編集するテンプレートのサムネイルをクリックします。

4. [編集] をクリックします。

5. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をクリックします。

6. ごみ箱アイコンの隣にあるテンプレートの [チェックアウト離脱] または [カゴ落ち] セクションをクリックします。

7. [+ セクションを追加] をクリックします。

8. [カゴ落ち] または [チェックアウト離脱] セクションをクリックします。

9. 任意：メールを確認するには、[テストを送信] をタップし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

10. [有効に設定する] をクリックします。

iPhone

1. Shopifyアプリで [...] ボタンをタップします。

2. [設定] > [マーケティング] の順にタップします。

3. [オートメーション] をタップします。

4. 編集するマーケティングフローの横にある […] > [オフにする] をタップします。

5. マーケティングフローをタップします。

6. 編集するテンプレートのサムネイルをタップします。

7. [編集] をタップします。

8. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をタップします。

9. 上にスワイプしてテンプレートを編集します。

10. [チェックアウト離脱] または [カゴ落ち] セクションを長押ししてから、ごみ箱アイコンをタップします。

11. [+] ボタンをタップしてから、[カゴ落ち] または [チェックアウト離脱] セクションをタップします。

12. 任意：メールを確認するには、[テストを送信] をタップし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

13. [有効に設定する] をタップします。

Android

1. Shopifyアプリで [☰] ボタンをタップします。

2. [設定] > [マーケティング] の順にタップします。

3. [オートメーション] をタップします。

4. 編集するマーケティングフローの横にある […] > [オフにする] をタップします。

5. マーケティングフローをタップします。

6. 編集するテンプレートのサムネイルをタップします。

7. [編集] をタップします。

8. [このメールを編集すると、メールが下書きダイアログに戻ります] ダイアログで、[続行] をタップします。

9. 上にスワイプしてテンプレートを編集します。

10. [チェックアウト離脱] または [カゴ落ち] セクションを長押ししてから、ごみ箱アイコンをタップします。

11. [+] ボタンをタップしてから、[カゴ落ち] または [チェックアウト離脱] セクションをタップします。

12. 任意：メールを確認するには、[テストを送信] をタップし、メールを受信するメールアドレスを入力します。インボックスで、メールを開いて確認します。

13. [有効に設定する] をタップします。