AI 챗봇을 내 사이트에 다는 이유

쇼핑몰, 포트폴리오, 서비스 소개 페이지를 운영하다 보면 방문자들이 비슷한 질문을 반복해서 합니다. "배송은 얼마나 걸리나요?", "이 서비스는 어떻게 신청하나요?", "가격이 어떻게 되나요?" 이런 질문에 일일이 답하는 대신, AI 챗봇이 24시간 대신 답변하게 할 수 있습니다.

과거에는 챗봇을 달려면 개발자가 필요했습니다. 지금은 다릅니다. 내 사이트 관련 문서나 FAQ를 업로드하면, AI가 그 내용을 학습해서 방문자 질문에 자동으로 답변하는 챗봇을 코딩 없이 만들 수 있습니다.

Chatbase로 챗봇 만들기: 단계별 가이드

Chatbase(chatbase.co)는 내 문서나 사이트 URL을 업로드하면 그 내용을 학습한 AI 챗봇을 만들어주는 서비스입니다. 만들어진 챗봇은 웹사이트에 embed 코드 한 줄로 달 수 있습니다. ChatGPT와 같은 GPT 계열 모델을 기반으로 동작합니다.

내 사이트에 챗봇 embed하기

챗봇이 준비됐다면 이제 사이트에 달 차례입니다. Chatbase는 두 가지 방식으로 embed를 지원합니다.

방법 1: 팝업 버블 (우측 하단 채팅 아이콘)

가장 흔한 형태입니다. 사이트 우측 하단에 채팅 아이콘이 생기고, 클릭하면 챗봇 창이 열립니다. Chatbase 대시보드 → Connect 탭 → Embed on website에서 아래와 같은 코드를 복사합니다.

<script>
  window.chatbaseConfig = {
    chatbotId: "YOUR_CHATBOT_ID",
  }
</script>
<script
  src="https://www.chatbase.co/embed.min.js"
  id="YOUR_CHATBOT_ID"
  defer>
</script>

방법 2: 인라인 iframe (페이지 안에 직접 삽입)

챗봇을 페이지 본문 안에 고정 크기로 삽입하는 방식입니다. 전용 상담 페이지나 FAQ 페이지에 어울립니다.

<iframe
  src="https://www.chatbase.co/chatbot-iframe/YOUR_CHATBOT_ID"
  width="100%"
  style="height: 100%; min-height: 700px"
  frameborder="0">
</iframe>

플랫폼별 삽입 방법

챗봇 성능 높이기: 시스템 프롬프트 설정

챗봇이 달렸다면 이제 성능을 다듬을 차례입니다. 가장 효과적인 방법은 시스템 프롬프트를 설정하는 것입니다. 시스템 프롬프트는 AI에게 역할과 행동 방식을 사전에 지정하는 지시문입니다. Chatbase 대시보드 → Settings → Instructions에서 입력할 수 있습니다.

시스템 프롬프트 예시 (쇼핑몰용)

당신은 [브랜드명]의 친절한 고객 상담 AI입니다.

역할:
- 배송, 반품, 교환, 재고 문의에 답변합니다.
- 업로드된 FAQ 문서를 기반으로만 답변합니다.
- 문서에 없는 내용은 "담당자에게 연결해드릴게요"라고 안내합니다.

말투:
- 친근하고 따뜻하게, 존댓말을 사용합니다.
- 답변은 3문장 이내로 간결하게 합니다.

절대 하지 말 것:
- 가격이나 재고를 임의로 추측해서 답변하지 않습니다.
- 경쟁사 제품을 언급하지 않습니다.

Chatbase 대안 툴 비교

Chatbase가 가장 진입장벽이 낮지만, 상황에 따라 다른 툴이 더 맞을 수 있습니다.

자주 묻는 질문