View a markdown version of this page

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