옵션 1: out-of-the-box 커뮤니케이션 위젯 구성

이 옵션을 사용하여 데스크톱 및 모바일 브라우저용 커뮤니케이션 위젯을 만들 수 있습니다. 이 절차가 끝나면 Amazon Connect는 사용자 지정 HTML 코드 스니펫을 생성하여 웹 사이트의 소스 코드에 복사합니다.

1. Amazon Connect 관리자 계정 또는 보안 프로파일에 채널 및 흐름, 커뮤니케이션 위젯 - 생성 권한이 있는 사용자 계정을 사용하여 관리자 웹 사이트에 로그인합니다.

2. 에서 Amazon Connect왼쪽 탐색 메뉴에서 채널, 커뮤니케이션 위젯을 선택합니다.

3. 마법사가 다음 3가지 단계를 안내합니다.

1단계: 커뮤니케이션 채널 선택

1. 커뮤니케이션 위젯 페이지에서 커뮤니케이션 위젯의 이름 및 설명을 입력합니다.

   참고

   이름은 Amazon Connect 인스턴스에서 만든 각 커뮤니케이션 위젯마다 고유해야 합니다.

2. 커뮤니케이션 옵션 섹션에서 고객이 위젯을 사용할 수 있는 방법을 선택합니다. 다음 이미지는 고객에게 웹 통화 및 영상을 허용하는 옵션을 보여줍니다.

   

3. 웹 통화 섹션에서 고객을 위한 음성 또는 영상경험 활성화 여부를 선택합니다. 이전 이미지는 고객이 에이전트 영상을 볼 수 있도록 하고 자신의 영상을 켤 수 있도록 영상을 지원하는 웹 통화 옵션을 보여줍니다.

4. [Save and continue]를 선택합니다.

2단계: 위젯 사용자 지정

이러한 옵션을 선택하면 위젯 미리 보기가 자동으로 업데이트되어 고객 경험이 어떨지 확인할 수 있습니다.

위젯 액세스 버튼 스타일 정의

1. 16진수 값 (색상 코드) 을 입력하여 버튼 HTML 배경색을 선택합니다.

2. 아이콘 색상으로 흰색 또는 검은색을 선택합니다. 아이콘 색상은 사용자 지정할 수 없습니다.

표시 이름 및 스타일 사용자 지정

1. 헤더 메시지 및 색상, 위젯 배경색 값을 입력합니다.

2. 로고 URL: Amazon S3 버킷 또는 다른 온라인 소스에서 로고 배너에 로고를 삽입합니다. URL

   참고

   Amazon S3 버킷이 아닌 온라인 소스에서 로고를 가져온 경우에는 사용자 지정 페이지의 커뮤니케이션 위젯 미리 보기에 로고가 표시되지 않습니다. 그러나 사용자 지정 커뮤니케이션 위젯이 페이지에 구현되면 로고가 표시됩니다.

   배너는 .svg, .jpg 또는 .png 형식이어야 합니다. 이미지는 280px(너비) x 60px(높이)까지 가능합니다. 이 크기보다 큰 이미지는 280x60 로고 구성 요소 공간에 맞게 크기가 조정됩니다.

   1. 로고 배너와 같은 파일을 S3에 업로드하는 방법에 대한 지침은 Amazon Simple Storage Service 사용 설명서의 객체 업로드 섹션을 참조하세요.

   2. 커뮤니케이션 위젯이 이미지에 액세스할 수 있는 권한을 갖도록 이미지 권한이 올바르게 설정되어 있는지 확인하세요. S3 객체에 공개적으로 액세스할 수 있도록 설정하는 방법에 대한 자세한 내용은 2단계: 웹 사이트 액세스 권한 설정 주제의 버킷 정책 추가 섹션을 참조하세요.

3단계: 위젯에 도메인 추가

이 단계를 통해 커뮤니케이션 위젯을 보호하여 내 웹 사이트에서만 실행되도록 할 수 있습니다.

1. 커뮤니케이션 위젯을 배치할 웹 사이트 도메인을 입력합니다. 커뮤니케이션 위젯은 이 단계에서 선택한 웹 사이트에서만 로드됩니다.

   도메인 추가를 선택하여 최대 50개의 도메인을 추가합니다.

   

   중요

   • 웹 사이트가 URLs 유효하고 오류가 없는지 다시 확인하십시오. https://로 URL 시작하는 전체 내용을 포함하세요.

   • 프로덕션 웹 사이트 및 애플리케이션에는 https://를 사용하는 것이 좋습니다.

2. 커뮤니케이션 위젯 요청에 대한 보안 추가에서 가장 빠른 설정을 위해 아니요 - 이 단계를 건너뜁니다를 선택합니다.

   사용자가 인증되었는지 확인하는 기능을 사용하려면 예를 선택하는 것이 좋습니다. 자세한 내용은 인앱, 웹 및 영상 통화를 위한 속성 전달 단원을 참조하십시오.

3. [Save and continue]를 선택합니다.

   성공! 위젯이 생성되었습니다. 생성된 코드를 복사하여 커뮤니케이션 위젯을 표시할 웹 사이트의 각 페이지에 붙여넣습니다.

에이전트가 인앱, 웹, 영상 통화를 사용할 수 있도록 활성화

상담원이 화상 통화를 사용할 수 있도록 하려면 연락처 제어판 (CCP), 화상 통화 - 액세스 권한을 보안 프로필에 할당하세요.

Amazon Connect 상담원 워크스페이스는 Amazon Connect 인앱, 웹, 화상 통화를 지원합니다. 텔레포니 통화 및 채팅과 동일한 구성, 라우팅, 분석 및 에이전트 애플리케이션을 사용할 수 있습니다. 시작하기 위해 거쳐야 할 단계는 영상 통화를 할 수 있는 권한으로 에이전트의 보안 프로필을 활성화하는 것뿐입니다.

사용자 지정 상담원 데스크톱의 경우 Amazon Connect 인앱 및 웹 통화를 변경할 필요가 없습니다. 영상 통화를 할 수 있는 권한으로 에이전트의 보안 프로필을 활성화하고 영상 통화를 에이전트 데스크톱에 통합하는 방법에 대한 아래 가이드를 따르세요.

클라이언트 디바이스가 인앱 또는 웹 통화를 시작하는 방법

다음 다이어그램은 클라이언트 디바이스(모바일 애플리케이션 또는 브라우저)가 인앱 또는 웹 통화를 시작하는 이벤트 순서를 보여줍니다.

1. (선택 사항) 웹 사이트에서 캡처한 속성을 전달하고 JSON 웹 토큰 (JWT) 으로 유효성을 검사할 수 있습니다.

2. 고객이 웹 사이트 또는 모바일 앱의 커뮤니케이션 위젯을 클릭합니다.

3. 통신 위젯은 에 포함된 속성을 Amazon Connect 전달하여 웹 호출을 시작합니다JWT.

4. 연락이 흐름에 도달하여 라우팅되고 대기열에 배치됩니다.

5. 에이전트가 이 연락을 수락합니다.

6. (선택 사항) 고객과 에이전트가 영상을 사용할 수 있도록 설정한 경우, 고객과 에이전트는 영상을 시작할 수 있습니다.

추가 정보

인앱, 웹 및 영상 통화 기능의 요구 사항에 대한 추가 정보는 다음 주제를 참조하세요.

• 웹 통화 음성/영상을 위한 에이전트 워크스테이션 네트워킹 요구 사항

• 인앱, 웹 및 영상 통화 기능을 지원하는 브라우저 및 모바일 OS