Prosody

웹 위젯

웹사이트에 붙일 상담 위젯의 에이전트, 허용 도메인, 표시 방식을 설정합니다.

웹 위젯 배포 설정

연결할 에이전트, 허용 도메인, 위젯 표시 방식을 설정합니다.

필수
디자인
상담 기능
문구

PNG, JPG, WebP · 1MB 이하

AI

AI 상담

온라인 상담
×

궁금한 점을 남겨주세요.

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

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

한 줄 설치 코드

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

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

위젯 연동 방식

설치 스크립트가 저장한 설정을 읽어 위젯을 그리고, 허용 도메인에서 온 상담 요청만 에이전트에 전달합니다.

javascript
window.ProsodyAgent?.open?.()
window.ProsodyAgent?.on?.("agent.message", (event) => {
  console.log(event.content)
})
window.ProsodyAgent?.on?.("handoff.created", (event) => {
  console.log(event.conversationId)
})
설치
한 줄 스크립트를 사이트에 추가
설정
디자인, 문구, 음성, 허용 도메인
텍스트 상담
허용 도메인에서 보낸 메시지에 에이전트가 답변
음성 상담
음성 상담을 켜면 마이크로 묻고 목소리로 답변
상담 기록
상담 관리의 대화·분석에 웹 위젯 채널로 집계