폼 제출을 Notion CRM 설정으로

• •Notion API Key
• •HTTP Webhook 엔드포인트(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
          }
        ]
      ]
    }
  }
}