추가 채팅 사용자 지정

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

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

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

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

사용자 지정 객체 구성

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

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	불	헤더 제목을 “Bot/와 채팅하기”로 동적으로 설정합니다. AgentName
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	불	기본 바닥글 및 채팅 종료 버튼을 숨깁니다.