고객의 채팅 경험을 위한 텍스트 서식 사용 - Amazon Connect

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

고객의 채팅 경험을 위한 텍스트 서식 사용

Amazon Connect 메시지 형식을 사용하면 고객과 상담원이 채팅 메시지에 구조와 명확성을 빠르게 추가할 수 있습니다.

markdown을 사용하여 채팅 사용자 인터페이스와 상담원 애플리케이션 모두에서 다음과 같은 유형의 서식을 제공할 수 있습니다.

메시지 서식 사용 설정 방법

  1. 새로 만들 때채팅 사용자 인터페이스, 서식 있는 텍스트 서식 지정은 즉시 사용할 수 있습니다. 추가 구성은 필요하지 않습니다.

  2. 기존에 텍스트 서식 기능을 추가하려면채팅 사용자 인터페이스을 업데이트해야 합니다채팅 위젯 코드다음 코드는 굵게 강조 표시됩니다.

    (function(w, d, x, id){ s=d.createElement('script'); s.src='https://d3xxxx.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', 'widget-id'); amazon_connect('styles', { openChat: { color: 'white', backgroundColor: '#123456'}, closeChat: { color: 'white', backgroundColor: '#123456'} }); amazon_connect('snippetId', 'snippet-id'); amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]);

    빨간색으로 강조 표시된 코드는 Amazon Connect 콘솔에서 스니펫을 가져올 때 올바른 값으로 설정됩니다. 추가 또는 제거하도록 선택한 유일한 콘텐츠는 굵게 표시된 마지막 줄뿐입니다.supportedMessagingContentTypes.

  3. 사용자 지정 채팅 사용자 인터페이스에 텍스트 서식 기능을 추가하려면 (예:채팅 인터페이스또는 사용자 고유의 UI 솔루션을챗JS) 의 경우 다음 단계를 따르십시오.

    1. StartChatContact API를 호출합니다. 전화를 걸 때StartChatContact를 입력하고SupportedMessagingContentTypes매개 변수는 다음 예제와 같이 굵게 표시됩니다.

      // Amazon Connect StartChatContact API { "Attributes": { "string" : "string" }, "ClientToken": "string", "ContactFlowId": "your flow ID", "InitialMessage": { "Content": "string", "ContentType": "string" }, "InstanceId": "your instance ID", "ParticipantDetails": { "DisplayName": "string" } // optional "SupportedMessagingContentTypes": [ "text/plain", "text/markdown" ] }
    2. 가져오기chatjs다음 예제와 같이 객체로

      import "amazon-connect-chatjs"; this.session = connect.ChatSession.create({ ... }); this.session.sendMessage({ message: "message-in-markdown-format", contentType: "text/markdown" });

      사용하지 않는 경우 ChatJsAmazon Connect API를 통해 마크다운 텍스트를 보내는 방법에 대한 자세한 내용은 다음 주제를 참조하십시오. StartChatContactSendMessage.

    3. 마크다운으로 메시지를 보냅니다. 가져오기에 대한 이전 코드 조각을 참조하십시오.chatjs메시지를 보내는 방법의 예를 들어 객체로 사용합니다. 채팅에서 텍스트 서식을 지정하는 데 간단한 마크다운을 사용할 수 있습니다. 이미 계셨다면오늘 chat.js를 사용하여 일반 텍스트 메시지 보내기기존 로직을 수정하여 를 호출할 수 있습니다.SendMessagetext/markdown같이contentType대신text/plain마크다운 메시지를 보내고 싶을 때. 단원을 업데이트해야 합니다.sendMessage매개 변수를 사용하여 메시지의 마크다운 형식을 가질 수 있습니다. 자세한 내용은 단원을 참조하십시오.마크다운 가이드 기본 구문.

    4. UI 패키지에 고유한 로직을 구현하여 입력 영역 및 채팅 기록에 마크다운 메시지를 렌더링합니다. React를 사용하는 경우 을 사용할 수 있습니다.반응-마크다운참조로 사용.

참고

텍스트 서식 지정 기능은 채팅 사용자 인터페이스에서 고객에 대해 기능이 활성화된 경우에만 상담원에게 표시됩니다. 고객 채팅 사용자 인터페이스에서 텍스트 서식이 지원되지 않거나 활성화되지 않은 경우 상담원은 텍스트 서식을 사용하여 메시지를 작성하고 보낼 수 없습니다.