웹사이트에 AI 챗봇 추가하는 법 — 코딩 없이 따라 하는 단계별 가이드
코딩 없이 15분이면 끝나는 AI 챗봇 설치 가이드. 워드프레스, 쇼피파이, 윅스, 커스텀 HTML 사이트 모두에 적용 가능한 실전 튜토리얼입니다.
웹사이트에 AI 챗봇을 추가한다고 하면 개발자가 필요한 일처럼 느껴지지만, 대부분의 소상공인에게는 설정 화면에 코드 한 줄을 붙여넣는 정도의 작업입니다. 구글 애널리틱스를 설치하는 것과 비슷한 난이도라고 보면 됩니다. 진짜 어려운 부분은 설치 자체가 아니라, 챗봇이 무엇을 답해야 하는지 정하고, 정확한 정보를 먹이고, 고객에게 보여주기 전에 결과를 검증하는 과정입니다.
이 글은 개념 설명이 아니라 실전 가이드입니다. 끝까지 따라오면 실제 작동하는 챗봇이 사이트에 올라가 있고, 실제 질문으로 테스트를 마쳤으며, 챗봇이 고객에게 무슨 말을 하는지 사업주가 직접 확인할 수 있는 상태가 됩니다.
1단계: 챗봇이 답해야 할 내용 정하기
코드를 만지기 전에, 고객이 실제로 가장 많이 묻는 질문 10~20개를 적어보세요. 이메일, 문의 폼 제출 내역, DM을 확인하면서 "고객이 물어볼 것 같은 질문"이 아니라 "실제로 물어본 질문"을 뽑아야 합니다. 대부분의 소상공인이라면 이런 목록이 나올 것입니다.
- 배송 기간과 배송비
- 교환·환불 정책
- 재고 여부, 사이즈 관련 문의
- 영업시간과 위치
- 가격과 포함 사항
- 예약, 취소, 일정 변경 방법
시작하기 전에 챗봇이 다룰 범위와 다루지 않을 범위를 명확히 정해야 합니다. 답하면 안 되는 질문(의료 조언, 법적 보증, 특정 고객의 계정 정보 등)에 자신 있게 답해버리는 챗봇은 챗봇이 없는 것보다 위험합니다. 처음에는 범위를 좁게 잡으세요. "제품, 정책, 영업시간에 대한 질문에 답한다"처럼 명확한 범위가 "뭐든지 도와준다"보다 훨씬 안전합니다.
2단계: FAQ와 정책 문서를 지식 소스로 모으기
AI 챗봇의 답변 품질은 결국 무엇을 학습 자료로 주느냐에 달려 있습니다. 챗봇을 설치하기 전에 실제 자료부터 모아보세요.
- 기존에 운영 중인 FAQ 페이지
- 배송, 교환·환불, 보증, 취소 정책
- 제품 설명과 스펙
- 가격 페이지
- 고객이 문의할 때마다 이메일로 보내주던 안내문이나 PDF
완벽하게 정리할 필요는 없습니다. 정돈되지 않은 불릿포인트라도 아무것도 없는 것보다 훨씬 낫습니다. 핵심은 챗봇이 추측하거나 지어내지 않고, 실제 최신 정보를 바탕으로 답하도록 만드는 것입니다. 이것이 챗봇의 실질적인 유용성을 좌우하는 가장 중요한 요소입니다. 실제 환불 정책을 근거로 답하는 챗봇은 신뢰할 수 있지만, 즉흥적으로 지어내는 챗봇은 오히려 리스크가 됩니다.
3단계: 임베드 스크립트를 사이트에 붙여넣기
기술적으로 어려워 보이지만 보통 2분도 걸리지 않는 단계입니다. cswithai를 포함한 대부분의 AI 챗봇 도구는 스크립트 태그 한 줄을 제공하며, 이를 사이트의 <head> 영역이나 사용 중인 플랫폼에서 커스텀 코드를 넣을 수 있는 위치에 붙여넣으면 됩니다.
<script src="https://cswithai.com/widget.js" data-site-key="YOUR_KEY"></script>
붙여넣는 위치는 플랫폼마다 조금씩 다르지만 원리는 항상 같습니다. 스크립트 태그 하나면 충분하고, 서버 설정이나 복잡한 플러그인 의존성이 필요 없습니다.
- 워드프레스: 테마의 헤더 부분에 직접 붙여넣거나, 테마 파일을 직접 건드리고 싶지 않다면 "커스텀 코드 삽입" 계열 플러그인을 사용하세요.
- 쇼피파이: 온라인 스토어 → 테마 → 코드 편집에서
theme.liquid의<head>영역에 추가합니다. - 윅스 / 스퀘어스페이스: 설정 → 고급 메뉴에 있는 "커스텀 코드" 또는 "임베드" 기능을 사용하세요.
- 커스텀 HTML 사이트: 템플릿이나 레이아웃 파일의
</head>태그 바로 앞에 붙여넣으면 됩니다.
스크립트 태그 하나로 끝나기 때문에 사이트가 어떤 플랫폼으로 만들어졌는지는 크게 중요하지 않습니다. 5년 전에 만든 사이트든 지난주에 새로 만든 사이트든 상관없이 작동하고, 기존 테마나 플러그인과 충돌하지 않습니다.
4단계: 공개 전에 실제 질문으로 테스트하기
이 단계는 절대 건너뛰지 마세요. 사이트를 열고 까다로운 고객이 되었다고 생각하며 직접 챗봇과 대화해보세요.
- 1단계에서 뽑은 질문을 그대로 물어보기
- 같은 질문을 다른 표현으로 물어보기 ("이거 환불되나요" vs "환불 정책이 어떻게 되나요")
- 일부러 범위 밖의 질문을 던져서, 추측하지 않고 "모른다"고 정직하게 답하는지 확인하기
- 외국인 고객을 응대한다면 다른 언어로도 질문해서 다국어 응답 품질 확인하기
챗봇이 틀린 답을 하면, 대부분의 경우 문제는 2단계에서 준비한 원본 자료가 모호하거나 부족한 데 있습니다. 챗봇의 말투를 고치려 하기보다 원본 자료를 보완하는 것이 정답입니다. 정책 페이지 자체가 애매하면 챗봇도 명확하게 답할 수 없습니다.
5단계: 대화 요약이 이메일로 오도록 설정하기
아무도 대화 기록을 확인하지 않은 채 챗봇이 조용히 질문에 답하고 있다면, 그것 자체가 기회 손실이자 리스크입니다. 고객이 실제로 무엇을 궁금해하는지, 챗봇이 잘못 답하거나 사람에게 넘겼어야 할 순간이 있었는지 알아야 합니다. 알림 이메일은 실제로 확인하는 주소로 설정하고(방치되는 공용 메일함 말고), 요약본을 열어보지도 않고 삭제하지 않을 형식으로 받도록 설정하세요. 이 요약본은 제품이나 정책의 빈틈을 찾는 데도 유용합니다. 답하지 못한 같은 질문이 요약에 계속 등장한다면 FAQ를 업데이트해야 한다는 신호입니다.
6단계: 검토하고 개선하기
처음 몇 주는 튜닝 기간이라고 생각하세요. 이메일로 오는 요약본을 꾸준히 확인하고, 챗봇이 헤맸거나 굳이 사람에게 넘길 필요 없던 질문을 놓치지 말고 기록한 다음, 그 부분의 원본 자료를 보완하세요. "실제 질문 유입 → 빈틈 발견 → 자료 업데이트"로 이어지는 이 순환이 초기 설정 어떤 항목보다도 챗봇의 장기적인 품질을 결정합니다.
실제 공개 전에 확인할 것들
"완성됐다"고 판단하고 트래픽을 유입시키기 전에 정직하게 점검해볼 항목들입니다.
- 개인정보 처리. 의료, 법률, 금융처럼 민감한 정보를 다룬다면, 챗봇의 기반 모델이 어디서 구동되는지, 방문자와의 대화가 해외 LLM 제공사로 전송되는지 확인하세요. cswithai 같은 도구는 자체 호스팅 모델을 사용해 이 문제 자체를 없앴습니다.
- 사람에게 넘기는 경로. 챗봇이 막힌 대화를 실제 사람에게 연결할 방법이 있는지 확인하세요. 담당자 연결, "문의하기" 대체 경로, 최소한 "모르겠습니다, 이렇게 연락해주세요"라는 명확한 안내라도 있어야 합니다.
- 모바일 확인. 데스크톱 브라우저뿐 아니라 실제 휴대폰에서 위젯을 테스트하세요. 실제 트래픽의 상당 부분이 모바일에서 챗봇을 마주치게 됩니다.
- 요금 구조. 대화 건수당 과금인지, 정액제인지 확인하세요. 대화 수 제한 없는 정액 월 요금이라면 트래픽이 갑자기 몰려도 예상치 못한 청구서를 받을 걱정이 없습니다. 공개 전에 미리 확인해두는 편이 좋습니다.
자주 묻는 질문
웹사이트에 AI 챗봇을 추가하려면 개발자가 필요한가요? 아닙니다. cswithai를 포함한 대부분의 AI 챗봇 도구는 사이트의 head 영역이나 플랫폼의 커스텀 코드 삽입 기능에 붙여넣는 스크립트 태그 한 줄로 작동합니다. 워드프레스, 쇼피파이, 윅스, 직접 코딩한 HTML 사이트 모두 같은 방식으로 설치됩니다.
웹사이트에 AI 챗봇을 설치하는 데 얼마나 걸리나요? 기술적인 설치 자체는 몇 분이면 끝납니다. 실제로 품질을 좌우하는 부분, 즉 FAQ와 정책 자료를 모으고 실제 질문으로 테스트하는 과정까지 포함하면 대부분의 소상공인 기준 한두 시간 정도 걸립니다.
챗봇이 잘못된 답을 하면 어떻게 하나요? 거의 항상 챗봇의 설정이 아니라 답변 근거가 되는 원본 자료(FAQ, 정책 페이지)를 업데이트하는 것이 해결책입니다. 모호하거나 부족한 원본 자료가 잘못되거나 도움이 안 되는 답변의 가장 흔한 원인입니다.
AI 챗봇이 모든 웹사이트 플랫폼에서 작동하나요? 네. 플랫폼 전용 플러그인이 아니라 스크립트 태그 방식이기 때문에 커스텀 HTML을 붙여넣을 수 있는 곳이라면 어디든 작동합니다. 워드프레스, 쇼피파이, 윅스, 스퀘어스페이스, 직접 만든 사이트 모두 가능합니다.
여러 언어로 답변할 수 있나요? 잘 만들어진 AI 챗봇은 언어별로 따로 설정할 필요 없이, 방문자가 입력한 언어에 맞춰 자동으로 답합니다. 해외 고객을 응대한다면 4단계에서 직접 테스트해보는 것이 좋습니다.
내 사이트에도 AI 고객상담을 달아볼까요?
무료로 시작하기 arrow_forward이어 읽기
야간·주말에도 끊기지 않는 고객 응대 — 소규모 매장의 24/7 커버리지 전략 (2026)
야간·주말 문의를 놓쳐 매출을 잃는 소규모 사업장을 위한 24/7 고객 지원 전략을 정리했습니다. 야간 고객 응대 AI가 안전하게 답할 수 있는 범위, 사람에게 반드시 넘겨야 하는 순간, 솔직한 기대치 안내법과 실제 대화 예시까지 함께 다룹니다.
이커머스 AI 챗봇, 2026년 무엇을 자동화하고 무엇을 사람에게 넘겨야 할까
이커머스 AI 챗봇이 주문 상태, 배송 조회, 반품 정책, 사이즈 문의를 24시간 자동으로 응대하는 방법과 파손·분쟁처럼 판단이 필요한 문의는 반드시 사람에게 넘겨야 하는 이유를, 실제 매장 대화 예시와 스토어에 바로 도입하는 구체적인 5단계 방법까지 함께 정리했습니다.
AI 챗봇, 고객 대화는 실제로 어디로 갈까? 데이터 프라이버시 솔직 가이드
AI 챗봇에 고객 데이터를 맡겨도 안전할까요? 메시지가 실제로 어디를 거치는지, 왜 제3자 LLM API가 중요한지, 업체 선택 전 확인할 점을 솔직하게 정리했습니다.