商品メッセージ

商品ページのカートボタン直下にメッセージを表示する設定方法を説明します。

商品メッセージは、商品ページのカートボタン直下に表示するテキストです。カートページの商品行にも表示されます。この記事では、設定方法、変数の使い方、注文への引き継ぎ、注文確認メールへの表示方法を説明します。

  • すべての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 に格納されています。注文確認メールのコードに次のコードを追加すると、メール内に商品メッセージを表示できます。

Plaintext
{%- unless line.properties["Note"] == blank -%}
  <span class="order-list__item-variant">{{ line.properties["Note"] }}</span><br/>
{%- endunless -%}

商品タイトルなど line_item の内容を表示している箇所に挿入してください。

通知テンプレートの「プレビュー」や「テストメールを送信」で使われるサンプル注文には予約商品が含まれないため、追加したコードの表示は確認できません。テスト注文を行い、実際に届く注文確認メールで確認してください。

注意: Shopifyの契約時期や独自のカスタマイズによって、挿入箇所が異なる場合があります。担当パートナーや社内のエンジニアに相談したうえで進めてください。

注意: コード内の「Note」はプロパティ名です。アプリの設定でプロパティ名を変更している場合は、変更後の名前に合わせてください。

商品メッセージの内容ではなく固定のキーワードを表示する場合は、次のコードを使用してください。コード内の「予約販売」を表示したいキーワードに置き換えてください。

Plaintext
{%- unless line.properties["_PreOrderRuleId"] == nil -%}
  <span class="order-list__item-variant">予約販売</span><br/>
{%- endunless -%}