PROPOSAL DEMO

外壁塗装見積シミュレーター
実装デモ

延床面積・築年数・階数を選ぶと、28坪の税込価格を基準に、各プランの工事項目と概算総額を表示します。
既存のWordPressサイトにプラグインとして追加でき、料金は管理画面から変更できます。

01実際に操作できます

3つの項目を選んで「概算金額を見る」を押してください。結果が出たあとは、条件を変えるとその場で再計算されます。

プラン名・工事項目・価格はデモ用の仮データです。実際の料金表を共有いただければ、その内容に差し替えた版をご契約前に無料でお作りします。

02既存のWordPressサイトに組み込んだ例

当方で制作したリフォーム会社のWordPressデモ（架空の会社）に、プラグインとして設置した状態です。
見出しの装飾やフォントはサイト側のデザインをそのまま引き継ぎ、色は1色指定するだけで合わせられます。

WordPressサイトに組み込んだシミュレーターのパソコン表示 — パソコン表示（プランは2列で表示）

WordPressサイトに組み込んだシミュレーターのスマートフォン表示 — スマートフォン表示（枠内をスクロールできます）

03料金の変更は管理画面から

WordPressの「設定 → 見積シミュレーター」に、プランごとの基準価格・工事項目をまとめました。
価格改定のときは金額を書き換えて保存するだけで、コードを触る必要はありません。

管理画面：プランと料金の設定 — プラン名・28坪の税込価格・工事項目（1行に1項目）・「おすすめ」表示

管理画面：計算と選択肢の設定 — 基準坪数・延床面積の選択肢・端数処理・築年数/階数の選択肢・注意書き

設置方法

固定ページに次の1行を入れると、その位置にシミュレーターが表示されます。

[gaiheki_simulator]

04ご依頼の仕様との対応

募集文に書かれていた仕様を、1つずつ確認しています。

ご依頼の仕様	このデモでの対応
延床面積・築年数・階数を選択できる	対応 3つのプルダウン。選択肢は管理画面で変更できます。
28坪の税込価格を基準に、坪数に比例した概算金額	対応基準価格 × 選択した坪数 ÷ 28。端数は1,000円単位で四捨五入（設定で変更可）。例：28坪 935,000円 → 35坪 1,169,000円
築年数・階数は選べるが、金額には反映しない	対応計算には使わず、条件の表示とお問い合わせへの引き継ぎにだけ使います。
各工事項目の名称と概算総額を表示	対応プランごとに工事項目の一覧と概算総額（税込）を表示します。
工事項目ごとの個別金額は不要	対応項目名だけを表示し、個別の金額は出しません。
地域・支店による価格差なし	対応地域の入力欄はなく、全エリア同じ計算です。
スマートフォン・パソコン両対応	対応スマホは1列、パソコンは2列。選択欄は文字16px以上で、iPhoneで画面が勝手に拡大されません。
既存サイトのデザインに合わせる	対応フォント・見出しはサイト側を継承。色は管理画面で1色指定。実サイトを拝見したうえで細部を調整します。
（追加）お問い合わせへの引き継ぎ	追加「無料見積りを依頼する」ボタンで、選んだ条件をお問い合わせフォームに自動入力できます。表示例
（追加）Googleタグマネージャーでの計測	追加「計算した」「見積り依頼ボタンを押した」をイベントとして送信します（`gaiheki_sim_calc` / `gaiheki_sim_cta`）。何坪の家の方が多いかも集計できます。

既存の確認用画面やコードが流用できる場合は、そちらを活かして仕上げます。どちらが早く確実かは、拝見したうえでご相談させてください。

05引き継ぎから保守まで

作業の前後で「何を確認して、何をしたか」を書面でお渡しします。下の2つは、架空のサイトで書いた見本です。

引き継ぎ調査レポート（見本）

WordPress・テーマ・プラグインの構成、バックアップ、動作確認の結果、不具合と未完成箇所、改修方針と費用の目安をまとめます。

見本を見る →

月次保守レポート（見本）

毎月の更新作業、バックアップ、セキュリティ確認、表示確認、修正対応、次月の予定をまとめてお送りします。