商品メッセージは、商品ページのカートボタン直下に表示するテキストです。カートページの商品行にも表示されます。この記事では、設定方法、変数の使い方、注文への引き継ぎ、注文確認メールへの表示方法を説明します。
すべてのShopifyテーマで利用できます
アクション「予約販売時」のメッセージは、カートページ・チェックアウトページ・サンクスページ・注文に引き継がれます
アクション「条件外」「開始日前」「終了日後」のメッセージは、注文には引き継がれません
開始日時・終了日時・最大購入可能数を変数として使用できます
太字・斜体・下線・打ち消し線・文字色・リンクで装飾できます
商品メッセージは、予約販売ルールのアクションのタブごとに設定します。
(1) 対象の予約販売ルールを開く
(2) 「アクション」セクションで、設定するタブを開く
(3) 「商品メッセージ」にテキストを入力する
不要な場合は空欄にしてください。
(4) 「保存」を選択する
タブ | 表示される条件 |
|---|---|
予約販売時 | ルールの条件に合致している場合 |
条件外 | ルールの条件に合致していない場合 |
開始日前 | 開始日時より前の場合 |
終了日後 | 終了日時を過ぎた場合 |
メッセージ内に変数を挿入すると、設定した日時や数量を動的に表示できます。
変数 | 説明 |
|---|---|
開始日時 | 条件設定の開始日・開始時間 |
終了日時 | 条件設定の終了日・終了時間 |
最大購入可能数 | アクションの「購入数を制限する」で設定した購入数 |
フォーマット | 表示例 |
|---|---|
日付と時刻 | 2024年1月1日 13:00 |
日付と時刻 | 2024/01/01 13:00 |
日付 | 2024年1月1日 |
日付 | 2024/01/01 |
月日 | 1月1日 |
時刻 | 13:00 |
日時の変数は、商品ページを見ているお客様のブラウザのタイムゾーンと言語設定で表示されます。
アクション「予約販売時」の商品メッセージは、商品がカートに追加されたタイミングで注文情報に自動で付加されます。購入フローを通じてメッセージが記録されるため、発送時期などの重要事項のトラブル防止や、特定商取引法への対応に活用できます。
各ページ商品メッセージが引き継がれている様子
場所 | 表示内容 |
|---|---|
カートページ | 商品の行に「Note: メッセージ」として表示 |
チェックアウトページ | 注文サマリーの商品行に表示 |
サンクスページ | 注文確認画面の商品行に表示 |
注文(Shopify管理画面) | 注文の商品プロパティとして記録 |
ヒント: 商品メッセージは、カートに追加する際にプレーンテキストとして注文情報に付加されます。リッチテキストで装飾している場合も、HTMLタグが除去された状態で引き継がれます。
商品メッセージがカートページや注文に表示されるときのプロパティ名を変更できます。既定では「Note」と表示されます。
プロパティ名変更前後
(1) アプリの左メニューから「設定」を開く
(2) 「商品メッセージ」セクションの「プロパティ名」を変更する
既定はNoteです。
(3) 「保存」を選択する
注文確認メールは、お客様が注文したときにShopifyが自動で送信するメールです。Shopify管理画面 → 設定 → 通知 → 注文の確認から内容を変更できます。
注文確認メールで利用できる変数は、Shopifyヘルプ「通知の参照変数」をご確認ください。
商品メッセージは、注文確認メール内で参照できる変数 line.properties に格納されています。注文確認メールのコードに次のコードを追加すると、メール内に商品メッセージを表示できます。
{%- unless line.properties["Note"] == blank -%}
<span class="order-list__item-variant">{{ line.properties["Note"] }}</span><br/>
{%- endunless -%}商品タイトルなど line_item の内容を表示している箇所に挿入してください。
通知テンプレートの「プレビュー」や「テストメールを送信」で使われるサンプル注文には予約商品が含まれないため、追加したコードの表示は確認できません。テスト注文を行い、実際に届く注文確認メールで確認してください。
注意: Shopifyの契約時期や独自のカスタマイズによって、挿入箇所が異なる場合があります。担当パートナーや社内のエンジニアに相談したうえで進めてください。
注意: コード内の「Note」はプロパティ名です。アプリの設定でプロパティ名を変更している場合は、変更後の名前に合わせてください。
商品メッセージの内容ではなく固定のキーワードを表示する場合は、次のコードを使用してください。コード内の「予約販売」を表示したいキーワードに置き換えてください。
{%- unless line.properties["_PreOrderRuleId"] == nil -%}
<span class="order-list__item-variant">予約販売</span><br/>
{%- endunless -%}