> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 料金比較

# 料金比較
料金比較を使うと、複数のプランの名前、価格、機能一覧、申し込みボタンをひとつにまとめて表示できます。月額・年額の表示切り替え、注目プランの強調、プランごとのリンク設定にも対応しています。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_c5vdng.png)

### 料金比較を使うメリット
* **プランを比較しやすくする：** 価格と機能を並べて表示することで、訪問者が各プランの違いをひと目で確認できます。
* **おすすめのプランを伝える：** 特定のプランを強調したり、「人気No.1」などのラベルを添えたりして、プラン選びを後押しできます。
* **月額・年額を切り替えて表示する：** ひとつの料金比較内で、月額と年額の料金を切り替えられます。「○％お得」などのバッジで、年額プランのメリットも伝えられます。
* **申し込みにつなげる：** 各プランに専用のボタンを設置し、訪問者を申し込みや無料トライアルへ案内できます。
### レイアウトの選択
#### 比較テーブル
各プランを列に、比較する機能を行に配置します。プラン数が多い場合や、機能ごとの違いを詳しく見せたい場合に適しています。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_bx0jeq.png)

#### プランカード
各プランを個別のカードとして表示します。カードには、アイコン、価格、機能のチェックリスト、申し込みボタンをまとめられます。2〜4件程度のプランを、それぞれの違いが伝わる形で紹介したい場合に適しています。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_gtfj9n.png)

### プランごとの設定
* **プラン名とアイコン：** プランの名前と、プランを見分けるためのアイコンを設定します。
* **通貨・月額価格・年額価格：** 表示する通貨と、月額・年額それぞれの価格を設定します。
* **単発購入：** 一回払いのプランに使用します。価格に「／月」「／年」を付けずに表示できます。
* **ボタンテキストとボタンリンク：** ボタンの文言とリンク先を設定します（例：「始める」「無料トライアルを開始」）。
* **ラベル：** プランに添えるバッジの文言を設定します（例：「おすすめ」）。
* **注目プラン（強調表示）：** 特定のプランを目立たせます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1jk3i3w.png)

### 共通のスタイル設定
* **テーマ：** ライトまたはダークから選択します。
* **名称と価格のフォント：** プラン名と価格の文字のスタイルを設定します。
* **プランの角丸：** プランの表示枠の角の丸みを調整します。
* **月額／年額切り替え：** 月額と年額を切り替えるボタンの表示・非表示を設定します。
* **デフォルトの課金設定：** 初期表示する料金を、月額または年額から選択します。
* **アクセントカラー・カード背景・テキスト色・切り替えボタンのテキスト色：** サイトのデザインに合わせて、各部分の色を変更します。
### プランと機能の管理
専用の編集パネルで、セクションの見出し、プラン、比較する機能を管理できます。
![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1hc6vls.png)

#### セクションの見出し
「見出し」と「サブ見出し」に、料金比較の上部に表示するタイトルと補足文を設定します。
例：
* **見出し：** プランを比較する
* **サブ見出し：** ご利用目的に合ったプランをお選びください
#### プランの追加・管理
各プランは「Plans」リストで管理します。
* **追加：** 「＋プランを追加」をクリックして、新しいプランを作成します。
* **並べ替え：** 並べ替え用のハンドルをドラッグして、プランの表示順を変更します。
* **編集：** 歯車アイコンをクリックして、プラン名、価格、ボタンなどを設定します。
* **削除：** 削除したいプランのゴミ箱アイコンをクリックします。
#### 機能の追加・管理
比較する項目は「機能」セクションで管理します。
* **追加：** 新しい機能の行を追加します。
* **並べ替え：** 項目をドラッグして、機能の表示順を変更します。
* **編集：** 歯車アイコンをクリックして、機能名と各プランの値を設定します。「無制限」「10 GB」などの文字や数値、チェックマーク（✓）やバツ印（✗）を使えます。
* **削除：** 削除したい機能のゴミ箱アイコンをクリックします。
「基本機能」「高度な機能」などのグループ見出しを追加すると、機能をカテゴリごとに整理できます。項目が多い場合でも、必要な情報を見つけやすくなります。
プランと機能は、それぞれ独立したリストで管理できます。新しいプランの追加、機能の並べ替え、カテゴリの変更を行う際も、ウィジェット全体を作り直す必要はありません。



# ウィジェット一覧

[フリー画像素材の活用](/ja/article/unsplash-33ih4h/)

[注文概要の作成](/ja/article/5roo5pah5qac6kab44gu5l2c5oiq-1qzddd8/)

[ボタンの使い方](/ja/article/44oc44k44oz44gu5l244ge5pa5-qn58hv/)

[見出し&テキストの活用方法](/ja/article/6kal5ye644gxjuodhuocreocueodioobrua0ueuqoawueazlq-f4tkge/)

[画像の追加&設定方法](/ja/article/55s75yop44gu6l95yqgjuiorewumuawueazlq-y3wxbz/)

