Contact Form 7の添付画像を、受注書の「案件ファイル」へ自動取り込み

いつも KantanBiz をご利用いただきありがとうございます。
WordPress の Contact Form 7 から届くお問い合わせについて、添付された画像・PDF を受注書の「案件ファイル」へ自動で保存できるようになりました。

これまでも、CF7 × Webhook で問い合わせ内容を KantanBiz の案件(受付中)として取り込めました。今回の更新で、現場写真や図面などの添付も、同じ案件にまとめて残せます。

こんなときに便利です

  • ホームページの問い合わせフォームで「現場の写真を添付してほしい」
  • 見積依頼と一緒に参考画像が送られてくる
  • メールの添付を探したり、チャットに貼り直したりする手間を減らしたい

フォーム送信と同時に、顧客・案件メモ・案件ファイルまでつながるイメージです。

前提(これまでの CF7 連携)

次がすでに使える状態であることが前提です。

  1. KantanBiz の 問い合わせ受信(CF7) でトークンを発行する
  2. 送信先 URL(/api/v1/inbound/contact-form)とトークンを控える
  3. WordPress 側に Contact Form 7CF7 to Webhook(または同等の Webhook プラグイン)を入れる
  4. Webhook URL と認証ヘッダー(Authorization: Bearer … など)を設定する

問い合わせ本文の取り込み手順は、既存の解説記事「WordPressのお問い合わせをKantanBizの『案件』に取り込む方法(Contact Form 7 × Webhook)」もあわせてご覧ください。

添付を案件ファイルへ入れる設定

1. フォームにファイル欄を追加する

Contact Form 7 のフォームに、例えば次のようなタグを置きます。

[file file-386 limit:2mb filetypes:jpg|jpeg|png]

フィールド名(例: file-386)は任意ですが、Webhook のプレビューにその名前が出ることを確認してください。

2. Webhook の Files 設定(重要)

CF7 to WebhookFiles で次を推奨します。

  • Send content(ファイルの中身を送る)を ON

ON にすると、公開 URL を取りに行かず、ファイル内容が Webhook に載るため取り込みが安定します。
別ドメインのサイトから送る本番運用でも、こちらが確実です。

3. Body は空のままにする

Advanced → Body のカスタム本文は、にしてください。

空のときはフォームの全フィールドが JSON で送られます。
カスタム Body を使う場合は、ファイル欄のタグ(例: [file-386])を必ず含めてください。含めないと、件名や本文だけ届き、添付が落ちます。

保存後、プレビューに例えば次のように file-386 が出ていれば OK です。

{
  "your-name": "??????",
  "your-email": "??????",
  "your-subject": "??????",
  "your-message": "??????",
  "file-386": "??????"
}

4. 動作確認

  1. 公開フォームから 画像を添付して送信する
  2. KantanBiz に 受付中 の受注書が作られる
  3. 受注書詳細の 案件ファイル に添付が入っている

対応形式は PDF・JPEG・PNG・GIF・WebP(1ファイル最大 20MB、最大 10 件)です。

うまくいかないとき

症状確認ポイント
案件はできるがファイルが無い送信時にファイルを付けたか/Body にファイル欄が含まれているか
Webhook にファイル欄が無いBody を空にするか、[file-386] を追加して保存
取り込みが不安定Files の Send content を ON

おわりに

ホームページの問い合わせに添付された写真が、そのまま KantanBiz の案件ファイルに残るようになりました。
見積・現場確認・共有の初動が、ひと続きで進めやすくなります。

ご不明点やご要望がございましたら、お気軽にお問い合わせください。


コメント

KantanBizを30日間無料で試すことができます→
アカウントを作成
KantanBizを無料で試す
タイトルとURLをコピーしました