ADMIN

設定管理画面

項目・金額・カラー・ロゴを編集して「settings.js をダウンロード」し、同フォルダの settings.js と置き換えれば完了です。

1各項目を編集

›

2settings.js をダウンロード

›

3元のファイルと置き換え

›

4index.html で動作確認

ロゴ画像

PDF見積書のフッターに表示。未設定の場合は社名テキストが代わりに表示されます。

クリックまたはドラッグ＆ドロップで画像を選択

PNG / JPEG / SVG / WebP・推奨サイズ：横300px以上

会社・担当者情報

コピーテキスト・PDF見積書のフッターに反映されます。

社名・ブランド名*

担当者名（任意）

担当部署（任意）

郵便番号（任意）

住所（任意）

電話番号（任意）

FAX番号（任意）

メールアドレス（任意）

WebサイトURL（任意）

問い合わせページURL*

問い合わせフォームと連動させる場合は、実際のURLに変更してください。連動させない場合は入力欄のURLを削除してください。

💡 問い合わせフォームとの連携方法

「この内容で相談する」ボタンを押すと、設定したURLの末尾に見積もり内容がパラメータ（?estimate=...）として付加されて新しいタブで開きます。

問い合わせページに以下のJavaScriptを追加すると、見積もり内容をテキストエリアへ自動で転記できます。

(function(){
  var params = new URLSearchParams(location.search);
  var estimate = params.get('estimate');
  if (!estimate) return;
  // ↓ テキストエリアのセレクターを実際のものに変更してください
  var el = document.querySelector('#your-textarea-id');
  if (el) el.value = decodeURIComponent(estimate);
})();

※ セレクターはフォームプラグインに合わせて変更してください。Contact Form 7 の場合は .wpcf7-textarea など。

SNS リンク（任意）

ツール設定

タイトル・PDF見積書の文言を変更できます。

ツールタイトル

ツールサブタイトル

PDF見積書タイトル

PDF注記

PDF見積書の下部に表示される注意書きです。

結果ページ注意書き

見積もり結果ページ下部に表示される注意書きです。

ディレクション費

制作費小計に対する進行管理費用です。「設定しない」を選ぶとディレクション費は表示されません。

消費税率

0 を設定すると非課税（税額なし）になります。

カラー設定

ツール全体・PDF出力の配色を変更できます。

フリーStep（Step 5以降）

Step1〜4の固定ステップに続けて、自由なオプションステップを追加できます。チェックボックス型で複数選択・価格加算方式です。

フリーStepはまだありません。「＋ Step追加」で追加してください。

LP / 通常サイト価格定数

トップページ・追加セクションの基本価格です。

LPトップページ価格

通常トップページ価格

LP追加セクション単価

STEP1：サイトタイプ

項目名とサブテキストを編集できます。

STEP2：ページ構成

カテゴリごとに項目名・金額を編集できます。

STEP3：機能・演出

項目名と価格を編集できます。

STEP4：システム・設定

項目名と価格を編集できます。

💾 設定を保存する

編集内容を書き出します。ダウンロードしたら settings.js と置き換えてください。

📋 保存手順

「settings.js をダウンロード」ボタンをクリック
ダウンロードされた settings.js を、このファイルと同じフォルダに移動
元の settings.js を上書き（削除して置き換え）
「ツールを確認」から index.html を開いて動作を確認