[メニューを好きな場所に追加しよう！](/ja/article/44oh44ol44ol44o844ks5aw944gn44gq5ac05oma44gr6l95yqg44gx44ki44gg77yb-lfzcdq/)

[フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜](/ja/article/44ov44kp44o844og44gu5l244ge5pa544cc44gk5zwp44ge5zci44kp44gb44cb44oh44or44oe44ks44cb44ki44oz44kx44o844oi44gq44gp44cc-1vur3i/)

[クイズフォームの使い方](/ja/article/44kv44kk44k544kz44ov44kp44o844og44gu5l244ge5pa5-1lg35ja/)

[チェックアウトフォーム設定](/ja/article/44ob44kn44od44kv44ki44km44oi44ov44kp44o844og6kit5a6a-3kf0xy/)

[カウントダウンタイマー機能を活用しよう！](/ja/article/44kr44km44oz44oi44oa44km44oz44k44kk44oe44o85qmf6io944ks5rs755so44gx44ki44gg77yb-1cdh60i/)

[ファイルマネージャー（アップロード&ダウンロード方法）](/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o877yi44ki44od44ox44ot44o844ojjuodgoocpuodsodreodvoodieawueazle8iq-1fkvgfo/)

[音声メディアを作ろう!](/ja/article/6zz5aow44oh44oh44kj44ki44ks5l2c44kn44gg77yb-wgcq1l/)

[画像の埋め込み方法](/ja/article/5yuv55s744gu5zl44kb6l6844g5pa55rov77yb-9ulw60/)

[スペーサー](/ja/article/44k544oa44oz44k144o8-1in3yb2/)

[プログレスバー](/ja/article/44ox44ot44kw44os44k544oq44o8-621ukm/)

[区切り線の設定](/ja/article/5yy65yih44kk57ea44gu6kit5a6a-724dr0/)

[アコーディオン](/ja/article/44ki44kz44o844oh44kj44kq44oz-ardokk/)

[地図を入れてみよう！](https://con-one.crisp.help/ja/article/google-2mi0u/?bust=1751420716231)

[コードを埋め込んでみよう！](https://con-one.crisp.help/ja/article/html-i59b2o/?bust=1751420606583)

[スライダーの活用](https://con-one.crisp.help/ja/article/44k544op44kk44oa44o844gu5rs755so-rq0oh8/?bust=1751420472886)

[埋め込みの活用](https://con-one.crisp.help/ja/article/5zl44kb6l6844g44gu5rs755so-12426x5/?bust=1751420707630)

[ブログ一覧をサイトの好きな場所に設置](https://con-one.crisp.help/ja/article/44ow44ot44kw5lia6kan44ks44k144kk44oi44gu5aw944gn44gq5ac05oma44gr6kit572u-18j5acg/?bust=1751420712044)

[画像ウィジェット](https://con-one.crisp.help/ja/article/55s75yop44km44kj44k444kn44od44oi-2n2ogq/)

[アイコンリスト](https://con-one.crisp.help/ja/article/44ki44kk44kz44oz44oq44k544oi-1pcdrdj/)

[見出しチップ（ピル型見出し）](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/)
[](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/)

[チームメンバー](https://con-one.crisp.help/ja/article/44ob44o844og44oh44oz44oq44o8-n2fgf1/)

[統計カウンター](https://con-one.crisp.help/ja/article/57wx6kii44kr44km44oz44k44o8-9c7uw8/)

[チャート](https://con-one.crisp.help/ja/article/44ob44oj44o844oi-x0hjvy/)

[料金](https://con-one.crisp.help/ja/article/5paz6yer-ys4hgc/)

[料金比較](https://con-one.crisp.help/ja/article/5paz6yer5qu6lyd-1lf6kot/)

[動画によるお客様の声](https://con-one.crisp.help/ja/article/5yuv55s744gr44ki44kl44gk5a6i5qey44gu5aow-4k3hd/)

[画像比較](https://con-one.crisp.help/ja/article/55s75yop5qu6lyd-1vs0sxl/)

[画像自動ローテーション](https://con-one.crisp.help/ja/article/55s75yop6ieq5yuv44ot44o844og44o844k344on44oz-pv1554/)

[画像ホットスポット](https://con-one.crisp.help/ja/article/55s75yop44ob44od44oi44k544od44od44oi-1jg8n12/)

[タイムラインウィジェット](https://con-one.crisp.help/ja/article/44k44kk44og44op44kk44oz44km44kj44k444kn44od44oi-668dre/)

[お客様の声ウィジェット](https://con-one.crisp.help/ja/article/44gk5a6i5qey44gu5aow44km44kj44k444kn44od44oi-1c2jpjr/)

[テーブル](https://con-one.crisp.help/ja/article/44og44o844ow44or-9v90ox/)

[ソーシャルプルーフ](https://con-one.crisp.help/ja/article/44k944o844k344oj44or44ox44or44o844ov-yfiulq/)

[スクロールテキスト](https://con-one.crisp.help/ja/article/44k544kv44ot44o844or44og44kt44k544oi-h3c5uc/)



