Shopifyの備考欄追加方法(メール出力を含む)

調べたもののわかりづらいです。

実現したいこと

• Debutテーマ使用
• Shopifyで注文画面に備考欄を作る
• 備考欄の内容をメールに出力する

実現方法

注文画面に備考欄を作る

• Enable order notes on your cart page · Shopify Help Center

1. 管理画面で「オンラインストア>テーマ>カスタマイズ」と進んでテーマエディタの画面まで移動する
2. 上部の「ページを選択」プルダウンから「カート」を選ぶ
3. 「セクション」タブの「カートページ」を選ぶ
4. 「カートメモを有効にする」にチェックを入れる
5. 右上の「保存する」ボタンを押す

「カートページ」の画面のままでは備考欄が追加されたことがわからない点がややこしい。

ライブビューのままでも可能だが、実際に商品を買い物カゴに入れてからカートの画面まで行けば、商品ページの下部に追加されていることが確認できる。

備考欄の内容をメールに出力する

• Adding Order Notes to Order Confirmation Email – Shopify Community
• 通知の参照変数 · Shopify ヘルプセンター

1. 「設定>通知」で目的のテンプレートを選ぶ(顧客への自動返信のメールは「注文の確認」)
2. テンプレート内の任意の場所に{{ note }}を追加する

メールのテンプレート編集画面にはプレビューも使えるが、備考欄は反映されずプレビューでは確認できない。
そのため実際に送信して確認するしかない。

※プレビューでも確認できたという情報あり

結び

テーマが対応していれば簡易に追加可能です。