平素よりmakeshopをご利用いただき、誠にありがとうございます。
これまで、ショップ様より下記のようなお問い合わせを多くいただいておりました。

  • 決済画面の配色が一部希望と異なる
  • 決済画面の入力欄など白い部分もショップのイメージに合わせた背景カラーにしたい

これらのお悩みを解決するため、2026/11/9(月)15時以降、ノーコードデザインのテーマ(サイト全体)設定において、背景カラーの適用範囲を広げられるよう対応いたしました。
なお、本設定は既存のショップ様と、新規で取得したショップIDとで、ご利用いただける時期が異なります。「ご利用開始時期について」をご確認ください。

背景カラーの適用範囲の拡大について

「テーマ(サイト全体)」に、「背景カラーの適用範囲」の設定を追加しました。
「ページ全体に適用する」にチェックを入れると、決済画面(Smart Checkout)の背景以外の、通常白で表示される背景・ヘッダー・文字(通常黒)にも、テーマ(サイト全体)で設定した配色を適用します。

背景カラーの適用範囲「ページ全体に適用する」の適用なしと適用ありの決済画面の比較

背景カラーの適用範囲の設定について

【チェックを入れた場合について】
決済画面のカードや入力欄の背景(白い枠の中)まで、設定した背景カラーを適用します。
ページ全体が同じ配色になり、ショップページと統一感のあるデザインにできます。

【チェックを外した場合について】
これまでと同様に、カードや入力欄は白、文字は黒で表示されます。

【設定方法について】
ショップデザイン / テンプレート選択・編集(ノーコードデザイン) / テンプレート編集 の「テーマ(サイト全体)」を開き、「背景カラーの適用範囲」の「ページ全体に適用する」にチェックを入れて保存してください。

テーマ(サイト全体)の「背景カラーの適用範囲」で「ページ全体に適用する」にチェックを入れた設定画面

ご利用開始時期について

本設定は、既存のショップ様と、新規で取得したショップIDとで、ご利用いただける時期が異なります。

対象 ご利用開始時期
既存のエンタープライズプラン・プレミアムプランのショップ様 2027年1月以降(予定)
2026/10/20(火)15時以降に新規で取得したエンタープライズプラン・プレミアムプラン・食品ECパッケージプラン、既存の食品ECパッケージプランのショップ様 2026/11/9(月)15時以降

既存のショップ様も、2店舗目の出店などで新たにショップIDを取得される場合は、そのショップIDで2026/11/9(月)15時以降、ご利用いただけます。

■対象画面

管理画面

ショップデザイン / テンプレート選択・編集(ノーコードデザイン) / テンプレート編集

ショップ画面

決済画面(Smart Checkout)

■注意事項

  • 本設定は、新しい決済画面「Smart Checkout」をご利用のショップ様が対象です。
  • 背景カラーによっては、文字や入力欄が見えにくくなる場合があります。設定後は、決済画面の表示をかならずご確認ください。
  • 本設定で適用できる箇所以外の決済画面(Smart Checkout)のアクセントカラー・ボタンカラーの設定は、ショップデザイン / 決済画面デザイン 「UIカスタマイズ」にておこなえます。
  • 本設定が適用されるページは、今後順次拡大する予定です。
  • 詳しい設定方法は、オンラインマニュアルをご確認ください。
    https://manual.makeshop.jp/hc/ja/articles/59081683227545

今後も、ショップオーナー様のご要望を実現してまいります。
引き続き、makeshopをどうぞよろしくお願いいたします。

現在「ベーシックモード」をご利用中のショップ様へ
旧デザインモード「ベーシックモード」は、2027/3/31(水)15時をもって提供を終了いたします。
廃止日以降はベーシックモードでのショップ運営・編集ができなくなりますため、お早めに「ノーコードデザイン」または「クリエイターモード」へのお切替えをお願いいたします。
詳しくは「ベーシックモード廃止日確定のお知らせ」をご確認ください。