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.dynamicHeader |
불 | 머리글 제목을 '봇/에이전트 이름과 채팅'으로 동적으로 설정합니다. |
header.hideTranscriptDownloadButton |
불 | 헤더 드롭다운 메뉴에서 트랜스크립트 다운로드 버튼을 숨깁니다. 기본값은 false 입니다. |
|
불 |
모든 표시 이름을 숨깁니다. |
|
String |
고객의 표시 이름을 마스킹합니다. |
|
String |
에이전트의 표시 이름을 마스킹합니다. |
|
String |
감독자의 표시 이름을 마스킹합니다. |
|
불 |
메시지 표시 아이콘을 활성화합니다. |
|
String |
봇 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다. |
|
String |
시스템 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다. |
|
String |
에이전트 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다. |
|
String |
고객 메시지에 표시되는 아이콘으로, 퍼블릭 URL에서 호스팅해야 합니다. |
|
불 |
리치 텍스트 편집기를 사용할 때 이모티콘 피커를 비활성화합니다. |
|
불 |
고객이 첨부 파일을 보내거나 업로드하지 못하도록 방지 |
|
불 |
채팅 종료 버튼으로 기본 바닥글을 숨깁니다. |