クーポンをカード形式で一覧表示し、クリックだけでカートにコードをセットできるセクションです。複数キャンペーンの表示、適用待ち・停止中の案内、ダイアログ文言、カード配色、余白までテーマエディターから調整できます。
見出しテキスト - セクション上部に表示する見出しを設定します。
色 - 見出しの文字色を変更します。
サイズ-PC(px) - PC表示時の見出しサイズを調整します。
サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。
説明文 - 見出し下に表示する案内文を設定します。
PCの列数 - PC表示でクーポンカードを何列に並べるか選びます。
画像比率 - クーポン画像の表示比率を選びます。
クーポンコードを表示する - カード内にクーポンコードを表示するか切り替えます。
コード表示ラベル - クーポンコード横のラベル文言を変更します。
成功時タイトル / 成功時メッセージ - クーポンが適用できたときの表示文言を設定します。
適用済みメッセージ - 同じクーポンがすでに受け付け済みの場合の案内文を設定します。
空カート時タイトル / 空カート時メッセージ - カートが空でも適用待ちにしたときの文言を設定します。
条件未達時の共通タイトル / 共通メッセージ - 条件を満たしていないときの案内を設定します。
無効化中タイトル / 無効化中メッセージ - 無効なクーポンを選んだときの文言を設定します。
リンクボタンの文言 / リンク先URL - ダイアログ内リンクボタンの表示と遷移先を設定します。
閉じるボタンの文言 - 閉じるボタンのテキストを変更します。
カード内の文字 - クーポンカード内の文字色を変更します。
クーポンコード・ホバー枠線 - コード表示やホバー時のアクセント色を変更します。
保存ボタンの背景 - クーポン適用ボタンの背景色を変更します。
保存ボタンの文字 - クーポン適用ボタンの文字色を変更します。
左右 - PC表示時の左右余白を調整します。
上 - PC表示時の上余白を調整します。
下 - PC表示時の下余白を調整します。
左右 - モバイル表示時の左右余白を調整します。
上 - モバイル表示時の上余白を調整します。
下 - モバイル表示時の下余白を調整します。
背景色 - セクション全体の背景色を変更します。
最大幅(px) - 内側コンテンツ幅の上限を設定します。
画像 - クーポンカード上部に表示する画像を設定します。
ラベル - カード上部のカテゴリや状態を示す短い文言を設定します。
タイトル - クーポンカードの主見出しを設定します。
説明文 - クーポン内容や条件の概要を設定します。
クーポンコード - Shopifyのディスカウントコードを入力します。
このクーポンを有効にする - クーポンの表示・利用可否を切り替えます。
ボタン文言 - 適用ボタンのテキストを変更します。
補足テキスト - 利用条件などの注記を表示します。
条件未達時メッセージ - このクーポン固有の条件未達案内を設定します。
必要です。このセクションは入力されたクーポンコードをカートへセットします。割引条件や金額はShopify管理画面のディスカウントで作成してください。
使えます。空カート時は適用待ちとして受け付け、条件に合う商品がカートに入ったあとにShopify側で割引が反映されます。
ブロックの「このクーポンを有効にする」をオフにすると、カードを停止中として表示できます。キャンペーン再開時は同じ設定をオンに戻せます。