5분이면 우리 사이트에 챗봇이 뜹니다
아래 코드를 고객 사이트의 </body> 직전에 붙이면 우하단에 챗봇이 뜹니다. 아래에서 옵션을 골라보면 코드가 실시간으로 바뀝니다.
👉 지금 바로 오른쪽 하단 채팅 버튼을 눌러보세요! 기본 챗봇 모습을 바로 확인할 수 있습니다.
📋 한 줄 임베드 코드
복사하기
<script src="https://chat.hearim.ai.kr/widget.js"
data-tenant="demo "
아래에서 옵션을 고르면 이 코드가 실시간으로 바뀝니다. 옵션 안 골라도 챗봇 기본 디자인이 그대로 적용돼요.
🧪 이렇게 테스트해 보세요
우측 하단의 동그란 챗봇 버튼을 눌러 "뭐하는 회사야?" 처럼 질문해보세요 - 학습 자료가 없으니 답을 못합니다.
아래 학습 카드 에 텍스트나 URL을 넣고 학습 을 눌러보세요. 같은 질문 다시 하시면 자료를 근거로 정확히 답변합니다 (다국어 지원).
아래 1. 스타일 2. 메인 색 3. AI 글로우 색 4. 글씨체 5. 주목 효과 6. 인사 말풍선 7. 첫 인사 8. 페르소나 옵션을 자유롭게 조합 - 챗봇 모양/색/아이콘/말투가 실시간으로 바뀝니다.
스타일은 메신저형 / 상담형 / 카OO형 / 라O형 / 페OOO형 / iOO형 / 인OO형 / 노OO형 / cute / terminal 10종.
마음에 드는 조합이 나오면 위 한 줄 임베드 코드 를 복사해 사이트에 붙여넣기만 하면 끝.
옵션 8가지 - 자유롭게 조합
각 옵션은 따로따로 고를 수 있어요. 안 고르면 → 챗봇 기본값 그대로.
1. 스타일 - 챗봇 디자인 (data-design)
2. 메인 색 - 채팅 버튼/내부 색 (data-theme)
3. AI 글로우 색 - AI 버튼이 빛날 때 색 (data-ai-color)
4. 글씨체 - 폰트 변경 (data-font)
5. 주목 효과 - 챗봇 버튼 펄스+글로우 (data-attention) / 한 번 클릭하면 정지
기본
✨ 반짝임
6. 인사 말풍선 - 첫 진입 시 챗봇 옆 5초 노출 (data-greeting) / 비우면 OFF
기본 문구 채우기
비우기
7. 첫 인사 메세지 - 채팅창 열 때 봇 첫 메세지 (data-welcome) / 비우면 챗봇 기본값
비우기
8. 페르소나/답변 톤 - AI 답변 말투 지시 (data-persona) / 비우면 기본 톤
비우기
😊 친근
🙇 공손
🎓 전문가
✨ 발랄
💡 페르소나는 AI 답변 톤 에 적용돼요 - 우측 하단 ↘ 챗봇에서 학습 자료 관련 질문을 해보시면 말투 차이가 바로 보입니다. (예: 친근 → 반말 + 이모지 / 공손 → 격식체 / 전문가 → 짧고 명료)
🎯
환각 0, 자료 그대로
학습한 자료 안에서만 답변. 모르면 모른다고 - 추측 X.
🌐
어떤 자료든 학습
회사 소개/제품 매뉴얼/약관/채용공고/블로그 - 도메인 무관.
🗣️
27개 언어 자동
"영어로", "日本語で", "in Chinese" 한마디로 즉시 전환.
⚡
5분이면 도입
임베드 코드 한 줄로 사이트에 바로 - 별도 서버/세팅 불필요.
💡 위 옵션으로 꾸민 챗봇에 우리 회사 자료 학습시키기
1 여기에 자료 학습 →
2 우측 하단 ↘ 챗봇 에서 자료 관련 질문해보기
먼저 우하단 챗봇을 열고 "뭐하는 회사야?" 같은 질문을 던져보세요. 학습 자료가 없으니 답을 못합니다.학습 을 누르세요. 챗봇이 자료를 학습한 뒤 같은 질문을 다시 하시면 정확히 답변드립니다.
IP 당 한 시간 10질문 한도 (테스트 단계) / 데이터는 서버에 저장되지 않아요.
📋 텍스트 붙여넣기
🔗 URL 1개
📄 파일 업로드
▶ 챗봇에 학습시키기
✓ AI 가 자료 안 내용만 근거로 답변. 자료 없는 사실은 추측 X / 무조건 존댓말 답변다국어 OK - "영어로 답변해주세요", "日本語で답변", "in Chinese please" 등으로 요청