クーポンバナー の使い方

見出しテキスト - セクション上部に表示する見出しを設定します。

色 - 見出しの文字色を変更します。

サイズ-PC(px) - PC表示時の見出しサイズを調整します。

サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。

説明文 - 見出し下に表示する案内文を設定します。

PCの列数 - PC表示でクーポンカードを何列に並べるか選びます。

画像比率 - クーポン画像の表示比率を選びます。

モバイルで横カルーセル表示 - モバイルでクーポンカードを横スクロールのカルーセルにします。次のカードが少し見える表示になり、縦のスペースを節約できます。

カルーセルのカード幅-モバイル(%) - カルーセル表示時のカード幅を調整します。小さくするほど次のカードが大きく見えます。

クーポンコードを表示する - カード内にクーポンコードを表示するか切り替えます。

コード表示ラベル - クーポンコード横のラベル文言を変更します。

適用ボタンの位置 - カード内の適用ボタンを左寄せ・中央寄せ・右寄せから選びます。

タイムゾーン - 各クーポンの「表示終了日時」をどのタイムゾーンで判定するか選びます。通常は「ストアのタイムゾーン（推奨）」のままで問題ありません。

カスタムUTCオフセット - 「カスタム」を選んだときだけ表示されます。「+09:00」「-05:00」の形式で指定し、形式が不正な場合はストアのタイムゾーンで判定します。

成功時タイトル / 成功時メッセージ - クーポンが適用できたときの表示文言を設定します。

適用済みメッセージ - 同じクーポンがすでに受け付け済みの場合の案内文を設定します。

空カート時タイトル / 空カート時メッセージ - カートが空でも適用待ちにしたときの文言を設定します。

条件未達時の共通タイトル / 共通メッセージ - 条件を満たしていないときの案内を設定します。

無効化中タイトル / 無効化中メッセージ - 無効なクーポンを選んだときの文言を設定します。

リンクボタンの文言 / リンク先URL - ダイアログ内リンクボタンの表示と遷移先を設定します。

閉じるボタンの文言 - 閉じるボタンのテキストを変更します。

カード内の文字 - クーポンカード内の文字色を変更します。

クーポンコード・ホバー枠線 - コード表示やホバー時のアクセント色を変更します。

保存ボタンの背景 - クーポン適用ボタンの背景色を変更します。

保存ボタンの文字 - クーポン適用ボタンの文字色を変更します。

左右 - PC表示時の左右余白を調整します。

上 - PC表示時の上余白を調整します。

下 - PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

上 - モバイル表示時の上余白を調整します。

下 - モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限を設定します。

画像 - クーポンカード上部に表示する画像を設定します。

ラベル - カード上部のカテゴリや状態を示す短い文言を設定します。

タイトル - クーポンカードの主見出しを設定します。

説明文 - クーポン内容や条件の概要を設定します。

クーポンコード - Shopifyのディスカウントコードを入力します。

このクーポンを有効にする - クーポンの表示・利用可否を切り替えます。

表示終了日時 - クーポンを自動で非表示にする日時を設定します。「2026-08-31」または「2026-08-31 23:59」の形式で、日付のみの場合はその日の23:59まで表示されます。空欄なら常に表示。ディスカウント側の終了日と同じ日時を設定してください。

ボタン文言 - 適用ボタンのテキストを変更します。

補足テキスト - 利用条件などの注記を表示します。

条件未達時メッセージ - このクーポン固有の条件未達案内を設定します。