再入荷通知ボタンの色は、アプリ管理画面の「再入荷通知」にある「デザインのカスタマイズ」で変更できます。背景色とテキストの色を指定できます。
再入荷通知ボタンが表示されている商品だけが対象です。通常商品や予約商品のカートボタンの色は変わりません
再入荷通知ボタンの表示にはKlaviyoまたはOmnisendの設定が必要です。どちらも設定していないストアではボタン自体が表示されません
設定はストア全体で共通です。商品ごとに色を変えることはできません
変更できるのは背景色とテキストの色の2つです。枠線・角丸・フォント・ボタンの形は変更できません
テーマ側でボタンに設定されている背景画像やグラデーションは打ち消されます
有料プランで利用できます。旧ライトプランでも利用できます。無料プランでは「再入荷通知」ページの閲覧だけができ、設定は変更できません
予約販売のカートボタンの色は、この設定ではなくアプリ管理画面の「設定」で変更します
「デザインのカスタマイズ」の「再入荷通知ボタン」に、2つの項目があります。
項目 | 説明 | 既定値 |
|---|---|---|
背景 | 再入荷通知ボタンの背景色 | #FFFFFF |
テキスト | 再入荷通知ボタンのテキストの色 | #121212 |
ボタンのテキスト（文言）と、ボタンの下に表示するメッセージは、同じページの別のカード「再入荷通知ボタン」で設定します。
(1) アプリ管理画面の左メニューから「再入荷通知」を開く
(2) 「デザインのカスタマイズ」セクションの「カスタマイズを有効にする」にチェックを付ける
チェックを外すと、色を指定していてもテーマ本来のボタンの色に戻ります。
(3) 「再入荷通知ボタン」の「背景」「テキスト」で、ボタンの色を選択する
(4) 画面右側の「プレビュー」で仕上がりを確認する
プレビューは色の確認用です。ボタンの形やフォントは、ストアに表示される実際のボタンとは異なります。
(5) 「保存」を選択する
「背景」「テキスト」の選択欄は、現在のカラーコードが表示されたボタンです。選択するとカラーピッカーが開き、次の3つの方法で色を指定できます。
色の領域をドラッグして指定する
下部のプリセット（原色7色・無彩色7色）から選択する
入力欄にカラーコードを直接入力する
入力欄が受け付けるのは「#RRGGBB」形式の6桁のカラーコードだけです。3桁の省略表記や、透明度を含む8桁の指定は入力エラーになります。