月額／年額 切り替え料金表
月払い・年払いをトグルで切り替える料金カード3プラン。年払いで20%割引バッジを表示。
使いどころ
月払い・年払いをトグルで切り替える料金カード3プラン。年払いで20%割引バッジを表示。
- SaaS の料金プラン
- コンサル・受託案件のプラン提示
- サブスクサービスの紹介
- セミナー・講座料金表
カスタマイズのポイント
プラン名・価格・含まれる機能リストを書き換えるだけで使えます。「おすすめ」プランは border を太く + transform: scale(1.05) 等で強調するのが定番。
このパーツは JavaScript が含まれます。HTML の最後に <script> タグで読み込むか、外部 JS ファイルに切り出してください。
注意点
価格表記は税込・税抜どちらかを明示。「￥」と「円」を併用しない（「￥1,000 円」は誤表記）。「初月無料」「キャンセル可」など条件を小さく添えると信頼性 UP。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。