고객 메시징 플랫폼 구축

개요

Computer는 백엔드 설정 없이도 완벽한 고객 메시징 플랫폼을 단번에 구축할 수 있습니다. 사이트에 삽입할 수 있는 채팅 위젯과 팀이 즉시 업무를 처리할 수 있는 상담원 받은 편지함이 포함됩니다. 실시간 스레드, 상용구 응답, 기본 봇 흐름, 대화 상태를 하나로 연결하고 모든 데이터를 로컬에 저장하므로 백엔드 설정 없이도 데모와 반복 작업을 수행할 수 있습니다.

주요 산출물

Computer는 동일한 페이지에서 실행되는 채팅 위젯 미리보기와 상담원 받은 편지함 대시보드의 두 가지 주요 뷰를 갖춘 완전한 기능을 갖춘 “Breeze” 스타일 메시징 앱을 제공했습니다. 위젯 뷰는 우측 하단에 플로팅 애니메이션 버튼을 표시하며, 이 버튼을 누르면 사전 채팅 양식(이름 및 이메일), 환영 메시지, 타임스탬프가 포함된 사용자/상담원 말풍선, 입력 중 표시기, 이모티콘 선택기가 있는 채팅 창이 열립니다. 이용 가능한 상담원이 없는 경우, 간단한 봇 흐름이 사용자에게 인사를 건네고 이메일을 수집하며 후속 조치를 확인합니다.

상담원 받은 편지함 뷰는 3패널 레이아웃을 사용합니다. 읽지 않은 배지, 상태 필터(전체, 열림, 보류, 닫힘), 검색 기능이 있는 왼쪽 대화 목록, 전체 메시지 스레드와 타임스탬프가 표시되는 중앙 패널, 사용자 세부 정보와 메모가 표시되는 오른쪽 패널로 구성됩니다. 상담원이 /를 입력하면 인사말, 종료, 후속 조치, 해결을 위한 빠른 회신 템플릿을 제공하는 상용구 응답이 나타납니다. 대화 상태는 스레드별로 업데이트할 수 있으며, 메모리 내 이벤트 시스템을 통해 위젯과 받은 편지함 뷰 간에 메시지가 동기화되고, 모든 대화는 지속성을 위해 브라우저 스토리지에 저장됩니다. 다크 모드 토글이 추가되어 지원 팀이 하루 종일 편안하게 데모를 시연하거나 사용할 수 있습니다.

확대

확대

팁

• 임베딩 모델 명확히 하기 – “단일 스크립트 태그와 최소한의 CSS 재정의를 통해 모든 사이트에 삽입할 수 있도록 위젯 마크업과 스크립트를 최적화하세요.”와 같은 지침을 추가하세요.
• 상용구 응답 제한하기 – 어조와 카테고리를 지정하세요. 예를 들면 다음과 같습니다. “친근하면서도 간결한 어조로 작성된 /greeting, /troubleshoot, /handoff 템플릿을 포함하세요.”
• 상태를 SLA에 연결하기 – Computer에 상태가 어떻게 작동해야 하는지 알려주세요. 예를 들면 다음과 같습니다. “고객이 회신하면 스레드를 보류(Snoozed)에서 열림(Open)으로 자동 이동하고, 5분이 지나도 상담원의 응답이 없는 열림 대화를 강조 표시하세요.”