CommChat ヘルプページ

選択肢が多い商品の離脱対策!バリエーションを画像で見せて購入体験を改善


  • ファンデーションなどのコスメ


  • WEB広告から流入してくるLP


  • 商品のバリエーション選択時の離脱率が高い

    • カラーバリエーションが複数ある場合、選択肢として分かりにくいケースがある。例)ファンデーションのカラー選択、セット商品でのカラー選択

    • 注文商品のカラムに画像を登録することができないため、選択肢が多い場合、見にくくなる。


  • 画像で選択させることで離脱を防げるのではないか


  • カスタムフォームで選択肢を画像に置き換えたシナリオで実現ができる。

  • カスタムフォームにて、選択肢を画像に置き換え、選択肢と注文情報が紐づくように設定を行う


  1. カスタムフォームでフォームの種類を画像選択にする。

  2. 注文選択、注文個数、配送サイクルを以下のように設定する。

  • 注文選択

    • 1つだけを表示にして他の選択肢を非表示にしたものをバリエーション分用意

    • バリエーション選択ごとの表示条件

  • 注文個数

    • 1つだけ用意

    • 表示条件なし

  • 配送サイクル

    • 1つだけ用意

    • 表示条件なし

※同じ商品で、注文個数と配送サイクルが同じ選択肢で用意されてる場合、上記の設定で簡単に設定ができるようになる!

バリエーションごとに異なる配送サイクルや数量を表示したい場合、それぞれシナリオ用意する必要あります。

  • 選択肢を画像に置き換える前

  • 選択肢を画像に置き換えた後

  • シナリオ画面

  • 設定方法の詳細画面