カートドロワー

Plain Jane および Plain Jane Interactive 向け

学べること

  • スライドアウト式カートドロワーの有効化とスタイル設定方法

  • 緊急性を出すためのオプションのFOMOタイマーの使い方


概要

この カートドロワー カートに商品を追加したときに表示されるスライドアウトパネルです。ユーザーが現在のページを離れずにカートを確認できるようにすることで、買い物の流れを改善します。

💡 これは従来のカートページとは異なります。どちらか一方を使用できますが、同時に両方は使用できません。


有効化方法

  1. 移動先: テーマ設定 > カートドロワー

  2. 切り替え: カートドロワーを有効にするオンにする


カスタマイズオプション

色と幅

  • 背景色:ドロワーパネルの色

  • テキスト色:ドロワー内の一般的なテキスト

  • ボタンカラー:カートに追加 / チェックアウトボタンの色

  • ボタン文字色:ボタン上のテキスト

  • ドロワー幅:幅をピクセルで設定(デフォルトは 300px)

FOMOタイマー

カートドロワー内で緊急性を作るために使用します。

  • FOMOタイマーを表示:有効にするトグル

  • FOMOタイマー背景色:アラートのスタイルをカスタマイズ

  • FOMOタイマーテキスト色:テキストカラーをカスタマイズ

  • FOMOタイマーテキスト:カスタムテキスト(例:「カートはまもなく期限切れになります!」)

  • FOMOタイマーの持続時間:カウントダウン時間を時間単位で設定

価格表示

  • 通貨付きで価格を表示:通貨記号付きで価格を表示するトグル(例: $10.00 USD)

💡 FOMOタイマーは、特に新商品の発売やセール中に、より早いチェックアウトを促すために使用できます。


使用するタイミング

カートドロワーを使用する場合:

  • 買い物中にユーザーを同じページに留めたいとき

  • 期限付きのプロモーションを実施しており、緊急性を高めたいとき

  • モダンなアプリ風のUXを好むとき


ヘルプが必要ですか?

最終更新