JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

サイト用料金表(HTMLとCSSのプラン)

プランを枠に書いてください。名前と価格の行を1行書き、その下に項目を書きます。強調するプランは名前に*を付けます。

使い方

プランを並べて、おすすめを目立たせる


利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツール真理値表ジェネレーター→
広告

サイト用料金表(HTMLとCSSのプラン): 用途

よく作られたプランのセクションは、訪問者の比較と選択を助けます。各プランに、名前、月額、年額、ボタン、含まれる項目(+)と含まれない項目(-)を書き、強調するプランにアスタリスクを付けます。

コードはレスポンシブで、強調プランはわずかに持ち上がってバッジが付き、含まれる/含まれないアイコン(スクリーンリーダー用テキスト付き)と、CSSとラジオボタンだけで作った月額/年額のスイッチを備えます。色、通貨、バッジのテキストを調整できます。

使い方

  1. プランと項目を書きます。
  2. 強調プランを指定し、色を調整します。
  3. コードをコピーします。

使うタイミング

  • サブスクリプションのプラン。
  • サービスのパッケージ。
  • ジムや講座のプラン。

よくある質問

プランはどう書きますか?

各プランは「名前 | 月額 | 年額 | ボタンのテキスト | リンク」という行で始めます。続く+または-で始まる行が、含まれる項目と含まれない項目です。プランの間には空行を1行入れます。強調したいプランの名前の前に*を付けてください。

月額/年額の切り替えはどう動きますか?

年額を入力すると、訪問者が切り替えるスイッチが表示されます。JavaScriptなしで、CSSとラジオボタンで動作し、2つの価格はHTMLに入っています。

プランはいくつ表示すればよいですか?

3つが最も一般的で、強調された真ん中が最も選ばれがちです。4つを超えると比較が難しくなるため、その場合は比較表のほうが向いています。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。