As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Exibir o contexto do contato no espaço de trabalho de atendente no início de um contato no Amazon Connect
<a name="display-contact-attributes-sg"></a>

Ao criar step-by-step guias para o espaço de trabalho do agente, você pode configurá-los para exibir os atributos do contato no início do contato. Isso fornece aos atendentes o contexto necessário logo no início do contato, para que possam mergulhar diretamente na solução de problemas. Às vezes, esse recurso é chamado de tela pop-up. 

Para exibir atributos de contato no início de um contato, configure uma **Visualização detalhada**, que é uma [Visualização gerenciada pela AWS](view-resources-managed-view.md). 

A **Visualização detalhada** serve para exibir informações para o atendente e fornecer uma lista de ações que podem ser realizadas. Um caso de uso comum da **Visualização detalhada** é exibir uma tela pop-up para o atendente no início de uma chamada. 
+ As ações nessa visualização podem ser usadas para permitir que um agente continue na próxima etapa de um step-by-step guia. As ações também podem ser usadas para invocar novos fluxos de trabalho.
+ **Seções** é o único componente obrigatório. Aqui, você pode configurar o corpo da página que deseja mostrar ao atendente.
+ Componentes opcionais, como o, **AttributeBar**são suportados por essa visualização.

**dica**  
Para conferir uma documentação interativa que mostra uma prévia de uma **Visualização detalhada**, consulte [Detalhe](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-detail--with-all).

A imagem a seguir mostra um exemplo de **Visualização detalhada**. Ela tem um título de página, uma descrição e quatro exemplos.

![A Visualização detalhada, com o título da página, a descrição e quatro exemplos com atributos.](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/details-view-page-heading-sq.png)


**Seções**
+ O conteúdo pode ser uma string estática TemplateString ou um par de valores-chave. Pode ser um único ponto de dados ou uma lista. Para acessar mais informações, consulte [TemplateString](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#templatestring) ou [AtrributeSection](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute-section).

**AttributeBar (Opcional)**
+ Opcional. Se fornecido, exibirá a barra de atributos na parte superior da visualização.
+ Uma lista de objetos com propriedades obrigatórias, **rótulo**, **valor** e propriedades opcionais **LinkType**ResourceId****, **copiável** e **URL**. Para obter mais informações, consulte [Atributo](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute).
  + **LinkType**pode ser externo ou um aplicativo Amazon Connect, como Amazon Connect Cases.
    + Quando é *externo*, o atendente pode navegar até uma nova página do navegador, que é configurada com **Url**.
    + Quando for o *caso*, um agente pode navegar até um novo detalhe do caso no espaço de trabalho do agente, configurado com ResourceId.
  + **Copiável** permite que os agentes copiem o ResourceId escolhendo-o com seu dispositivo de entrada.

**Voltar (opcional)**
+ Opcional, mas obrigatório se nenhuma ação for incluída. Se fornecido, exibirá o link de navegação para voltar.
+ É um objeto com um *Label* que controlará o que é exibido no texto do link.

**Título (opcional)**
+ Opcional. Se fornecido, exibirá o texto como título.

**Descrição (opcional)**
+ Opcional. Se fornecido, exibirá o texto descritivo abaixo do título.

**Ações (opcional)**
+ Opcional. Se fornecido, exibirá uma lista de ações na parte inferior da página.

**Exemplo de entrada**

```
{
  "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!"],
}
```

**Exemplo de saída**

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