HTML 및 JSX를 사용하여 Amazon Connect 에이전트 워크스페이스에 대한 보기 사용자 지정 - Amazon Connect

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

HTML 및 JSX를 사용하여 Amazon Connect 에이전트 워크스페이스에 대한 보기 사용자 지정

리소스 보기 레이아웃의 모양과 느낌을 사용자 지정할 수 있습니다. 입력 파라미터를 보기 표시 블록에 전달할 때 HTML 또는 JSX를 활용하여이 작업을 수행할 수 있습니다.

보기 표시 블록에서 HTML 또는 JSX를 활용하는 방법의 간단한 예를 보려면 다음 단계를 완료하세요.

  1. 보기 표시 블록을 사용하여 흐름을 생성합니다.

  2. 보기 표시 블록의 속성 페이지를 엽니다.

  3. 보기의 드롭다운 목록에서 세부 정보를 선택합니다.

  4. 섹션 섹션에서 JSON 설정을 선택합니다.

  5. 다음 JSON 코드를 복사하여 붙여 넣습니다. 이 코드는 HTML 또는 JSX 표현식이 처리되는 방법을 보여줍니다.

    HTML 예제

    {
"TemplateString": 
     "<TextContent>Steps:<ol><li>Customer provides incident information</li><li>Customer provides receipts and agrees with 
         amount</li> <li>Customer receives reimbursement</li></ol></TextContent>"
}

    JSX 예제

    {
"TemplateString":
"Please provide an introduction to the customers. Ask them how their day is going
Things to say:
Hello, how are you today? My name is Bob, who am I speaking to?"
}