Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Visualizza il contesto del contatto nello spazio di lavoro dell’agente quando un contatto viene avviato in Amazon Connect
<a name="display-contact-attributes-sg"></a>

Quando progetti step-by-step guide per l'area di lavoro degli agenti, puoi configurarle in modo da visualizzare gli attributi dei contatti all'inizio del contatto. In questo modo gli agenti avranno a disposizione il contesto di cui hanno bisogno all’inizio del contatto per poter passare direttamente alla risoluzione dei problemi. Questa funzionalità è definita anche schermata. 

Per visualizzare gli attributi del contatto all’inizio di un contatto, configura una **Vista dettagliata**, ovvero una [Vista gestita da AWS](view-resources-managed-view.md). 

La **vista Dettaglio** consente di mostrare informazioni all'agente, con un elenco di azioni che può intraprendere. Un caso d’uso comune della **Vista dettagliata** consiste nel mostrare una schermata all’agente all’inizio di una chiamata. 
+ Le azioni in questa visualizzazione possono essere utilizzate per consentire a un agente di passare alla fase successiva di una step-by-step guida. oppure per invocare flussi di lavoro completamente nuovi.
+ L'unico componente necessario è **Sections**. Qui puoi configurare il corpo della pagina che vuoi mostrare all'agente.
+ Componenti opzionali come i **AttributeBar**sono supportati da questa visualizzazione.

**Suggerimento**  
Per una documentazione interattiva che mostra un’anteprima di una **Vista dettagliata**, consulta [Dettagli](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-detail--with-all).

La seguente immagine mostra un esempio di **vista Dettaglio**. Contiene un'intestazione di pagina, una descrizione e quattro esempi.

![\[Vista Dettaglio, con l’intestazione della pagina, la descrizione e quattro esempi con attributi.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/details-view-page-heading-sq.png)


**Sections**
+ Il contenuto può essere una stringa statica, una TemplateString o una coppia chiave-valore. Può essere un singolo punto dati o un elenco. Per ulteriori informazioni, consulta [TemplateString](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#templatestring) o [AtrributeSection](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute-section).

**AttributeBar (Facoltativo)**
+ Opzionale: se viene specificato, visualizza la barra degli attributi nella parte superiore della vista.
+ **Un elenco di oggetti con le proprietà obbligatorie, **Label**, **Value** e le proprietà **LinkType**opzionali **Copyable** e Url. **ResourceId**** Per ulteriori informazioni, consulta [Attribute](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute).
  + **LinkType**può essere esterno o un'applicazione Amazon Connect come Amazon Connect Cases.
    + Quando è *esterna*, un agente può accedere a una nuova pagina del browser, configurata con **Url**.
    + *In caso* affermativo, un agente può accedere a un nuovo dettaglio del caso nell'area di lavoro dell'agente, configurata con ResourceId.
  + **Copyable** consente agli agenti di copiarli ResourceId selezionandoli con il dispositivo di input.

**Back (opzionale)**
+ Facoltativo, ma obbligatorio se non è inclusa alcuna azione. Se viene specificato, verrà visualizzato il link per tornare indietro nella navigazione.
+ È un oggetto con un'etichetta *Label* che controllerà ciò che viene visualizzato nel testo del link.

**Heading (opzionale)**
+ Opzionale. Se viene specificato, verrà visualizzato il testo come titolo.

**Description (opzionale)**
+ Opzionale. Se viene specificato, verrà visualizzato il testo della descrizione sotto il titolo.

**Actions (opzionale)**
+ Opzionale. Se viene specificato, verrà visualizzato un elenco di azioni nella parte inferiore della pagina.

**Esempio di input**

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

**Esempio di output**

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