ProsodyProsody

웹 위젯

웹사이트나 앱에 상담 에이전트를 한 줄 JavaScript로 붙입니다. 음성 상담은 위젯 안의 한 기능으로 다룹니다.

배포 설정

먼저 빌더에서 에이전트를 만들어야 합니다.

필수
디자인
상담 기능
문구

PNG, JPG, WebP · 1MB 이하

AI

AI 상담

온라인 상담
×

궁금한 점을 남겨주세요.

궁금한 점을 남겨주세요.
예약 변경도 가능한가요?
메시지를 입력하세요
전송

AI가 답변하며, 필요한 경우 상담원에게 연결됩니다.

한 줄 설치 코드

저장하면 공개 위젯 키가 발급되고, 허용 도메인에서만 실행됩니다.

<script
  src="https://console.humelo.com/agent-widget.js"
  data-public-key="pk_widget_after_save"
  async
></script>
선택 에이전트
선택 필요
공개 키
저장 후 자동 발급
허용 도메인
0개
상담 방식
텍스트

위젯 연동 방식

공개 스크립트가 설정을 읽고, 도메인 검증을 통과한 요청만 에이전트 런타임으로 전달합니다.

window.ProsodyAgent?.open?.()
window.ProsodyAgent?.on?.("agent.message", (event) => {
  console.log(event.content)
})
window.ProsodyAgent?.on?.("handoff.created", (event) => {
  console.log(event.conversationId)
})
스크립트
/agent-widget.js
설정
디자인, 문구, 음성, 허용 도메인
텍스트
POST /api/aicc/web-widget/:publicKey/chat?stream=1
음성
POST /api/aicc/web-widget/:publicKey/voice
애널리틱스
web_widget 채널로 실시간 집계