Add ChatGPT To Your Website In Minutes (n8n AI Chatbot)

한 줄 요약

n8n의 AI Agent 노드와 임베드 스크립트를 이용해 웹사이트에 ChatGPT 챗봇을 수분 내 붙이고, 서브워크플로를 툴로 연결해 인보이스 자동 발송까지 구현한다.

n8n에서 “On chat message” 트리거 생성 → Publicly available + Embedded Chat 모드 활성화
npm 패키지 설치 가이드에서 스크립트 태그 복사
웹빌더(WordPress, Wix, Go HighLevel 등)의 Custom Code/HTML 엘리먼트에 스크립트 붙여넣기, Production URL만 교체
워크플로를 Active 상태로 저장해야 챗봇이 작동
AI Agent 노드 추가 → Chat Model(OpenAI) + Window Buffer Memory + Tool 연결
인보이스 생성은 별도 서브워크플로로 분리, “Execute Workflow” 트리거로 호출
메인 워크플로에 “Call Workflow” 툴 추가 → 설명문으로 AI가 언제 호출할지 지정
서브워크플로가 완료될 때까지 execution.resumeUrl로 대기 → 결과를 받아 챗봇 메시지로 반환
시스템 프롬프트에 툴 사용 규칙·대화 흐름·규칙 섹션 명시

항목	내용
임베드 방식	npm 스크립트 태그를 웹빌더 Custom Code 엘리먼트에 붙여넣기
메모리	Window Buffer Memory (간단 구현); RAG 시스템은 고급 옵션으로 언급
툴 트리거 설명	”Call this tool when the user wants to generate an invoice”
파라미터 수집	`{{$fromAI("name", "user's name")}}`, `{{$fromAI("email", "user's email")}}`
대기 메커니즘	`execution.resumeUrl`을 HTTP Request로 외부 시스템에 전달 → 완료 시 재개
시스템 프롬프트 구조	Tool 섹션 + Rules 섹션 분리; 이름·이메일 먼저 수집 후 툴 호출 조건 명시

데모: 챗봇에서 “send me an invoice” 입력 → 수초 내 이메일로 인보이스 도착 및 결제·서명 가능한 링크 수신 (본인 직접 시연)
챗봇 구축 소요 시간: 약 3분 (본인 추정)

n8n: 메인 챗봇 워크플로 + 인보이스 생성 서브워크플로
Go HighLevel: 인보이스 생성·발송, Inbound Webhook 수신, 컨택 생성
OpenAI: 챗봇 Chat Model (다른 모델로 교체 가능)
워크플로 흐름: On chat message → AI Agent → Call Workflow Tool(인보이스) → HTTP Request(resumeUrl 포함) → 외부 시스템 인보이스 발송 → resumeUrl로 결과 반환 → 챗봇 응답
확장 패턴: 툴 노드를 추가할수록 기능 확장(이미지 생성, 미팅 예약, 고객서비스 등)