表示設定(ギフトキャンペーン)

キャンペーン情報をオンラインストアに表示するための設定を解説します。

表示設定では、実施中のキャンペーン情報をお客様にどのように表示するかを設定します。表示方法・コンテンツ内容・表示期間・表示条件をキャンペーンごとに設定できます。

表示方法をオン/オフで切り替えます。複数のキャンペーンを表示する場合は、表示位置の数値が小さい順に表示されます。

項目

説明

ウィジェットに表示する

オンラインストアのウィジェット内にキャンペーン情報を表示します

商品メッセージを表示する

商品ページ内にキャンペーン情報を表示します。対象商品を絞り込めます

商品カードにバッジを表示する

コレクションページなどの商品カードに、キャンペーン期間中のみバッジを表示します。対象商品を絞り込めます

表示位置

複数のキャンペーンを表示する場合の順番を数値で指定します。数値が小さい順に表示されます

前提: ウィジェットの表示にはテーマエディタでの埋め込みアプリの有効化、商品メッセージの表示にはOnline Store 2.0対応テーマでのテーマブロックの追加が、それぞれ必要です。

ウィジェットへの表示または商品メッセージのいずれかが有効な場合に設定できる項目です。

項目

説明

キャンペーンタイトル

ウィジェットに表示するキャンペーンのタイトルを入力します

キャンペーン説明

ウィジェットに表示するキャンペーンの説明を入力します

ギフト追加ボタン

ウィジェットに表示するボタンのラベルです。選べるギフトと、手動配布のシンプルギフトで表示されます

ウィジェット・商品メッセージ・商品カードバッジのいずれかが有効な場合に設定できます。キャンペーンの状態に応じて、次の4つの状態ごとにバッジを設定できます。

状態

説明

開始前

キャンペーン開始前に表示するバッジです

期間中

キャンペーン実施中に表示するバッジです

終了後

キャンペーン終了後に表示するバッジです

配布不可

キャンペーン期間中に、ギフト商品のバリエーションが在庫切れなどで購入できないときに表示するバッジです

バッジの状態ごとに、次の項目を設定できます。

項目

説明

テキスト

バッジに表示する文言を入力します

背景色

バッジの背景色を設定します

文字色

バッジの文字色を設定します

形状

角丸なし、角丸あり、タグ(切り欠き)、カスタム(角丸の数値を指定)から選びます

商品カードバッジは、このバッジ設定のうち「期間中」のテキストだけを使用します。表示条件の詳細は「商品カードバッジ」をご確認ください。

商品メッセージが有効な場合に設定できます。

項目

説明

商品メッセージ(テキスト)

商品ページに表示するメッセージを入力します

アイコン

メッセージに表示するアイコンを選びます

注意: ギフトキャンペーンの商品メッセージでは、価格変数「{{productPrice}}」と「{{productDiscountedPrice}}」は空の文字列になります。価格を差し込む用途には使えません。

キャンペーンをオンラインストアに表示する期間を設定します。

設定

内容

有効期間に従う

キャンペーンの有効期間と同じ期間に表示します

表示期間を指定する

有効期間とは別に、表示専用の期間を指定します

ヒント: 「表示期間を指定する」を使うと、キャンペーン開始前から予告として表示したり、終了後も一定期間表示し続けたりできます。

特定のお客様にのみキャンペーンを表示したい場合に、条件を設定します。条件を設定しない場合は、すべてのお客様に表示されます。

設定できる条件は、ギフトキャンペーンの適用条件と同じです。詳細は「適用条件(ギフトキャンペーン)」をご確認ください。

前提: 顧客メタフィールド条件を使う場合は、あらかじめShopify管理画面で、顧客メタフィールドのネームスペースとキーを用意してください。