本文へ
suminawa相談する

料金シミュレーターを、自社のホームページに

見積もり電卓テンプレ

「だいたいいくら?」に、お客さまが自分で答えを出せます。単価 × 数量とオプションから内訳と合計をその場で出し、見積書を A4 で印刷(PDF 保存)できます。HTML に 4 行で置けて、月額はかかりません。

動く見本触ると、その場で結果が変わります。入力した内容はこの画面の中だけで扱い、外へ送ったり保存したりしません。

単価方式
円 / 時
時間
追加オプション

上の電卓は、時間単価・一式・オプション・消費税の計算だけの見本です。お求めいただく版には、次のものが入っています。

  • 明細: 「足場 150 ㎡ × 900 円」のように、項目 × 数量 × 単価で積み上げられます
  • 見積書: 宛名・件名・発行日・有効期限・発行者の入った A4 1 枚を、印刷から PDF に保存できます
  • この内容で問い合わせる: お客さまが、内訳を本文に入れたメールをそのまま送れます
  • 値引き: 円でも % でも入れられ、内訳に 1 行で載ります
  • 税込から逆算: 「税込 11 万円で」と言われたときに、税抜と消費税を出します。合計は入力した額と 1 円もずれません
  • 税率の切替(10% と 8%)と、源泉徴収のある仕事の差引お支払額
  • 内訳のコピー: メールやチャットにそのまま貼れる文章になります
  • スマホでは合計を画面の下に出し続けます。設定を書き間違えたときは、直す項目を画面に出します
お求めいただく版の画面。外壁・屋根塗装の明細 4 行と「遮熱塗料に変更」のオプションから、合計 758,670 円(税込)が出ている
お求めいただく版の画面です(設定の例: 外壁・屋根塗装。項目と単価は設定で書き換えます。金額は例です)。
印刷した見積書。件名・宛名・発行日・有効期限・発行者・明細の表・合計が A4 1 枚に入っている
「見積書を印刷(PDF 保存)」で開く見積書です。ブラウザの印刷の画面から PDF に保存できます。
  • 141 件自動テストの数です。計算・設定の確かめ・見積書まで、版を出すたびにすべて通しています(1.1.1)。
  • 0 円月額の費用です。ご自身のサイトに置いたファイルだけで動きます。
  • 0 件電卓が外へ送る通信です。入力した内容をサーバーに送らず、Cookie も使いません。
  • 4 行サイトに貼るコードの行数です。JS と CSS の 2 ファイルと一緒に置きます。

向いている方・向いていない方

向いている方

  • 塗装・清掃・撮影・教室・士業など、料金が「単価 × 数量 + オプション」で決まるご商売の方
  • 「だいたいいくら?」の電話やメールに、毎回同じ計算でお答えしている方
  • お客さまのサイトに置いて納品したい制作会社・フリーランスの方(クライアントのサイトに組み込んで納品できます)
  • ご自身で置くのが不安な方(設置までお任せいただけます。下の「お値段」をご覧ください)

向いていない方

  • 現地を見ないと金額の見当もつかないお仕事の方(概算の材料が無いため、合計がかえって誤解のもとになります)
  • 見積もりの履歴・お客さまの管理・送った記録まで残したい方(電卓は何も保存しません。下の比較の見積もりサービスが向いています)
  • 料金表を管理画面から書き換えたい方(料金は、貼ったコードの設定に書きます)
  • ドル・ユーロなど、小数点のある通貨で使いたい方(金額は整数に丸めます)

ほかの方法と比べる

種類名前費用できること・違い
無料の道具Calculated Fields Form(WordPress のプラグイン)0 円(PDF の書き出しは有料版)WordPress の中で、入力に応じて合計を出すフォームを作れます。WordPress 以外のサイトには置けません。
無料枠のあるフォームJotform(Starter プラン)0 円(フォーム 5 本・月 100 件まで。有料は月 $39 から)フォームの中で計算できます。無料のプランでは、フォームに Jotform の表示が入ります。
似たサービスマイ見積0 円(フォームにクレジットの表示)。スタンダードは月 2,980 円見積もりのフォームと PDF の発行ができます。自動返信などは有料のプランからです。
このキット見積もり電卓テンプレ¥2,980(税込・買い切り)単価 × 数量・オプション・値引き・消費税から内訳を出し、A4 の見積書まで作れます。自社のサイトの中で動き、ほかの会社の表示も月額もありません。

無料の道具で足りる方には、そちらをおすすめします。

ほかの方法の内容と費用は、2026/10/20 に各社のページで確かめたものです。

お値段

キットだけ(ご自身で貼る)
¥2,980(税込・買い切り) BOOTH で買う
設置まで頼む
合計 ¥35,980〜(税込)キット ¥2,980 + 設置代行 ¥33,000〜(税別 ¥30,000〜)設置を頼む(ご相談の窓口へ)

領収書・インボイス

本ショップは適格請求書発行事業者ではないため、BOOTH の購入履歴から領収書は発行されません(BOOTH の領収書はインボイス発行事業者のショップに限られます)。経費の記録には、BOOTH から届く「ご注文の確認」のメールと、お支払い方法の明細(クレジットカードの利用明細など)をお使いください。消費税の仕入税額控除の対象にはなりません。

つまずきやすいところ

WordPress に置くまで

WordPress のメディアライブラリは、.js と .css のファイルを受け付けません。次の順に置いてください。

  1. zip の「embed」フォルダから、quote-calculator.global.js と quote-calculator.css を取り出します。
  2. FTP かレンタルサーバーのファイルマネージャーで、wp-content/uploads/quote-calculator/ などに 2 つを置きます。
  3. 固定ページの編集画面で「カスタム HTML」のブロックを足し、embed-snippet.html の 4 行を貼ります。2 つのファイルの場所は https:// から書きます。
  4. 管理者のアカウントで保存します(編集者などの権限では、script のタグが消えることがあります)。

STUDIO・Wix・ペライチのように JS のファイルを置けないサイトでは、同梱の standalone.html をご自身のサーバーなどに置き、iframe の 1 行で埋め込みます(手順書の「STUDIO・Wix・ペライチに置く」をご覧ください)。

電卓の場所に赤い文が出たとき・何も出ないとき

設定の値が正しくないときは、電卓の代わりに、直す項目と書き方が赤い文で出ます。

  1. 赤い文の「設定の ○○ が正しくありません」にある項目の名前(例: tax.rate)を、貼ったコードの中で探します。
  2. 赤い文の書き方のとおりに直します(例: 税率の 10% は、10 ではなく 0.1 と書きます)。
  3. ページを読み込み直し、電卓が出ることを確かめます。
  4. 何も出ないときは、「,」の付け忘れ・「"」の閉じ忘れ・JS と CSS の場所の書き間違いを確かめます。

それでも出ないときは、貼ったコードを添えて hello@suminawa.dev へお送りください。3 営業日以内にお返事します。

更新とご利用の範囲

お求めの方は、その後の 1.x の更新も無料で受け取れます(差し替えるのは embed の 2 ファイルだけです)。クライアントのサイトに組み込んで納品できます。再配布・転売・同種の商品としての販売はできません。

ご購入から 14 日は、手順書どおりに動かないときにメールで設置まで一緒に確かめます。デジタル商品のため、返品・返金はお受けしていません。

¥2,980税込・買い切り

BOOTH で買うnote で読む