料金かんたん計算パーツ｜設定画面付きHTML料金シミュレーター

Webページに概算料金を表示する、設定画面付きのHTML／CSS／JavaScript一式です。

小規模店舗や個人サービスのサイトを制作する方が、プラン・数量・追加オプションから合計と内訳を表示する料金計算画面を、自分で設定して組み込めます。

計算処理用サーバーや外部APIは不要です。設定内容と計算内容を外部へ送信せず、Cookie、アクセス解析、顧客情報の保存も行いません。公開用Webサイト自体のホスティングは別途必要です。

できること

1～6件の固定プランから1件を選択

1～20の数量を指定

0～8件の一回分オプションを複数選択

「プラン単価 × 数量 ＋ オプション」の概算合計と内訳を表示

ブラウザの設定画面からpricing-data.jsを作成

PC・スマートフォン幅で使える静的な料金計算画面を設置

使い方

open-setup.cmdまたはsetup.htmlで設定画面を開きます。

サービス名、説明、数量名、税表示、プラン、オプション、注意書きを入力します。

作成したpricing-data.jsを商品本体の同名ファイルと置き換えます。

index.htmlで料金と表示を確認し、必要なファイルをWebサイトへ配置します。

収録内容

料金計算本体のHTML／CSS／JavaScript

端末内で動く設定画面

導入・更新・復旧手順

利用条件

清掃、出張修理、個別レッスンの架空設定例

対象となる方

HTML／CSS／JavaScriptファイルを配置・編集できるWeb制作者

自分のサイト、または制作を請け負った顧客サイトへ料金目安を入れたい方

サーバー処理や外部サービスを増やさず、静的ファイルで運用したい方

一般の店舗経営者が無補助で設置できることや、WordPressへそのまま導入できることは保証していません。

対応しないもの

面積単価、段階料金、割引、オプションごとの数量、予約、決済、正式見積書、フォーム送信、顧客情報保存、WordPress組込み、サーバー設置、個別設定代行には対応していません。

表示金額は概算です。実際の料金、税表示、説明、注意事項は購入者が確認してください。売上、集客、成約、問い合わせ削減、すべての環境での動作は保証しません。

利用条件

購入者自身のWebサイトと、購入者が制作を請け負った顧客Webサイトで利用・改変できます。完成した顧客サイトの運用に必要な範囲で設置済みファイルを引き渡せます。

テンプレート本体や実質的に同じものを、素材・特典・テンプレート集等として再配布、再販売、譲渡することは禁止です。詳しくは同梱のLICENSE.mdをご確認ください。

購入前にご確認ください

BOOTHのダウンロード商品は、注文確定後のキャンセル・返金ができません。対象範囲、必要な作業環境、収録内容をご確認ください。

同梱ファイルの不足や、説明どおりの基本動作を再現できない場合は、BOOTHメッセージから状況をお知らせください。個別サイトへの設置、既存コードとの競合調査、機能追加はサポートに含みません。APIキー、ログイン情報、個人情報、顧客情報は送らないでください。