Notion CRM へのフォーム送信設定
中級
これはLead Generation分野の自動化ワークフローで、7個のノードを含みます。主にCode, Notion, Webhookなどのノードを使用。 Webフォームの送信をNotion CRMデータベースにキャプチャー
前提条件
- •Notion API Key
- •HTTP Webhookエンドポイント(n8nが自動生成)
使用ノード (7)
カテゴリー
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"id": "mSRodggo80JpZWPj",
"meta": {
"instanceId": "2000c64071c20843606b95c63795bb0797c41036047055a6586498e855b96efc",
"templateCredsSetupCompleted": true
},
"name": "Form Submission to Notion CRM Setup",
"tags": [],
"nodes": [
{
"id": "ed25fd44-5ca1-424d-8dd5-115aa8d2812a",
"name": "フォーム送信フック",
"type": "n8n-nodes-base.webhook",
"position": [
140,
220
],
"webhookId": "34e9fb3f-f6bd-4a44-bb58-6fe58ffe4a78",
"parameters": {
"path": "34e9fb3f-f6bd-4a44-bb58-6fe58ffe4a78",
"options": {},
"httpMethod": "POST"
},
"typeVersion": 2
},
{
"id": "cbbb8ead-001c-4f1c-8445-5163f43ee1ad",
"name": "リードデータの解析・整理",
"type": "n8n-nodes-base.code",
"position": [
460,
220
],
"parameters": {
"jsCode": "const items = $input.all();\n\nconst updatedItems = items.map((item) => {\n const { name, email, businessName, message, timeline, budget } =\n item.json.body;\n return {\n name,\n email,\n businessName,\n \"project intent/need\": message,\n timeline,\n budget,\n };\n});\n\nreturn updatedItems;\n"
},
"typeVersion": 2
},
{
"id": "ff79100c-45d8-4661-88ac-beff4ddd4b3f",
"name": "Notion",
"type": "n8n-nodes-base.notion",
"position": [
860,
220
],
"parameters": {
"pageId": {
"__rl": true,
"mode": "url",
"value": ""
},
"blockUi": {
"blockValues": [
{},
{},
{}
]
},
"options": {}
},
"typeVersion": 2.2
},
{
"id": "f9efaa89-1f30-4da5-aeee-077f1fb13d32",
"name": "付箋",
"type": "n8n-nodes-base.stickyNote",
"position": [
-340,
-20
],
"parameters": {
"color": 3,
"width": 360,
"height": 460,
"content": "## Website Form Submission to Notion CRM Setup\n**Author David Olusola** \n\nThe great thing about this workflow is that all the fields can be fully customised to match your specific use case. Whether you’re collecting project inquiries, job applications, client onboarding details, or internal requests, you can edit the input fields in your form and update the Code node accordingly.\n\nFor example, if your form collects extra data like “preferred contact time” or “project type,” you simply add those fields into your Code node output and map them to your Notion database properties. This way, your workflow remains flexible and tailored to exactly what your business needs to capture, store, and action efficiently."
},
"typeVersion": 1
},
{
"id": "b01db7fa-a46a-4e0f-a1f4-b3a11770fe25",
"name": "付箋1",
"type": "n8n-nodes-base.stickyNote",
"position": [
100,
-40
],
"parameters": {
"color": 7,
"height": 420,
"content": "\n1.**Webhook Node**\n • Purpose: Receives form data.\n • How to set up:\n • Add a Webhook node in n8n.\n • Copy the webhook URL.\n • In your website form settings, set the form action or integration to POST data to this webhook URL.\n • Test submit the form to see the incoming fields in n8n."
},
"typeVersion": 1
},
{
"id": "e5825406-7f14-4054-94d3-d67c66e3b317",
"name": "付箋2",
"type": "n8n-nodes-base.stickyNote",
"position": [
340,
-40
],
"parameters": {
"color": 6,
"width": 280,
"height": 420,
"content": "**Parse Data**\n 1. Reads all input items from the webhook\n 2. Extracts these fields from each form submission:\n • name\n • email\n • businessName\n • message (renamed to project intent/need)\n • timeline\n • budget\n 3. Returns them as a new structured object."
},
"typeVersion": 1
},
{
"id": "869bed10-0e6e-4d3a-b217-f0998c2be462",
"name": "付箋3",
"type": "n8n-nodes-base.stickyNote",
"position": [
620,
-40
],
"parameters": {
"width": 360,
"height": 440,
"content": "## Mapping to Notion\n\nWhen you connect this to your Notion “Create Page” node:\n • Select each database property\n • Map it to the corresponding output field from this Code node:\n\nNotion Property\nValue Mapping\nName\n{{$json[\"name\"]}}\nEmail\n{{$json[\"email\"]}}\nBusiness Name\n{{$json[\"businessName\"]}}\nProject Intent/Need\n{{$json[\"project intent/need\"]}}\nTimeline\n{{$json[\"timeline\"]}}\nBudget\n{{$json[\"budget\"]}}"
},
"typeVersion": 1
}
],
"active": false,
"pinData": {},
"settings": {
"executionOrder": "v1"
},
"versionId": "3fb4d00a-60b9-4907-8bd4-157ed67d33b1",
"connections": {
"ed25fd44-5ca1-424d-8dd5-115aa8d2812a": {
"main": [
[
{
"node": "cbbb8ead-001c-4f1c-8445-5163f43ee1ad",
"type": "main",
"index": 0
}
]
]
},
"cbbb8ead-001c-4f1c-8445-5163f43ee1ad": {
"main": [
[
{
"node": "ff79100c-45d8-4661-88ac-beff4ddd4b3f",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
中級 - リード獲得
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
Instagram のリーチを Google テーブルに自動保存
Instagram からのリードを自動のに Google スプレッドシートに保存
Code
Webhook
Google Sheets
+
Code
Webhook
Google Sheets
4 ノードDavid Olusola
リード獲得
ウェブフォームから Google シートおよび Slack へのリーダーポテンシャル管理の自動化
ウェブフォームから Google Sheets および Slack へのリード管理の自動化
Code
Slack
Webhook
+
Code
Slack
Webhook
5 ノードDavid Olusola
リード獲得
LinkedInリード生成+CRMオートメーションソフトウェアパック
Apifyを使用してLinkedInプロフィールから抽出し、Google Sheets CRMに自動のにリードデータを生成
If
Set
Code
+
If
Set
Code
18 ノードDavid Olusola
リード獲得
ジェミニ2.0フラッシュAIとGoogleスプレッドシートを活用した会話型リードキャプチャ
Gemini 2.0 Flash AI と Google Sheets を基にした対話型リードキャプチャー
Webhook
Agent
Google Sheets Tool
+
Webhook
Agent
Google Sheets Tool
10 ノードDavid Olusola
リード獲得
新しいCalendly予約をGoogleスプレッドシートに自動追加
新規Calendly予約を自動のにGoogleスプレッドシートに追加
Code
Webhook
Google Sheets
+
Code
Webhook
Google Sheets
5 ノードDavid Olusola
顧客管理
Zoom参加者のために自動Airtable CRM記録作成
Zoom参加者に対して自動のにAirtable CRMレコードを作成
Code
Webhook
Airtable
+
Code
Webhook
Airtable
4 ノードDavid Olusola
顧客管理
ワークフロー情報
難易度
中級
ノード数7
カテゴリー1
ノードタイプ4
作成者
David Olusola
@dae221AI automation consultant working with ambitious businesses on their most complex operational challenges. For project inquiries, reach me at david@daexai.com
外部リンク
n8n.ioで表示 →
このワークフローを共有