ZapierでWebflowフォーム→Airtable登録自動化 問い合わせ管理のレシピ
Webflow で作ったサイトの問い合わせフォーム、送信内容をメール通知で受け取って終わりになっていませんか。Zapier を 1 つ挟むだけで、フォーム送信を Airtable に自動で行追加し、対応状況まで管理できる「問い合わせ台帳」が今日から動き始めます。本記事は中小企業・個人事業主が月¥7,500 規模で組める Webflow→Airtable 自動登録レシピを、編集部の試算と設定手順つきで整理した記事です。
- Webflow のフォーム送信を Zapier 経由で Airtable に1行ずつ自動登録、メール埋もれを解消
- 「未対応 / 対応中 / 完了」 の ステータス管理 で問い合わせの対応漏れをゼロに近づける
- 個人事業主の月100件程度なら Zapier 無料プラン (月100タスク) でも回せる
- 本格運用は 月¥7,500 程度 (Zapier Professional 相当) で複数フォーム・複数ステップに対応
- Slack / Gmail への 同時通知 と、担当者の自動割り当てまで含めた構築手順を編集部が提示
編集長の見解 ── 中小企業の問い合わせ対応で最も多い失敗は「メールに埋もれて返信を忘れる」 ことです。Webflow の標準通知メールは届くものの、誰が・いつ・どう対応したかが残りません。Zapier で Airtable に流し込むだけで、問い合わせは「流れて消えるメール」 から「対応状況が見える台帳」 に変わります。本レシピが強調するのは、Airtable を問い合わせの1次データ (顧客マスター) に据え、通知ツールは置き換え可能な「お知らせ係」 として扱う設計です。これにより、後から Slack を Chatwork に変えても台帳は無傷で残ります。
なぜ Webflow→Airtable 自動登録で月5時間が浮くのか
問い合わせ対応を担当している方が、1件あたりに費やしている時間を分解してみます。編集部が中小サービス事業者にヒアリングしてまとめた「典型的な手作業フロー」 は次のとおりです。
| 工程 | 1件あたり所要 | 月100件換算 |
|---|---|---|
| 通知メールを開いて内容を確認 | 約2分 | 月 約3.3時間 |
| 管理用スプレッドシートへ手で転記 | 約3分 | 月 約5.0時間 |
| 担当者の割り当て・チャットへ連絡 | 約2分 | 月 約3.3時間 |
| 対応状況の更新 (返信した・完了した) | 約2分 | 月 約3.3時間 |
| 月末に未対応の取りこぼしを目視チェック | — | 月 約2.0時間 |
| 合計 | 約9分/件 | 月 約16.9時間 |
このうち「転記」 と「割り当て連絡」 はほぼ全自動化できます。Zapier が Webflow の送信を受け取り、Airtable に行を追加し、Slack に通知するところまでを自動で済ませるためです。担当者は「Airtable の台帳を見て対応する」 ことだけに集中でき、編集部試算で 月 約8-10時間の圧縮 に相当します。
時給¥3,000 換算で月¥24,000-30,000 の人件費に対し、Zapier の月額は無料〜¥7,500。差し引いても 月 約¥20,000 前後の手取り改善 が試算できます。何より、対応漏れによる失注リスクが下がる効果は金額換算しにくい価値です。
続いて、導入前後で問い合わせ管理がどう変わるかを示します。
導入前後の比較 (BeforeAfter)
- 通知メールが受信箱に埋もれる
- 誰が対応中か分からない
- スプレッドシートへ手で転記 (月5時間)
- 未対応の取りこぼしが月数件
- 担当者割り当てを口頭やチャットで都度連絡
- 送信が即Airtableに台帳化
- ステータスで対応状況が一目で分かる
- 転記ゼロ (自動で行追加)
- 未対応はビューで自動抽出
- 担当者を条件で自動割り当て + Slack通知
編集部試算で月 約8-10時間の削減
ポイントは「メールを管理しない」 ことです。メールは届いた瞬間に Airtable へ移し、人間は Airtable だけを見ます。これにより、複数人で対応する体制でも「誰が・どこまで」 が常に共有された状態になります。
次に、編集部が実装した自動化の全体像を ProcessFlow で示します。
完成形のフロー (ProcessFlow)
Webflow フォームの送信を Zapier (Webhook または公式連携) が受け取り、Airtable に台帳化し、Slack / Gmail に通知する自動化設計
このフローの肝は 「Airtable を問い合わせの1次データ、通知ツールを置き換え可能なお知らせ係」 にする設計です。通知先を Slack から Chatwork や LINE に変えても、台帳である Airtable はそのまま使い続けられます。通知ツールに問い合わせ履歴を抱え込ませない構造が、長く使える自動化のコツです。
続いて、Webflow と Zapier をつなぐ2つの接続方式を比較します。
接続方式の比較 — 公式連携 vs Webhook
Webflow と Zapier をつなぐ方法は大きく2つあります。中小企業の運用に合わせて編集部が比較表で整理します。料金は $1 = ¥150 で換算 (2026 年 6 月時点の編集部参照値、契約時の実レートで再計算してください)。
| 接続方式 | 必要な Webflow プラン | 設定難易度 | 強み | 編集部のおすすめ |
|---|---|---|---|---|
| Zapier 公式連携 (Form Submission) | 有料サイトプラン推奨 | やさしい | コード不要、フォーム項目を自動取得 | まず最初に試す標準ルート |
| Webhook (Make a webhook trigger) | Webflow の Site Settings から設定 | ふつう | 送信が即時、公式連携が不安定なときの代替 | フォームが多い・即時性が要るとき |
公式連携で問題なく動くなら、それが最短ルートです。フォーム項目の取得が安定しない場合や、即時性を重視する場合に Webhook 方式へ切り替える、という順序を編集部は推奨します。
💡 編集部のヒント ── Webflow の無料サイトプランではフォーム送信数に上限 (合計50件まで) があります。問い合わせを本格的に受けるなら、Webflow 側も Basic 以上の有料プランにしておくと、Zapier 連携が安定します。まずは無料プランで動作確認 → 本番前に有料化、の二段構えが安全です。
次に、Airtable 側の台帳をどう設計するかを示します。
Airtable 側のフィールド設計例 (問い合わせ台帳)
問い合わせ管理は、最初のフィールド設計で運用のしやすさが決まります。編集部が中小事業者によく勧める最小構成は次のとおりです。
- record_id (Autonumber) : Airtable 自動採番 (受付番号として使える)
- received_at (Created time) : 受付日時 (自動記録)
- name (Single line text) : 氏名
- email (Email) : 返信先メールアドレス
- category (Single select) : 問い合わせ種別 (見積もり / 採用 / その他)
- message (Long text) : 問い合わせ本文
- status (Single select) : 未対応 / 対応中 / 完了
- assignee (Single select) : 担当者
- responded_at (Date) : 返信日時 (対応したら手で記録)
- source (Single line text) : 流入元フォーム名 (複数フォーム識別用)status と assignee が問い合わせ管理の核です。Airtable のビュー機能で「status = 未対応」 を絞り込んだビューを作っておけば、それが「対応すべきリスト」 になります。複数フォームを運用する場合は source で識別すると、後から流入元別の集計も取れます。
| フィールド | 役割 | 運用上のコツ |
|---|---|---|
| status | 対応状況の管理 | 初期値を「未対応」 にして Zapier から登録 |
| assignee | 担当者の明確化 | 自動割り当てか手動か運用に合わせる |
| received_at | 受付からの経過時間把握 | Created time なら自動、設定不要 |
| source | 複数フォームの識別 | Zapier 側で固定値を流し込む |
このフィールド設計のまま、Zapier 側の構築手順に進みます。
実際の90分セットアップを時系列で見ていきましょう。
90分セットアップ・タイムライン (TimelineSteps)
status の選択肢に「未対応 / 対応中 / 完了」 を登録。「未対応だけ」 を表示するビューを1つ作っておく。status には固定値「未対応」、source にはフォーム名を流し込む。テスト実行して Airtable に1行追加されることを確認。中小企業の担当者または個人事業主が独力で組める90分手順 (PC操作のみ、コード不要)
ここまでで「フォーム送信 → Airtable 台帳化 → 通知」 の基本ラインが完成します。担当者の自動割り当てを入れたい場合は、Airtable「Create Record」 の前に Zapier の「Paths (条件分岐)」 を挟み、問い合わせ種別ごとに assignee を出し分けると実現できます。
最後に、運用上の注意点と料金の考え方を整理します。
料金と運用上の注意
Zapier の料金は「月あたりのタスク数 (= アクション実行回数)」 で決まります。中小企業の問い合わせ件数を目安に、編集部がプランの考え方を整理します。為替は $1 = ¥150 換算です。
| 想定問い合わせ数 | 推奨プラン | 月額目安 | 備考 |
|---|---|---|---|
| 月100件以下 (1ステップ) | 無料プラン | ¥0 | 月100タスク・単一ステップまで。まず試すならここ |
| 月100-500件 (複数ステップ) | 有料プラン | 約¥3,000-¥7,500 | 台帳化+通知の2ステップ以上を回すなら有料が必要 |
| 月500件超・複数フォーム | 上位プラン | ¥7,500超 | 条件分岐や複数 Zap の本格運用向け |
無料プランは「1回の送信で1アクション (Airtable 行追加だけ)」 という制約があるため、Slack 通知まで含めると有料プランが必要になります。最新の正確な料金とタスク上限は、必ずZapier の公式料金ページで確認してください。
⚠️ 編集部の警告 (1) ── 個人情報の取り扱いに注意してください。問い合わせフォームには氏名・メール・場合によっては電話番号が含まれます。Airtable に保存する以上、自社のプライバシーポリシーに「外部サービス (Zapier・Airtable) に問い合わせ情報を保存する」 旨を明記し、共有設定を「メンバーのみ」 に絞ってください。Airtable のビューを安易に公開リンクで共有すると、個人情報が外部から閲覧可能になる事故につながります。
⚠️ 編集部の警告 (2) ── テストなしで本番運用を始めないでください。Webflow のフォーム項目名を変更すると Zapier のマッピングがずれ、Airtable に空欄の行が量産されることがあります。フォームを改修したら必ず Zap のテスト実行をやり直し、最初の数件は人間が台帳を目視確認する運用にしてください。「自動化したから見なくていい」 ではなく「自動化したからこそ最初は丁寧に見る」 が定着のコツです。
💡 編集部のヒント ── 問い合わせの「対応漏れアラート」 も組めます。Airtable の status が「未対応」 のまま24時間経過したレコードを、Zapier の「Schedule + Airtable Find Records」 で毎朝チェックし、Slack に再通知するだけです。これで「返信を忘れる」 を仕組みで防げます。
よくある質問
Q. Webflow の無料プランでも使えますか。 A. 動作確認は可能ですが、無料プランはフォーム送信が合計50件までという上限があります。本番運用では Webflow 側も Basic 以上の有料プランを推奨します。
Q. プログラミングの知識は必要ですか。 A. 不要です。本レシピはすべて画面操作 (項目のマッピングとボタン操作) だけで完結します。Webhook 方式を選ぶ場合も、Webflow の設定画面で URL を貼るだけです。
Q. Slack を使っていない場合はどうすれば。 A. 通知先を Gmail やチャットツールに差し替えられます。Airtable を台帳の中心に据えているため、通知ツールは後からいつでも変更できます。
問い合わせ管理を仕組み化したら、次は受注後の流れも自動化したくなります。フォームから会計・請求までを見据えるなら、Zapier で JotForm→freee 自動連携や、リード獲得フォームの設計を扱ったフォームからのリード自動化レシピ、回答集計を自動化するアンケート結果の自動レポート化も参考になります。
出典・参考情報
- Zapier 公式料金ページ: https://zapier.com/pricing
- Webflow 公式サイト: https://webflow.com/
- Airtable 公式サイト: https://airtable.com/
※本記事の時間・金額の試算は編集部のシミュレーションです。実際の効果は問い合わせ件数や運用体制により異なります。料金・プラン仕様は変動するため、契約前に各公式ページで最新情報をご確認ください。
Mira ／ AI経営ラボ 編集長
Zapier を無料で試す → ※ PR・アフィリエイトリンクを含みます