料金
料金
料金ウィジェットを使うと、各プランの価格、説明、機能一覧、申し込みボタンをまとめて表示できます。
各プランの機能は、自由なテキストで個別に入力します。プラン間で共通の機能行を設定する「料金比較」ウィジェットに比べて、手早く作成できるため、項目ごとの厳密な比較が不要な場合に適しています。
料金ウィジェットを使うメリット
- 手早く作成する： 各プランの機能をテキストで入力するだけで、機能一覧を作成できます。
- ページに合わせて表示する： 3種類のレイアウトから、サイトのデザインや配置するスペースに合う形式を選べます。
- 申し込みに必要な情報をまとめる： 月額・年額の表示切り替え、人気プランのバッジ、プランごとの申し込みボタンに対応しています。
- プランごとの特徴を伝える： 提供する機能がプランごとに異なる場合や、説明文を添えて対象者や用途を伝えたい場合に便利です。
レイアウトの選択
カード
各プランを、枠線や立体感のあるカードとして横に並べます。人気プランを視覚的に強調でき、それぞれの価格や特徴をまとめて紹介できます。
列（ミニマル）
説明文、価格、機能一覧、ボタンを、シンプルな列として横に並べます。装飾を抑えた、すっきりしたデザインに適しています。
テーブル（1行に1プラン）
各プランを1行ずつ表示し、価格、機能、申し込みボタンを横方向に配置します。縦のスペースを抑えながら、各プランの詳細を見せたい場合に適しています。
プランの追加・管理
各プランは、編集画面のリストで管理します。
- 追加： 「＋追加」をクリックして、新しいプランを作成します。
- 並べ替え： プランをドラッグして、表示順を変更します。
- 編集： 歯車アイコンをクリックして、プランの内容を設定します。
- 削除： 削除したいプランのゴミ箱アイコンをクリックします。
プランごとの設定
- プラン名とアイコン： プランの名前とアイコンを設定します。
- 通貨・月額料金・年額料金： 表示する通貨と、月額・年額それぞれの料金を設定します。
- 単発購入： 一回払いのプランに使用します。料金に「／月」「／年」を付けずに表示できます。
- 説明： 価格の下に表示する短い説明文を設定します（例：「事業を拡大したいチーム向け」）。
- 機能（1行につき1項目）： 各プランで利用できる機能を、1行に1項目ずつ入力します。内容はプランごとに自由に設定できます。
- ボタンテキストとボタンリンク： ボタンに表示する文言とリンク先を設定します。
共通のスタイル設定
- テーマ： ライトまたはダークから選択します。
- 名称と価格のフォント： プラン名と価格の文字のスタイルを設定します。
- プランの角丸： テーブルやカードの角の丸みを調整します。
- 月額／年額切り替え： 月額と年額を切り替えるボタンの表示・非表示を設定します。
- デフォルトの請求期間： 初期表示する料金を、月額または年額から選択します。
- アクセントカラー・カード背景・テキストカラー・切り替えテキストカラー： サイトのデザインに合わせて、各部分の色を変更します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます