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

PDFRSS

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

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

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

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

• 이벤트 메시지를 재정의합니다.

사용자 지정 객체 구성

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

amazon_connect('customizationObject', {
        header: { 
            dropdown: true, 
            dynamicHeader: true,
        },
        transcript: { 
            hideDisplayNames: false, 
            eventNames: {
                customer: "User",
                agent: "Webchat Agent",
                supervisor: "Webchat Supervisor"
            },
            eventMessages: {
                participantJoined: "{name} has joined the chat",
                participantDisconnect: "",
                participantLeft: "{name} has dropped",
                participantIdle: "{name}, are you still there?",
                participantReturned: "",
                chatEnded: "Chat ended",
            },
            displayIcons: true,
            iconSources: { 
                botMessage: "imageURL",
                systemMessage: "imageURL",
                agentMessage: "imageURL",
                customerMessage: "imageURL",
            },
        },
        composer: {
            disableEmojiPicker: true,
            disableCustomerAttachments: true,
        },
        footer: {
            disabled:true,
            skipCloseChatButton: 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.eventMessages.participantJoined	String	참가자가 채팅에 참여했을 때에 대한 트랜스크립트의 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 입니다{name} has joined the chat.
transcript.eventMessages.participantDisconnect	String	참가자가 채팅에서 연결 해제된 경우에 대한 트랜스크립트의 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 {입니다name} has been idle too long, disconnecting.
transcript.eventMessages.participantLeft	String	참가자가 채팅을 떠났을 때에 대한 트랜스크립트의 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 입니다{name} has left the chat.
transcript.eventMessages.participantIdle	String	참가자가 유휴 상태일 때에 대한 트랜스크립트의 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 입니다{name} has become idle.
transcript.eventMessages.participantReturned	String	참가자가 채팅으로 돌아왔을 때에 대한 트랜스크립트의 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 입니다{name} has returned.
transcript.eventMessages.chatEnded	String	채팅이 종료된 시점의 트랜스크립트에서 이벤트 메시지를 재정의합니다. 빈 문자열을 지정하면 이벤트 메시지가 트랜스크립트에서 생략됩니다.는 메시지에 전달될 {name} 수 있으며 해당 참가자의 표시 이름으로 대체됩니다. 기본 메시지는 입니다. Chat has ended!
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	불	채팅 종료 버튼으로 기본 바닥글을 숨깁니다.
footer.skipCloseChatButton	불	닫기 버튼을 표시하는 대신 채팅 종료 버튼을 클릭할 때 위젯을 직접 닫습니다.