기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다. # Amazon Connect에서 흐름 블록: 보기 표시 이 주제에서는 에이전트가 일관된 고객 경험을 제공할 수 있도록 돕는 단계별 워크플로 가이드와 대화형 고객 경험을 가능하게 하는 가이드를 만드는 흐름 블록을 정의합니다. ## 설명 + 이 흐름 블록을 사용하여 다음을 수행할 수 있습니다. + Amazon Connect 에이전트 Workspace를 사용하는 에이전트를 위한 [단계별 안내서](step-by-step-guided-experiences.md)를 만들 수 있습니다. 이 가이드는 에이전트가 고객과 일관되게 상호 작용하는 데 도움이 되는 지침을 제공하는 워크플로입니다. + 채팅 경험 내에서 고객으로부터 정보를 수집하는 양식을 생성합니다. + 연락처가 **보기 표시** 블록이 포함된 흐름으로 라우팅되면 [보기](view-resources-sg.md)라는 UI 페이지가 에이전트 Workspace나 고객의 채팅 UI에 렌더링됩니다. ## 이 블록의 사용 사례 이 흐름 블록은 에이전트에게 다음 단계를 안내하도록 설계되었습니다. + 예약, 결제 관리, 새 주문 제출과 같은 일반적인 고객 작업을 수행합니다. + 제출된 환불 요청에 대해 고객에게 알리는 템플릿을 기반으로 이메일을 보냅니다. 이메일 구조는 항상 동일하지만 주문 번호, 환불 금액, 결제 계정과 같은 특정 값은 다를 수 있습니다. 에이전트가 이러한 유형의 정보를 제공하도록 보기 표시 블록을 구성할 수 있습니다. + 기존 에이전트 Workspace에서 새 CRM 항목을 생성합니다. 연락처 속성을 사용하여 고객 이름 및 전화번호와 같은 관련 정보로 양식을 미리 채웁니다. 또한 고객에게 채팅 대화 내의 단계를 안내하여 다음을 수행합니다. + 신용 카드 정보를 제공하여 결제합니다. + 프로필을 업데이트하기 위해 집 주소와 같은 PII 정보를 제공합니다. + 고객 계정 ID를 제공하여 계정 정보를 수신합니다. ## 연락처 유형 음성, 채팅, 이메일 또는 작업을 포함한 모든 고객 응대 유형에서 [이벤트 흐름 설정](set-event-flow.md) 블록에 의해 시작된 가이드 흐름에서 **보기 표시** 블록을 사용할 수 있습니다. 고객에게 가이드를 표시하려는 경우 기본 채팅 흐름에서 **보기 표시** 블록을 직접 사용할 수 있습니다. | 연락처 유형 | 지원 여부 | | --- | --- | | Voice | 예 | | Chat | 예 | | Task | 예 | | 이메일 | 예 | ## 흐름 유형 다음 [흐름 유형](create-contact-flow.md#contact-flow-types)에서 이 블록을 사용할 수 있습니다. | 흐름 유형 | 지원 여부 | | --- | --- | | 인바운드 흐름 | 예 | | 고객 대기 흐름 | 아니요 | | 고객 귓속말 흐름 | 아니요 | | 아웃바운드 귓속말 흐름 | 아니요 | | 에이전트 대기 흐름 | 아니요 | | 에이전트 귓속말 흐름 | 아니요 | | 에이전트로 전송 흐름 | 아니요 | | 대기열로 전송 흐름 | 아니요 | ## 이 블록을 구성하는 방법 Connect Customer 관리자 웹 사이트를 사용하거나 Amazon Connect Flow 언어의 [ShowView](https://docs.aws.amazon.com/connect/latest/APIReference/participant-actions-showview.html) 작업을 사용하여 **보기 표시** 블록을 구성할 수 있습니다. **Topics** + [리소스를 보기를 선택합니다.](#choose-viewresource) + [수동 설정 옵션 사용 방법](#view-setmanually) + [동적으로 설정 옵션을 사용하는 방법](#view-setdynamically) + [JSON 설정 옵션 사용 방법](#show-view-block-example-json) + [이 보기에는 민감한 데이터가 있습니다](#showview-sensitive-data) + [흐름 블록 분기](#showview-branches) + [추가 구성 팁](#showview-tips) + [이 블록에서 생성된 데이터](#showview-data) ### 리소스를 보기를 선택합니다. Amazon Connect에는 보기 집합이 포함되어 있으며 여기에 에이전트의 워크스페이스를 추가할 수 있습니다. 다음 이미지와 같이 **보기** 상자에서 보기를 지정합니다. ![보기 표시 블록의 속성 페이지.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-form.png) 다음은 이러한 AWS 관리형 뷰에 대한 간략한 설명입니다. 각 요소에 대한 자세한 내용은 [Amazon Connect에서 에이전트의 워크스페이스에 대한 AWS 관리형 뷰 설정](view-resources-managed-view.md) 섹션을 참조하세요. 고객 관리형 보기도 지원됩니다. 자세한 내용은 [고객 관리형 보기](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/customer-managed-views-customer-managed-views--page) 문서를 참조하세요. + **세부 정보 보기**: 에이전트에게 정보를 표시하고 에이전트가 취할 수 있는 작업 목록을 제공합니다. 세부 정보 보기의 일반적인 사용 사례는 통화가 시작될 때 에이전트에게 화면 팝을 표시하는 것입니다. + **목록 보기**: 제목과 설명이 있는 항목의 목록으로 정보를 표시하는 데 사용됩니다. 항목은 작업이 첨부된 링크 역할을 할 수도 있습니다. 또한 표준 뒤로 탐색 및 영구적인 컨텍스트 헤더를 선택적으로 지원합니다. + **양식 보기**: 사용하면 고객 및 에이전트가 필수 데이터를 수집하고 백엔드 시스템에 데이터를 제출할 수 있는 입력 필드를 제공할 수 있습니다. 이 보기는 헤더가 있는 미리 정의된 섹션 스타일을 가진 여러 섹션으로 구성됩니다. 본문은 열 또는 그리드 레이아웃 형식으로 배열된 다양한 입력 필드로 구성됩니다. + **확인 보기**: 양식이 제출되거나 작업이 완료된 후 고객 및 에이전트에게 표시되는 페이지입니다. 이 미리 작성된 템플릿에서는 발생한 일의 요약, 다음 단계 및 프롬프트를 제공할 수 있습니다. 확인 보기는 영구 속성 표시줄, 아이콘 또는 이미지, 헤드라인 및 하위 헤드라인과 함께 홈으로 돌아가기 탐색 버튼을 지원합니다. + **카드 보기**: 에이전트가 고객 응대를 수락할 때 선택할 수 있는 주제 목록을 제시하여 고객 및 에이전트를 안내할 수 있습니다. **보기 표시** 블록의 속성은 선택한 **보기** 리소스에 따라 동적으로 채워집니다. 예를 들어 **양식**을 선택하면 표시되는 **다음** 및 **이전** 작업을 구성합니다. 이는 보기의 몇 가지 작업일 뿐입니다. ![보기는 양식으로, 버전은 1로 설정됩니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-version2.png) 다음 섹션에서는**양식** 작업을 수동으로, 동적으로, 또는 JSON 옵션을 사용하여 구성하는 방법을 설명합니다. ### 수동 설정 옵션 사용 방법 1. **속성** 페이지의 **보기** 섹션에서 드롭다운 메뉴에서 **양식**을 선택하고 **버전 사용**을 기본값인 1로 설정합니다. 다음 이미지는 이러한 옵션으로 구성된 **속성** 페이지를 보여 줍니다. ![보기는 양식으로, 버전은 1로 설정됩니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-version1.png) 1. **속성** 페이지에는 양식 보기를 기반으로 필드 세트가 표시됩니다. **수동으로 설정**을 선택하고 UI 구성 요소 보기에 렌더링할 텍스트를 입력합니다. 다음 이미지는 **다음** 및 **이전** UI 구성 요소를 보여 줍니다. 구성 요소의 표시 이름이 수동으로 **다음** 및 **이전**으로 설정되었습니다. 단계별 가이드가 렌더링될 때 에이전트 Workspace에 표시됩니다. ![다음 및 이전 UI 구성 요소는 수동으로 설정됩니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-version2.png) ### 동적으로 설정 옵션을 사용하는 방법 1. **속성** 페이지의 **보기** 섹션에서 드롭다운 메뉴에서 **양식**을 선택하고 **버전 사용**을 기본값인 1로 설정합니다. 다음 이미지는 이러한 옵션으로 구성된 **속성** 페이지를 보여 줍니다. ![보기는 양식으로, 버전은 1로 설정됩니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-version1.png) 1. **속성** 페이지에는 양식 보기를 기반으로 필드 세트가 표시됩니다. **동적으로 설정**을 선택합니다. **네임스페이스** 드롭다운 메뉴에서 연락처 속성을 선택한 다음 키를 선택합니다. 다음 이미지는 단계별 가이드에서 동적으로 렌더링되어 고객의 성을 보여 주는 **제목**을 보여 줍니다. ![UI 템플릿 보기의 제목입니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-dynamic.png) ### JSON 설정 옵션 사용 방법 이 섹션에서는 **JSON 설정** 옵션을 사용하는 방법의 예를 살펴봅니다. 1. 보기 표시 블록의 **속성** 페이지의 **보기** 섹션에서 드롭다운 메뉴에서 **양식**을 선택하고 **버전**을 기본값인 **1**로 설정합니다. 이 옵션은 다음 이미지에 표시됩니다. ![보기는 양식으로, 버전은 1로 설정됩니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-version1.png) 1. **양식** 보기를 선택하면 보기의 입력 스키마가 **속성** 페이지에 표시됩니다. 스키마에는 **섹션**, **AttributeBar**, **뒤로**, **취소**, **편집**, **ErrorText** 등의 정보를 추가할 수 있는 섹션이 있습니다. 1. 다음 이미지는 **AttributeBar** 파라미터, 그리고 **JSON을 사용하여 설정** 옵션을 보여 줍니다. 붙여넣은 JSON을 모두 보려면 상자 모서리를 클릭하고 아래로 당깁니다. ![입력 파라미터.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-json.png) **작은 정보** JSON이 유효하지 않은 경우 오류를 수정하세요. 다음 이미지는 추가 쉼표가 있기 때문에 발생하는 오류 메시지의 예를 보여 줍니다. ![JSON이 유효하지 않다는 오류 메시지입니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-json-invalid.png) 1. 사용자 지정 보기를 선택할 때 **JSON 설정** 옵션을 통해 동적 입력의 값을 설정하는 것이 좋습니다. 이때 **샘플 데이터 적용**을 선택하여 샘플 데이터가 포함된 JSON 스키마로 입력을 미리 채울 수 있습니다. 실행 시간에 채워질 UI 빌더의 동적 데이터(예: $.Channel)에 대한 동적 [참조를 구성](no-code-ui-builder-properties-dynamic-fields.md)해야 합니다. 다음 이미지는 **샘플 데이터 적용** 옵션을 보여 줍니다. ![보기 표시 블록의 샘플 데이터 적용 옵션입니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/apply-sample-data.png) 1. 준비가 되면 **저장**을 선택하고 게시합니다. 다음 코드 샘플은 Flow 언어로 [ShowView](https://docs.aws.amazon.com/connect/latest/APIReference/participant-actions-showview.html) 작업으로 이 동일한 구성을 나타내는 방법을 보여 줍니다. ``` { "Parameters": { "ViewResource": { "Id": "arn:aws:connect:us-west-2:aws:view/form:1" }, "InvocationTimeLimitSeconds": "2", "ViewData": { "Sections": "Sections", "AttributeBar": [ { "Label": "Example", "Value": "Attribute" }, { "Label": "Example 2", "Value": "Attribute 2" }, { "Label": "Example 3", "Value": "Case 123456", "LinkType": "case", "ResourceId": "123456", "Copyable":true }, { "Label": "Example 3", "Value": "Case 123456", "LinkType": "case", "ResourceId": "https:example.com" } ], "Back": { "Label": "Back" }, "Cancel": { "Label": "Cancel" }, "Edit": "Edit", "ErrorText": "ErrotText", "Heading": "$.Customer.LastName", "Next": "Next", "Previous": "Previous", "SubHeading": "$.Customer.FirstName", "Wizard": { "Heading": "Progress tracker", "Selected": "Step Selected" } } }, "Identifier": "53c6be8a-d01f-4dd4-97a5-a001174f7f66", "Type": "ShowView", "Transitions": { "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412", "Conditions": [ { "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412", "Condition": { "Operator": "Equals", "Operands": [ "Back" ] } }, { "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412", "Condition": { "Operator": "Equals", "Operands": [ "Next" ] } }, { "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412", "Condition": { "Operator": "Equals", "Operands": [ "Step" ] } } ], "Errors": [ { "NextAction": "b88349e3-3c54-4915-8ea0-818601cd2d03", "ErrorType": "NoMatchingCondition" }, { "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412", "ErrorType": "NoMatchingError" }, { "NextAction": "b88349e3-3c54-4915-8ea0-818601cd2d03", "ErrorType": "TimeLimitExceeded" } ] } } ``` ### 이 보기에는 민감한 데이터가 있습니다 신용 카드 데이터, 집 주소 또는 기타 유형의 민감한 데이터를 고객으로부터 수집할 때 **이 보기에는 민감한 데이터가 있습니다**를 활성화하는 것이 좋습니다. 이 옵션을 활성화하면 고객이 제출한 데이터가 트랜스크립트 또는 고객 응대 레코드에 기록되거나 에이전트에게 표시되지 않습니다(기본적으로). 고객 응대 흐름에서 **로깅 동작 설정**이 켜져 있는 경우 민감한 고객 데이터가 흐름 로그에 포함되지 않도록 로깅을 꺼야 합니다. ![민감한 데이터 보기 확인란입니다.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-form-sensitive-data.png) **작은 정보** **이 보기에는 민감한 데이터가 있습니다**가 활성화되어 있고 Lambda 함수가 있으며 기존 인바운드 고객 응대 흐름에 배치할 수 있는 재사용 가능한 결제 경험 모듈을 생성하라는 메시지가 표시되는 보기 표시 블록을 사용하여 [흐름 모듈](contact-flow-modules.md)을 빌드합니다. ### 흐름 블록 분기 다음은 구성된 **보기 표시** 블록의 예를 보여 주는 이미지입니다. 이 블록은 조건부 분기를 지원합니다. 즉, 분기는 선택한 보기에 따라 달라집니다. 또한 **오류** 및 **제한 시간** 분기를 지원합니다. ![구성된 보기 표시 블록.](http://docs.aws.amazon.com/ko_kr/connect/latest/adminguide/images/show-view-block-sq-config.png) + 조건부 분기: 이러한 분기는 **보기 표시** 블록에서 선택한 보기를 기반으로 합니다. 이전 이미지는 블록이 **양식** 보기에 대해 구성되었음을 보여 주며, **뒤로**, **다음**, **일치하지 않음** 등의 작업이 있습니다. + 이 특정 구성에서는 런타임에서 채팅 고객 응대는 에이전트가 보기에서 무엇을 클릭하는지에 따라 **뒤로** 또는 **다음** 분기로 라우팅됩니다. 사용자에게 사용자 지정 작업 값이 있는 작업 구성 요소가 있는 경우에만 **일치 항목 없음**이 됩니다. + **오류**: 실행 실패(즉, 에이전트 Workspace에서 보기를 렌더링하지 못하거나 보기 출력 작업을 캡처하지 못함)로 인해 **오류** 분기가 발생합니다. + **제한 시간**: 단계별 가이드의 이 단계를 완료하는 데 에이전트가 걸리는 시간을 지정합니다. 에이전트가 단계를 완료하는 데 제한 시간보다 오래 걸리는 경우(예: 에이전트가 지정된 시간 내에 필수 정보를 제공하지 않은 경우) 해당 단계는 제한 시간 분기를 사용합니다. 단계 시간이 초과되면 단계별 가이드는 흐름에 정의된 로직을 따라 다음 단계를 결정할 수 있습니다. 예를 들어 다음 단계는 정보 요청을 다시 시도하거나 가이드 경험을 중지하는 것일 수 있습니다. 이 시점에서 고객은 에이전트에 연결되어 있으므로 제한 시간 때문에 고객 경험에 변화가 없습니다. ### 추가 구성 팁 이 로깅 설정,이 블록 및 Lambda를 사용하여 흐름 모듈을 구축하여 로깅을 유지하고 기존 인바운드 흐름에 배치할 수 있는 재사용 가능한 결제 경험 모듈을 생성합니다. 에이전트가 단계별 가이드를 사용할 수 있도록 에이전트에게 다음 보안 프로필 권한을 할당합니다. + **에이전트 애플리케이션 - 사용자 지정 보기 - 모두**: 이 권한을 통해 에이전트는 에이전트 Workspace에서 단계별 가이드를 볼 수 있습니다. 관리자 및 비즈니스 분석가가 단계별 가이드를 생성할 수 있도록 다음 보안 프로필 권한을 할당합니다. + **채널 및 흐름 - 보기**: 이 권한을 통해 관리자는 단계별 가이드를 생성할 수 있습니다. 기존 보안 프로필에 권한을 추가하는 방법에 대한 자세한 내용은 [Amazon Connect에서 보안 프로필 업데이트](update-security-profiles.md) 섹션을 참조하세요. ### 이 블록에서 생성된 데이터 런타임에 **보기 표시** 블록은 보기 리소스가 실행될 때 출력되는 데이터를 생성합니다. 보기는 두 가지 주요 데이터를 생성합니다. + 렌더링된 View-UI(에이전트 Workspace)에서 수행된 `Action` 및 `Output` 데이터인 `ViewResultData`입니다. **보기 표시** 블록을 사용하는 경우 **작업**은 분기를 나타내며 보기 네임스페이스에서 `$.Views.Action` 연락처 속성으로 설정됩니다. + `Output` 데이터는 보기 네임스페이스의 `$.Views.ViewResultData` 연락처 속성으로 설정됩니다. `Action` 및 `Output` 데이터의 값은 보기 리소스를 사용하는 동안 에이전트가 상호 작용하는 구성 요소에 따라 결정됩니다. #### 흐름의 여러 부분에서 이 데이터를 사용하는 방법 + 블록이 클라이언트 애플리케이션으로부터 응답을 받으면 ` `$.Views.Action` 및 `$.Views.ViewResultData`를 사용하여 흐름에서 출력 데이터를 참조할 수 있습니다. + **보기 표시** 블록과 함께 보기를 사용하는 경우 `Action`은 보기 네임스페이스 아래의 연락처 속성에 캡처된 분기를 `$.Views.Action`으로 나타내며, 보기 출력 데이터는 `$.Views.ViewResultData` 연락처 속성으로 설정됩니다. + 연락처 속성에서 JSON 경로를 사용하거나(수동으로 설정 또는 JSON 옵션 설정에서 연락처 속성을 지정할 수 있음) **동적으로 설정**을 선택할 때 속성 선택기 드롭다운을 사용하여 **보기 표시** 블록에서 생성된 데이터를 참조할 수 있습니다. ## 오류 시나리오 **참고** `ShowView` 블록이 오류 분기(일치 없음, 제한 시간 또는 오류)를 가져와서 흐름의 이전 지점으로 다시 흐름을 라우팅할 수 있습니다. 이와 같이 흐름에서 루프를 생성하면 채팅 고객 응대 시간이 초과될 때까지 연락처 흐름이 영구적으로 실행될 수 있습니다. `Loop` 연락처 흐름 블록을 사용하여 특정 `ShowView` 블록에 대한 재시도 횟수를 제한하는 것이 좋습니다. 다음과 같은 상황에서는 고객 응대가 **오류** 브랜치로 라우팅됩니다. + Connect Customer 는 에이전트 워크스페이스의 UI 보기 구성 요소에서 사용자 작업을 캡처할 수 없습니다. 이는 간헐적인 네트워크 문제 또는 미디어 서비스 측의 문제로 인한 것일 수 있습니다. ## 흐름 로그 항목 Amazon Connect 흐름 로그는 고객이 고객 응대 흐름의 이벤트와 상호 작용함에 따라 해당 이벤트에 대한 실시간 세부 정보를 제공합니다. 자세한 내용은 [흐름 로그를 사용하여 Amazon Connect 흐름의 이벤트 추적](about-contact-flow-logs.md) 섹션을 참조하세요. 다음 샘플 ShowView 입력(수신 로그) ``` { "ContactId": "string", "ContactFlowId": "string", "ContactFlowName": "string", "ContactFlowModuleType": "ShowView", "Timestamp": "2023-06-06T16:08:26.945Z", "Parameters": { "Parameters": { "Cards": [ { "Summary": { "Id": "See", "Heading": "See cancel options" } }, { "Summary": { "Id": "Change", "Heading": "Change Booking" } }, { "Summary": { "Id": "Get", "Heading": "Get Refund Status" } }, { "Summary": { "Id": "Manage", "Heading": "Manage rewards" } } ], "NoMatchFound": { "Label": "Do Something Else", "type": "bubble" } }, "TimeLimit": "300", "ViewResourceId": "cards" } } ``` 다음 샘플 ShowView 출력(송신 로그) ``` { "Results": "string", "ContactId": "string", "ContactFlowId": "string", "ContactFlowName": "string", "ContactFlowModuleType": "ShowView", "Timestamp": "2023-06-06T16:08:35.201Z" } ``` ## 샘플 흐름 [단계별 가이드 시작하기](https://aws.amazon.com/blogs/contact-center/getting-started-with-step-by-step-guides-for-the-amazon-connect-agent-workspace/) 블로그의 2단계에서 샘플 흐름을 다운로드할 수 있습니다. 블로그의 단계를 수행하여 AWS관리형 보기로 구성된 흐름을 생성하는 방법과 인바운드 미디어 연락처에 대해 이러한 흐름을 실행하는 방법을 알아보는 것이 좋습니다. ## 추가 리소스 단계별 가이드 및 보기에 대한 자세한 내용은 다음 주제를 참조하세요. + [Amazon Connect 에이전트 Workspace 설정에 대한 단계별 가이드입니다.](step-by-step-guided-experiences.md) + [Amazon Connect Chat에서 민감한 데이터 수집을 구현하는 방법](https://aws.amazon.com/blogs/contact-center/collecting-sensitive-information-with-amazon-connect-chat/)을 알아봅니다. + 고객 관리형 보기를 설정하는 방법에 대한 단계별 지침은 [고객 관리형 보기](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/customer-managed-views-customer-managed-views--page)를 참조하세요. + 인스턴스에서 플러그 앤 플레이 단계별 가이드 환경을 설정하려면 [단계별 가이드 시작하기](https://aws.amazon.com/blogs/contact-center/getting-started-with-step-by-step-guides-for-the-amazon-connect-agent-workspace/)를 참조하세요. + [AWS 관리형 보기 - 공통 구성](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-common-configuration--page) + [보기 - UI 구성 요소](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-ui-components--page) + *Amazon Connect API 참조* 에서 [작업 보기](https://docs.aws.amazon.com/connect/latest/APIReference/view-api.html).