本文へ移動

§14-10Commerce

アップセル ヒント

上位プランの価値を機能の近くで伝える。

制限に当たった利用者に、その場でプラン変更という選択肢を示す。必要になった瞬間に案内するため、押し売りになりにくい。

実装のポイント

機能をロックする場所でその価値を短く説明し、必要なプランと価格を同時に示す。ヒントは閉じられるようにし、頻度を制限しないと邪魔になる。

特徴
  • CSS のみ
デモで使っているもの
  • shadcn/ui
  • lucide-react