← 노드 한 장 전체#02 · Webhook
Webhook
가입 폼이 3초 만에 시트로
이 글은 이런 분께폼·다른 앱에서 들어온 데이터로 n8n을 바로 실행하고 싶은 분
이미지를 누르면 인스타그램에서 1분 영상이 열려요
가입 폼이 들어올 때마다 시트에 옮겨 적고 있다면, Webhook 노드 하나면 됩니다.
Webhook은 다른 앱이 n8n을 깨우는 초인종 주소예요.
먼저 결과부터
Webhook은 다른 앱이 n8n을 깨우는 주소. 폼이 이 주소로 POST하면 바로 실행되고, 실제 실행은 가입부터 시트 저장·답장까지 3.1초.
우리가 실제로 돌린 기록 · 실행 #70724 · 2026-10-23
우리가 실제로 돌린 기록 · 실행 #70724 · 2026-10-23
- 폼이 이 주소로 내용을 보내면(POST) 워크플로가 바로 시작
- 가입 버튼부터 시트 저장, 답장까지 3.1초 (n8n 안에서는 2.14초)
- Test URL은 테스트할 때만, Production URL은 워크플로를 켜 둬야 동작
따라 하기
아래 설정값은 이 영상에 나온 워크플로우 JSON에서 그대로 가져왔어요. n8n 캔버스에서 +를 눌러 노드를 순서대로 추가하고 같은 값을 넣으면 돼요. 빨간 제목이 이번 편의 주인공 노드예요. 표 왼쪽은 n8n 편집기에 보이는 칸 이름, 오른쪽은 실제로 넣은 값이에요. 직접 입력하기 번거로우면 JSON을 받아 ⋯ → Import from File로 가져오세요.
Step 1. Webhook 노드 추가이름: Webhook
| HTTP Method | POST |
| Path | node-hanjang-02 |
| Respond | Using 'Respond to Webhook' Node |
Step 2. Edit Fields (Set) 노드 추가이름: Pick fields
| 필드 1 | received_at · string · {{ $now.setZone('Asia/Seoul').toFormat('yyyy-MM-dd HH:mm:ss') }} |
| 필드 2 | name · string · {{ $json.body.name }} |
| 필드 3 | email · string · {{ $json.body.email }} |
| 필드 4 | plan · string · {{ $json.body.plan }} |
| 필드 5 | source · string · {{ $json.body.source }} |
Step 3. Google Sheets 노드 추가이름: Save to Google Sheets
| Operation | Append Row |
| Document | YOUR_GOOGLE_SHEET_ID |
| Sheet | gid=0 |
| Columns › Mapping Column Mode | Map Automatically |
Step 4. Respond to Webhook 노드 추가이름: Respond to Webhook
| Respond With | JSON |
| Response Body | {{ JSON.stringify({ ok: true, message: 'Thanks ' + $('Pick fields').item.json.name + '! You are on the list.' }) }} |
가져와서 쓸 때 확인할 것
- YOUR_… 표시를 내 값으로 바꾸고, 계정이 필요한 서비스 노드만 자격 증명을 연결하세요. 그런 칸이나 노드가 없는 예제는 추가 계정 없이 실행할 수 있어요.
노드의 모든 옵션은 n8n 공식 문서에서 볼 수 있어요.