本文へ移動

§14-04Commerce

サブスク管理 (upgrade/cancel)

プランの変更や解約を利用者自身で行える。

問い合わせなしにプランを見直せるので、不満が解約前に解消されやすい。有料プランが複数あるサービスの設定画面に用意する。

実装のポイント

解約は目立たせすぎず隠しもせず、確認画面で「いつまで使えるか」と再開方法を示す。プラン変更では日割り差額を実行前に表示する。

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

このパターンが効く目的