サイト用料金表(HTMLとCSSのプラン)
プランを枠に書いてください。名前と価格の行を1行書き、その下に項目を書きます。強調するプランは名前に*を付けます。
使い方プランを並べて、おすすめを目立たせる
広告
サイト用料金表(HTMLとCSSのプラン): 用途
よく作られたプランのセクションは、訪問者の比較と選択を助けます。各プランに、名前、月額、年額、ボタン、含まれる項目(+)と含まれない項目(-)を書き、強調するプランにアスタリスクを付けます。
コードはレスポンシブで、強調プランはわずかに持ち上がってバッジが付き、含まれる/含まれないアイコン(スクリーンリーダー用テキスト付き)と、CSSとラジオボタンだけで作った月額/年額のスイッチを備えます。色、通貨、バッジのテキストを調整できます。
使い方
- プランと項目を書きます。
- 強調プランを指定し、色を調整します。
- コードをコピーします。
使うタイミング
- サブスクリプションのプラン。
- サービスのパッケージ。
- ジムや講座のプラン。
よくある質問
プランはどう書きますか?
各プランは「名前 | 月額 | 年額 | ボタンのテキスト | リンク」という行で始めます。続く+または-で始まる行が、含まれる項目と含まれない項目です。プランの間には空行を1行入れます。強調したいプランの名前の前に*を付けてください。
月額/年額の切り替えはどう動きますか?
年額を入力すると、訪問者が切り替えるスイッチが表示されます。JavaScriptなしで、CSSとラジオボタンで動作し、2つの価格はHTMLに入っています。
プランはいくつ表示すればよいですか?
3つが最も一般的で、強調された真ん中が最も選ばれがちです。4つを超えると比較が難しくなるため、その場合は比較表のほうが向いています。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。