Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Menampilkan konteks kontak di ruang kerja agen saat kontak dimulai di Amazon Connect
<a name="display-contact-attributes-sg"></a>

Saat mendesain step-by-step panduan untuk ruang kerja agen, Anda dapat mengaturnya untuk menampilkan atribut kontak di awal kontak. Ini memberi agen konteks yang mereka butuhkan di awal kontak sehingga mereka dapat terjun langsung ke pemecahan masalah. Fitur ini terkadang disebut sebagai pop layar. 

Untuk menampilkan atribut kontak di awal kontak, Anda mengonfigurasi tampilan **Detail, yang merupakan tampilan AWS ** [terkelola](view-resources-managed-view.md). 

**Tampilan Detail** adalah untuk menampilkan informasi kepada agen dan memberi mereka daftar tindakan yang dapat mereka ambil. Kasus penggunaan umum dari **tampilan Detail** adalah untuk memunculkan pop layar ke agen pada awal panggilan. 
+ Tindakan dalam tampilan ini dapat digunakan untuk membiarkan agen melanjutkan ke langkah berikutnya dalam step-by-step panduan. Tindakan juga dapat digunakan untuk memanggil alur kerja yang sama sekali baru.
+ **Bagian** adalah satu-satunya komponen yang diperlukan. Di sinilah Anda dapat mengonfigurasi badan halaman yang ingin Anda tampilkan kepada agen Anda.
+ Komponen opsional seperti **AttributeBar**didukung oleh tampilan ini.

**Tip**  
Untuk dokumentasi interaktif yang menampilkan pratinjau **tampilan Detail**, lihat [Detail](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-detail--with-all).

Gambar berikut menunjukkan contoh **tampilan Detail**. Ini memiliki judul halaman, deskripsi, dan empat contoh.

![Tampilan Detail, dengan judul halaman, deskripsi, dan empat contoh dengan atribut.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/details-view-page-heading-sq.png)


**Bagian**
+ Konten dapat berupa string statis, TemplateString atau pasangan kunci-nilai. Ini bisa berupa titik data tunggal atau daftar. Untuk informasi selengkapnya, lihat [TemplateString](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#templatestring) atau [AtrributeSection](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute-section).

**AttributeBar (Opsional)**
+ Opsional, jika disediakan akan menampilkan bilah Atribut di bagian atas tampilan.
+ Daftar objek dengan properti yang diperlukan, **Label**, **Nilai**, dan properti opsional **LinkType**, **ResourceId**, **Copyable** dan **Url**. Untuk informasi selengkapnya lihat, [Atribut](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/aws-managed-views-common-configuration--page#attribute).
  + **LinkType**bisa eksternal atau aplikasi Amazon Connect seperti Amazon Connect Cases.
    + Ketika itu *eksternal*, agen dapat menavigasi ke halaman browser baru, yang dikonfigurasi dengan **Url**.
    + *Jika terjadi*, agen dapat menavigasi ke detail kasus baru di ruang kerja agen, yang dikonfigurasi dengan ResourceId.
  + **Copyable** memungkinkan agen untuk menyalin ResourceId dengan memilihnya dengan perangkat input Anda.

**Kembali (Opsional)**
+ Opsional, tetapi diperlukan jika tidak ada tindakan yang disertakan. Jika disediakan akan menampilkan link navigasi belakang.
+ Adalah objek dengan *Label* yang akan mengontrol apa yang ditampilkan dalam teks tautan.

**Judul (Opsional)**
+ Opsional, jika disediakan akan menampilkan Teks sebagai judul.

**Deskripsi (Opsional)**
+ Opsional, jika disediakan akan menampilkan deskripsi teks di bawah judul.

**Tindakan (Opsional)**
+ Tidak wajib. Jika disediakan, akan menampilkan daftar tindakan di bagian bawah halaman.

**Contoh masukan**

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

**Contoh keluaran**

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