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

# 在 Amazon Connect 中开始联系时在座席工作区中显示联系上下文
<a name="display-contact-attributes-sg"></a>

在为座席工作区设计 step-by-step指南时，可以将其设置为在联系人开始时显示联系人属性。这为座席提供了在联系开始时所需的上下文，这样座席就可以直接着手解决问题。该功能有时也称为屏幕弹出窗口。

要在联系开始时显示联系人属性，请配置**详细信息视图**，这是一个 [AWS 托管式视图](view-resources-managed-view.md)。

**详细信息视图**用于向座席显示信息，并为其提供他们可以采取的操作的列表。**详细信息视图**的一个常见使用案例是在开始通话时向座席显示屏幕弹出窗口。
+ 此视图中的操作可用于让代理继续执行 step-by-step指南中的下一步。这些操作还可用于调用全新的工作流程。
+ **Sections** 是唯一必需的组件。在这里，您可以配置要向座席显示的页面正文。
+ 此视图支持诸如之**AttributeBar**类的可选组件。

**提示**  
有关显示**详细信息视图**预览的交互式文档，请参阅[详细信息](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-detail--with-all)。

下图显示了一个**详细信息视图**示例。它包含页面标题、描述和四个示例。

![\[详细信息视图，包括页面标题、描述和四个带属性的示例。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/details-view-page-heading-sq.png)


**Sections**
+ 内容可以是静态字符串、 TemplateString 或键值对。它可以是单个数据点或列表。有关更多信息，请参阅 [TemplateString](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#templatestring)或 [AtrributeSection](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute-section)。

**AttributeBar （可选）**
+ 可选，如果提供，它将在视图的顶部显示属性栏。
+ 包含必需属性、**标签**、**值**和可选属性**LinkType**ResourceId****、**可复制**和 Ur **l** 的对象列表。有关更多信息，请参阅[属性](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute)。
  + **LinkType**可以是外部应用程序，也可以是 Amazon Connect 应用程序，例如 Amazon Connect 手机壳。
    + 当它为*外部*时，座席可以导航到配置了 **Url** 的新浏览器页面。
    + *在这种情况下*，代理可以在配置为的代理工作区上导航到新的案例详细信息 ResourceId。
  + **Copyable** 允许代理 ResourceId 通过使用您的输入设备进行选择来复制。

**Back（可选）**
+ 可选，但如果不包括任何操作，则为必填项。如果提供，将显示返回导航链接。
+ 是一个带有*标签*的对象，它将控制链接文本中显示的内容。

**Heading（可选）**
+ 可选，如果提供，将显示文本作为标题。

**Description（可选）**
+ 可选，如果提供，将在标题下显示描述文本。

**Actions（可选）**
+ 可选。如果提供，将在页面下显示操作列表。

**输入示例**

```
{
  "AttributeBar": [
    {"Label": "Example", "Value": "Attribute"},
    { "Label": "Example 2", "Value": "Attribute 3", "LinkType": "case", "ResourceId": "123456", "Copyable": true }
  ],
  "Back": {
    "Label": "Back"
  },
  "Heading": "Hello world",
  "Description": "This view is showing off the wonders of a detail page",
  "Sections": [{
    "TemplateString": "This is an intro paragraph"
  }, "abc"],
  "Actions": ["Do thing!", "Update thing 2!"],
}
```

**输出示例**

```
{
    Action: "ActionSelected",
    ViewResultData: {
        actionName: "Action 2"
    }
}
```