本文へ移動

§14-09Commerce

価格シミュレーター

スライダーで条件を変えると料金を試算できる。

利用量に応じて変わる料金を申し込み前に見積もらせる。価格が一律でなく、問い合わせないと分からない不安に効く。

実装のポイント

スライダーと数値入力を併設すると細かい値を指定しやすい。料金は入力から都度導出し、内訳と単価を表示すると試算の根拠が伝わる。

特徴
  • フォーム
  • 状態管理