使用 HTML 和 JSX 自定义 Amazon Connect 座席工作区的视图 - Amazon Connect

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

使用 HTML 和 JSX 自定义 Amazon Connect 座席工作区的视图

您可以自定义 View 资源布局的外观。当你向显示视图块传递输入参数时，你可以通过利用 HTML 或 JSX 来做到这一点。

完成以下步骤，查看如何通过显示视图区块利用 HTML 或 JSX 的简单示例。

  1. 用显示视图方块创建流程。

  2. 打开 显示视图 block 的 “属性” 页面。

  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?"
}