Amazon Connect 채팅 위젯에 대한 추가 채팅 사용자 지정 - Amazon Connect

Amazon Connect 채팅 위젯에 대한 추가 채팅 사용자 지정

채팅 사용자 인터페이스에 선택적으로 다음 사용자 지정을 추가할 수 있습니다.

  • 바닥글 대신 머리글 드롭다운 메뉴에 채팅 종료 버튼을 표시합니다.

  • 표시 이름을 가리거나 숨깁니다.

  • 메시지 아이콘을 추가합니다.

사용자 지정 객체 구성

이 예시에서는 일부 선택적 사용자 지정을 구현하는 방법을 보여줍니다. 가능한 모든 사용자 지정 목록은 지원되는 옵션 및 제약 조건 섹션을 참조하세요. 이러한 사용자 지정은 선택 사항이므로 아래 예시에 표시된 필드를 일부만 또는 모두 다 구현할 수 있습니다. 필요에 따라 customer, agent, supervisor 문자열을 교체하세요. 아이콘은 퍼블릭 URL에서 호스팅해야 합니다.

amazon_connect('customizationObject', { header: { dropdown: true, dynamicHeader: true, }, transcript: { hideDisplayNames: false, eventNames: { customer: "User", agent: "Webchat Agent", supervisor: "Webchat Supervisor" }, displayIcons: true, iconSources: { botMessage: "imageURL", systemMessage: "imageURL", agentMessage: "imageURL", customerMessage: "imageURL", }, }, composer: { disableEmojiPicker: true, disableCustomerAttachments: true, }, footer: { disabled:true } });

다음 이미지는 제시된 예를 사용한 경우 사용자 지정이 어떤 모습인지 보여줍니다.

사용자 지정 가능한 표시 이름, 메뉴 위치 및 아이콘을 보여주는 다이어그램.

지원되는 옵션 및 제약 조건

다음 테이블에는 지원되는 사용자 지정 필드와 권장되는 값 제약 조건이 나와 있습니다.

사용자 지정 레이아웃 옵션 유형 설명

header.dropdown

기본 바닥글 대신 헤더 드롭다운 메뉴 렌더링

참고

이 옵션을 true로 설정하면 트랜스크립트 다운로드 버튼이 나타나고 옵션을 false로 설정하거나 옵션을 제거할 때까지 계속 표시됩니다.

header.dynamicHeader 머리글 제목을 '봇/에이전트 이름과 채팅'으로 동적으로 설정합니다.
header.hideTranscriptDownloadButton 헤더 드롭다운 메뉴에서 트랜스크립트 다운로드 버튼을 숨깁니다. 기본값은 false입니다.

transcript.hideDisplayNames

모든 표시 이름을 숨깁니다. eventNames를 제공하지 않은 경우 기본 이름 마스크를 적용합니다.

transcript.eventNames.customer

String

고객의 표시 이름을 마스킹합니다.

transcript.eventNames.agent

String

에이전트의 표시 이름을 마스킹합니다.

transcript.eventNames.supervisor

String

감독자의 표시 이름을 마스킹합니다.

transcript.displayIcons

메시지 표시 아이콘을 활성화합니다.

transcript.iconSources.botMessage

String

봇 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다.

transcript.iconSources.systemMessage

String

시스템 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다.

transcript.iconSources.agentMessage

String

에이전트 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다.

transcript.iconSources.customerMessage

String

고객 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다.

composer.disableEmojiPicker

리치 텍스트 편집기를 사용할 때 이모티콘 피커를 비활성화합니다.

composer.disableCustomerAttachments

고객이 첨부 파일을 보내거나 업로드하지 못하도록 방지

footer.disabled

채팅 종료 버튼으로 기본 바닥글을 숨깁니다.