Shopifyの注文確認メールに取扱説明書ファイルへのリンクを記載する方法

こんにちは
ディレクターの小坂です

Shopifyの注文確認メールを送る際、商品のサポート情報（取扱説明書、組み立て動画、保管方法など）をお知らせしたいと言うことがあるかと思います。
そのような情報もメタフィールの内容を条件として、注文確認メールをカスタマイズすることで対応が可能となります。

今回は一例として、注文確認メールに取扱説明書のリンクを記載する方法をご紹介します。

ステップ１：メタフィールドの追加

1. 管理画面左下の『設定』をクリックし『カスタムデータ』をクリック。
2. メタフィールドの『商品』をクリック。
3. 右上の『定義を追加する』をクリック。
4. 『名前』、『ネームスペースとキー』、『説明』に、それぞれ任意の名称を入力し、タイプを選択する部分をクリック。
   『単一行のテキスト』を選択し保存をクリック。
   ※ここではネームスペースとキーは『custom.fileurl』としています。

ステップ２：取扱説明書のアップ

1. 管理画面の『コンテンツ』を選択し『ファイル』をクリック。
2. 左上の『ファイルをアップロード』ボタンをクリックし、対象ファイルをアップロード。
3. 一覧で対象ファイル行の『右端のリンクマーク』をクリックしリンクをコピー。

ステップ３：商品詳細でURL設定

1. 商品管理から取扱説明書を入力したい商品を開き、ページ下部にある『ステップ１で登録したメタフィールド』に『ステップ２の3でコピーしたリンク』を貼り付けて保存

ステップ４：メールテンプレートの調整

1. 管理画面左下の『設定』をクリックし『通知』をクリックします。
2. 『注文の確認』をクリックします。
3. 右上の『コード編集』をクリックします。
4. メールテンプレートのデフォルト文面の下記コード
   {% if line.variant.title != 'Default Title' %}
  <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
{% endif %}
   の下（246行目あたり）に下記コードを追加

{% assign fileurl = line.product.metafields.custom.fileurl %}
{% if fileurl != blank %}
{{ '取扱説明書' | link_to: fileurl, target: '_blank' }}
{% endif %}

1行目の『custom.fileurl』はメタフィールドで設定した『ネームスペースとキー』の名称と同じものにしてください。
3行目の取扱説明書はメールに表示される文面となりますので、任意のものに変更ください。

まとめ

今回は注文確認メールに取扱い説明書を表示する方法をご紹介しましたが、追加する情報の表示位置は他にエリアを作成し表示することも可能です。

前段でも記載させていただきましたが、表示する内容は取扱い説明書、組み立て動画、保管方法など様々な用途が考えられますので、ご状況とご要望に合わせた設定をしていただければと思います。

また、注文確認メールカスタマイズのご相談も承っておりますので、よろしければ下記からお問い合せください。

お問い合わせはこちら