채팅에 step-by-step 가이드를 배포하는 방법 - Amazon Connect

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

채팅에 step-by-step 가이드를 배포하는 방법

Amazon Connect 채팅 내에서 step-by-step 가이드를 활성화하여 대화형 셀프 서비스 환경을 만들 수 있습니다. 이 기능을 사용하면 컨텍스트를 수집하여 에이전트에게 전달하여 고객 문제를 더 빨리 해결할 수 있습니다. 에이전트용으로 만든 것과 동일한 가이드를 고객에게 제시하여 구성 관리를 개선할 수 있습니다.

아마존 커넥트 채팅에서 step-by-step 가이드 활성화

  1. 상담원용 step-by-step 가이드를 활성화하고 구성했는지 확인하십시오. 안내서를 구성한 후 상담원이 응답할 연락처가 예약되어 있을 때 안내서가 팝업되는지 확인하세요.

  2. 상담원을 위해 구성하는 것과 같은 방식으로 보기 블록을 사용하여 채팅 흐름에서 보기를 호출하도록 흐름을 설정하세요. 다음 예시는 고객이 채팅 풍선을 선택하면 가이드가 트리거됩니다. 채팅이 상담원에게 전달되기 전에 플로우는 두 가지 보기를 거칩니다.

    Show View Block을 사용하여 채팅 흐름에서 뷰를 호출하도록 플로우를 설정하세요.
  3. 관리자 페이지에서 호스팅된 채팅 위젯을 만드세요. 채팅 흐름을 직접 만든 것으로 설정합니다.

    관리자 페이지에서 호스팅된 채팅 위젯을 만드세요. 채팅 흐름을 직접 만든 것으로 설정합니다.

    이 호스팅된 채팅은 다음과 비슷한 스크립트를 생성합니다.

    <script type="text/javascript"> (function(w, d, x, id){ s=d.createElement('script'); s.src='https://d38ij7tdo5kvz7.cloudfront.net/amazon-connect-chat-interface-client.js'; s.async=1; s.id=id; d.getElementsByTagName('head')[0].appendChild(s); w[x] = w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) }; })(window, document, 'amazon_connect', '0b68a091-3538-4dcd-888e-f3b3ae64c5aa'); amazon_connect('styles', { iconType: 'CHAT', openChat: { color: '#ffffff', backgroundColor: '#123456' }, closeChat: { color: '#ffffff', backgroundColor: '#123456'} }); amazon_connect('snippetId', 'QVFJREFIZ3R0VzRTQkxzUnR6S1BPcXRseVBOUVlvWVlFclZwZmJ5bWZUc1hHVU1SM0FHM3BsdU4yaTZVTW9jeTRqQTRWMDJZQUFBQWJqQnNCZ2txaGtpRzl3MEJCd2FnWHpCZEFnRUFNRmdHQ1NxR1NJYjNEUUVIQVRBZUJnbGdoa2dCWlFNRUFTNHdFUVFNRFB0SmlxckgzenRMTjJ4cUFnRVFnQ3RxUHVQZm1Zd1F2ZjZVTzJ2ZTk5am1aUWEwZW53SHFzcmQ5bkdzRVdrNHJIbkJGTk81ekRBK0o4L1Q6OnBwUTZuLzRRKzVvdWdiUHhJRUU2MGM0TDlhcXEyZ0tramVmNkp3N2YvNXBIMTRwdDJSWmFVcjdzVTNzaXorc1BHTHhSOGd0b285dWpiemFrTU1tbWZoY0VCUEY4S3Z1ckdXNnZtV0ZjcVNFYnhrZlpuMVpsb1FGQjZ1SW5LMi9laHlmQVhXY3JXS1NDL1oxd29UejVkSUYwOFBoT3QvUT0='); amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]); </script>

    마지막 줄에는 허용된 메시지 배열이 들어 있습니다. 대화식 메시지를 추가하여 채팅 내에서 가이드를 활성화할 수 있습니다. 예:

    amazon_connect('supportedMessagingContentTypes', ['text/plain', 'application/vnd.amazonaws.connect.message.interactive', 'application/vnd.amazonaws.connect.message.interactive.response']);
  4. 채팅 내에서 step-by-step 가이드가 작동하도록 허용하려면 URL 허용 목록에 다음을 추가하세요.

    • your-website-url/views/renderer/

    웹 사이트에서 채팅 위젯이 작동하도록 CSP를 사용하는 경우 이미 클라우드프론트 URL이 있어야 합니다. 예:

    • https://unique-id.cloudfront.net/amazon-connect-chat-interface.js

참고

사용자 지정 빌드 커뮤니케이션 위젯을 사용하여 채팅에서 Guide를 사용할 수도 있습니다. 사용자 지정 커뮤니케이션 위젯에 step-by-step 가이드를 추가하는 방법에 대한 자세한 내용은 Github의 Amazon Connect 채팅 인터페이스를 참조하십시오.