商品メッセージ

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

商品メッセージとは、商品ページのカートボタン直下に表示するテキストです。カートページの商品部分にも表示されます。

  • すべての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: {メッセージ}」として表示

チェックアウトページ

注文サマリーの商品行に表示

サンクスページ

注文確認画面の商品行に表示

注文(管理画面)

注文の商品プロパティとして記録

商品メッセージはカートに追加する際にプレーンテキストとして注文情報に付加されます。リッチテキストで商品メッセージを装飾(HTML化)している場合もHTMLタグが除去された状態で引き継がれます。

プロパティ名変更前後

商品メッセージがカートページや注文ページで表示される際のプロパティ名を変更できます。デフォルトでは「Note」として表示されます。

(1) アプリ管理画面の左メニューから「設定」を開く(2) 「商品メッセージ」セクションの「プロパティ名」を変更する(デフォルト:Note)(3) 「保存」をクリックする

注文確認メールとは、お客様が注文したときに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 -%}