自社サイトの料金表から15分で
見積もりシミュレーターを作る方法
「見積もりシミュレーターを作る」と聞くと、設計が大変そうに感じるかもしれません。
しかし、自社サイトにすでに料金表ページがあるなら、その内容をAIに解析してもらうことで、短時間でシミュレーターを作成できます。
AIと見積太郎で料金表ページをシミュレーター化する流れ
既存の料金表ページをAIに解析してもらい、価格・条件・注意事項を整理します。
見積太郎のテンプレートに沿って、シミュレーター作成用の要望テキストにまとめます。
AIにPRODUCTSコードを出力させて、管理画面からestimate-data.jsとして反映します。
料金表ページがあるとシミュレーター化も簡単
見積もりシミュレーターをゼロから作ろうとすると、項目設計や料金条件の整理など、それなりに時間がかかります。
ですが、すでに自社サイトに料金表ページがあるなら、そのページにはシミュレーター制作に必要な材料がかなり含まれているはずです。
たとえば:作業項目、基本料金、オプション料金、時間帯加算、割引、注意事項、現地見積りになる項目など。
わざわざ、これを人力で書き起こさなくても、AIに料金表ページを読み取らせて価格情報や条件を整理してもらえば、作業時間をかなり短縮できます。
ここではサンプルの水道修理料金ページをもとに、見積太郎でシミュレーターを作成する手順をご紹介します。
サンプル用の水道修理料金ページ👇
https://sfp-sample3.net/sfp-suido-test.html
作成手順は3ステップ
料金表ページから見積もりシミュレーターを作る流れは、次の3ステップです。
1. 料金表をAIに解析させて要望テキストにする
URLまたは料金表本文やPDFなどをAIに渡し、価格・条件・注意点などを、見積太郎のテンプレートに沿って要望テキストにまとめてもらいます。
2. PRODUCTSコードを作る
管理画面で取得したAI指示文(プロンプト)を使って、AIに var PRODUCTS = [ ... ]; の専用コードを出力してもらいます。
3. 管理画面に反映する
出力されたコードを貼り付け、estimate-data.jsをダウンロードして既存ファイルに上書きします。
料金表ページの解析&要望テキスト作成 → PRODUCTSコード出力 → estimate-data.jsのダウンロード。
この流れで自社サイトの料金表から、見積もりシミュレーターを作成できます。
STEP 1:料金表をAIに解析させて要望テキストにする
AIに料金表ページの内容を解析させ、見積太郎のテンプレートに沿って料金項目や条件などを「要望テキスト」の形に整理してもらいます(テンプレートは見積太郎の管理画面で取得できます)。
下記のウェブページの料金表を参考に、見積もりシミュレーターを作成したいので、まずはこのウェブページの価格情報などを適切に解析してください。
https://sfp-sample3.net/sfp-suido-test.html
そして、その情報を添付のテンプレートに沿って、要望テキストとしてまとめてもらえますか?
ここで大事なのは、AIに「価格情報を適切に解析してから、テンプレートに沿って整理してほしい」と伝えることです。
いきなり整理させようとすると、AIが料金条件を読み違えたり、項目の意味を勝手に解釈したりする可能性があります。
価格情報を解析する
要望テキストにまとめる
という段階を挟むようにしてください。
STEP 2:要望テキストからPRODUCTSコードを出力する
要望テキストができたら、見積太郎の管理画面に貼り付けます。
そして、管理画面から生成AI用の指示文をコピーし、その指示文をAIに渡すと、見積太郎用の var PRODUCTS = [ ... ]; 形式のコードが出力されます。
次は添付のAI指示文に沿って、プロダクトコードを出力してください。
STEP 3:estimate-data.jsをダウンロードして上書き反映
出力されたPRODUCTSコードを見積太郎の管理画面に貼り付け、チェック後に estimate-data.js をダウンロードします。
そのファイルを既存の estimate-data.js に上書きすれば、シミュレーターの中身が反映されます。
今回の実験では、ChatGPT版とClaudeAI版の2つを作成しました。
どちらも、料金表ページをもとに短時間で作成したサンプルです。
細かい調整を除けば、完成まで15分もかかりませんでした。
料金表から公開までの手順
料金表ページ
↓
AIで価格情報を解析
↓
見積太郎用の要望テキストへ整理
↓
AI指示文を使ってPRODUCTSコードを生成
↓
管理画面に貼り付け
↓
estimate-data.jsをダウンロード
↓
既存ファイルに上書きして公開
実際に使用した指示文の例
このときAIに指示するために用いた文章は、たった2つだけです。
この料金表を参考に見積もりシミュレーターを作成したいので、まずはこのページの価格情報などを適切に解析してください。
(URL)
そしてその情報を添付のテンプレートに沿って、要望テキストとしてまとめてください。
添付のAI指示文に沿って、プロダクトコードを出力してください。
AIが出力した内容を確認したり、必要に応じて修正する手間はあるものの、ゼロから仕様を考えるよりも圧倒的に早く、そして正確に形にできます。
指示文はこの2つだけ🐶
— N (@taizo1974) May 5, 2026
①この料金表を参考に見積もりシミュレーターを作成したいので、まずはこのページの価格情報などを適切に解析してください↓
(URL)
そしてその情報を添付のテンプレートに沿って要望テキストとしてまとめて下さい
②添付のAI指示文に沿ってプロダクトコードを出力して下さい https://t.co/i4wvBBiON2
AIによって読み取り精度は変わる
ちなみに、AIによってはWebページのURLを渡しても、読み取りを拒否される場合があります。
よくある失敗:
「ページを読み取れませんでした」
「検索エンジンに登録されていないため確認できません」
などと返されることがあります。
そういったときは、料金表ページの本文や表の内容をコピーしてAIに貼り付けてください。
URLで読める場合
料金表ページのURLを渡して解析してもらいます。ページ構造が分かりやすい場合に便利です。
URLで読めない場合
料金表の本文・表・注意書きをコピーして、直接AIに貼り付けます。PDFや画像(鮮明なもの)でも可。
料金表をシミュレーター化するメリット
料金表ページをシミュレーター化するメリットは、単に「便利になる」だけではありません。
料金の見える化によって「信頼感が増す」という効果があります。
実際に作成したシミュレーターで見積もりを試し、見積もり結果をAIに確認できる導線まで体験してみると、利用者に安心感を与えられることを実感できるはずです。
「この会社はきちんとしていそう」と思ってもらえる
特に、水道修理、害虫駆除、鍵交換、エアコン修理、リフォーム、Web制作など、料金が分かりにくい業種ほど、利用者は不安を感じます。
そのような業種で、利用者が自分の条件を選びながら概算を確認できるようにすると、次のような印象につながります。
- 料金体系が整理されている
- 事前に概算を出してくれる
- 別途見積りになる項目も隠していない
- 相談前にある程度の目安を確認できる
- 誠実で問い合わせやすい会社に見える
結果として、問い合わせ前の心理的ハードルを下げることができます。
カスタマイズも自由自在
見積太郎で作成したシミュレーターは、何度でも調整可能です。
- 項目を追加する
- 不要な項目を削除する
- 文言や注意書きを変更する
- 0円項目を確認事項として整理する
- 自動計算項目を非表示にする
- 明細の消費税表示を調整する
- カラーやロゴを変更する
比較的簡単に修正・変更できるため、季節や状況によって料金がよく変わるような業種でも、安心してご利用いただけます。
最初から完璧なシミュレーターを作ろうとしなくても、まずは料金表ページをもとに試作し、実際に動かしながら改善していくことをお勧めします。
デザインをもっと整えたい場合:
シミュレーターの見た目を自社ホームページの雰囲気に合わせたい、LPと一体化したデザインにしたい、といった要望がある方には、SFPスピードWeb開発サービスにて個別対応いたします。
見積太郎はシンプルな静的ファイル構成のため、デザインや導線は比較的自由に調整できます。
よくある質問
Q 料金表ページがあれば見積もりシミュレーターを作れますか?
Q URLをAIが読み取れない場合はどうすればよいですか?
Q 完成後に項目や文言を修正できますか?
Q 正確な見積金額まで自動で出す必要がありますか?
すでに料金表ページがあるなら、それが見積もりシミュレーターの材料になります。
AIに価格情報を整理してもらい、見積太郎用の要望テキストとPRODUCTSコードへ変換すれば、短時間でシミュレーターを制作できます。
料金体系が分かりにくい業種ほど、それを「見える化」することで信頼性の強化につながります。
料金表を、問い合わせ前の安心材料に。
見積太郎なら、既存の料金表ページをもとに、お客様がWeb上で気軽に概算を確認できる見積もり導線を作れます。