본문으로 건너뛰기

시작하기

ZeroTalk는 웹사이트에 실시간 고객 메시징을 추가하는 플랫폼입니다. 이 문서를 따라 하면 웹사이트 우측 하단에 채팅 버튼이 나타나고, 방문자가 상담을 시작할 수 있습니다.

준비 사항​

웹사이트의 HTML을 수정할 수 있는 권한이 필요합니다.

빠른 시작​

  1. 대시보드에서 워크스페이스를 만듭니다. 이미 있으면 이 단계는 건너뜁니다.
  2. 채팅 설정 → 연동 / 개발 → 연동 설정에서 웹사이트 연동을 추가하고 Plugin Key를 발급합니다. 키 발급 절차와 허용 도메인 설정은 위젯 설치에 있습니다.
  3. 아래 코드를 웹사이트의 </body> 바로 위에 추가합니다. YOUR_PLUGIN_KEY는 2단계에서 발급한 Plugin Key로 바꿉니다.
<script src="https://cdn.talk.zeroworks.ai/latest/chat-widget.iife.js"></script>
<script>
ZeroTalk.init({
pluginKey: "YOUR_PLUGIN_KEY",
apiBaseUrl: "https://api.talk.zeroworks.ai/api/v1",
wsUrl: "wss://api.talk.zeroworks.ai/ws/sdk",
});
</script>

웹사이트를 새로 고쳤을 때 우측 하단에 채팅 버튼이 나타나면 설치가 끝난 것입니다.

다음 단계​

  • 위젯 설치 — HTML, React, Next.js 환경별 통합 방법
  • 위젯 커스터마이징 — 색상, 위치, 인사 메시지 설정
  • 회원 인증 — 로그인 사용자 식별과 HMAC 서명
  • API 개요 — 서버에서 메시지·연락처·채널 데이터를 읽고 쓰는 Public API
  • 웹훅 개요 — 메시지와 상담 이벤트를 우리 서버로 받는 방법