表示設定では、実施中のキャンペーン情報をお客様にどのように表示するかを設定します。表示方法・コンテンツ内容・表示期間・表示条件をキャンペーンごとに設定できます。
表示方法をオン/オフで切り替えます。複数のキャンペーンを表示する場合は、表示位置の数値が小さい順に表示されます。
項目 | 説明 |
|---|---|
ウィジェットに表示する | オンラインストアのウィジェット内にキャンペーン情報を表示します |
商品メッセージを表示する | 商品ページ内にキャンペーン情報を表示します。対象商品を絞り込めます |
商品カードにバッジを表示する | コレクションページなどの商品カードに、キャンペーン期間中のみバッジを表示します。対象商品を絞り込めます |
表示位置 | 複数のキャンペーンを表示する場合の順番を数値で指定します。数値が小さい順に表示されます |
前提: ウィジェットの表示にはテーマエディタでの埋め込みアプリの有効化、商品メッセージの表示にはOnline Store 2.0対応テーマでのテーマブロックの追加が、それぞれ必要です。
ウィジェットへの表示または商品メッセージのいずれかが有効な場合に設定できる項目です。
項目 | 説明 |
|---|---|
キャンペーンタイトル | ウィジェットに表示するキャンペーンのタイトルを入力します |
キャンペーン説明 | ウィジェットに表示するキャンペーンの説明を入力します |
コピーボタン | ディスカウントコードをコピーするボタンのラベルを入力します(手動適用の場合のみ設定できます) |
ウィジェット・商品メッセージ・商品カードバッジのいずれかが有効な場合に設定できます。キャンペーンの状態に応じて、次の3つの状態ごとにバッジを設定できます。
状態 | 説明 |
|---|---|
開始前 | キャンペーン開始前に表示するバッジです |
期間中 | キャンペーン実施中に表示するバッジです |
終了後 | キャンペーン終了後に表示するバッジです |
バッジの状態ごとに、次の項目を設定できます。
項目 | 説明 |
|---|---|
テキスト | バッジに表示する文言を入力します |
背景色 | バッジの背景色を設定します |
文字色 | バッジの文字色を設定します |
形状 | 角丸なし、角丸あり、タグ(切り欠き)、カスタム(角丸の数値を指定)から選びます |
商品カードバッジは、このバッジ設定のうち「期間中」のテキストだけを使用します。表示条件の詳細は「商品カードバッジ」をご確認ください。
商品メッセージが有効な場合に設定できます。
項目 | 説明 |
|---|---|
商品メッセージ(テキスト) | 商品ページに表示するメッセージを入力します。変数を差し込めます |
アイコン | メッセージに表示するアイコンを選びます |
商品メッセージのテキストには、次の変数を「{{変数名}}」の形式で差し込めます。
変数 | 内容 |
|---|---|
{{productPrice}} | 割引前の商品価格(選択中のバリアントの価格) |
{{productDiscountedPrice}} | 割引適用後の商品価格(選択中のバリアントの価格) |
例: 通常価格 {{productPrice}} → 特別価格 {{productDiscountedPrice}}
注意: 「{{productDiscountedPrice}}」は、商品ディスカウントが設定されている場合に割引後の価格を表示します。注文ディスカウントまたは配送ディスカウントのみのキャンペーンでは、商品への割引がないため「{{productPrice}}」と同じ価格になります。ギフトキャンペーンでは、「{{productPrice}}」「{{productDiscountedPrice}}」はどちらも空の文字列になります。
次の仕様があります。
変数は「{{」と「}}」で囲んで記述します。同じ変数を1つのメッセージ内に複数回使用できます。
定義されていない変数名を記述した場合、「{{変数名}}」がそのまま表示されます。
価格はストアの通貨・ロケールに合わせた形式で表示されます。
バリアントを切り替えると、切り替えたバリアントの価格がリアルタイムで反映されます。
キャンペーンをオンラインストアに表示する期間を設定します。
設定 | 内容 |
|---|---|
有効期間に従う | キャンペーンの有効期間と同じ期間に表示します |
表示期間を指定する | 有効期間とは別に、表示専用の期間を指定します |
ヒント: 「表示期間を指定する」を使うと、キャンペーン開始前から予告として表示したり、終了後も一定期間表示し続けたりできます。
特定のお客様にのみキャンペーンを表示したい場合に、条件を設定します。条件を設定しない場合は、すべてのお客様に表示されます。
設定できる条件は、ディスカウントキャンペーンの適用条件と同じです。詳細は「適用条件(ディスカウントキャンペーン)」をご確認ください。
前提: 顧客メタフィールド条件を使う場合は、あらかじめShopify管理画面で、顧客メタフィールドのネームスペースとキーを用意してください。