

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

# Blok aliran di Amazon Connect: Tampilkan tampilan
<a name="show-view-block"></a>

Topik ini mendefinisikan blok alur untuk membuat panduan step-by-step alur kerja untuk membantu agen memberikan pengalaman pelanggan yang konsisten, serta panduan untuk memungkinkan pengalaman pelanggan interaktif. 

## Deskripsi
<a name="show-view-block-description"></a>
+ Gunakan blok aliran ini untuk:
  + Buat [step-by-step panduan](step-by-step-guided-experiences.md) untuk agen yang menggunakan ruang kerja agen Amazon Connect. Panduan ini adalah alur kerja yang memberi agen Anda instruksi untuk membantu mereka berinteraksi secara konsisten dengan pelanggan Anda.
  + Buat formulir untuk mengumpulkan informasi dari pelanggan dalam pengalaman obrolan.
+ Saat kontak dirutekan ke alur yang menyertakan blok **Tampilkan tampilan**, halaman UI yang disebut [Tampilan](view-resources-sg.md) akan ditampilkan di ruang kerja agen atau di dalam UI obrolan pelanggan.

## Gunakan kasus untuk blok ini
<a name="scenarios-show-view"></a>

Blok aliran ini dirancang untuk memandu agen melalui langkah-langkah untuk:
+ Lakukan tugas umum untuk pelanggan, seperti membuat reservasi, mengelola pembayaran, dan mengirimkan pesanan baru.
+ Kirim email berdasarkan templat yang memberi tahu pelanggan tentang permintaan pengembalian dana yang dikirimkan. Struktur email selalu sama, tetapi nilai spesifik dapat bervariasi, seperti nomor pesanan, jumlah pengembalian dana, dan akun pembayaran. Anda dapat mengonfigurasi blok Tampilkan tampilan agar agen menyediakan jenis informasi ini.
+ Buat entri CRM baru di ruang kerja agen yang ada. Gunakan atribut kontak untuk mengisi formulir dengan informasi yang relevan, seperti nama dan nomor telepon pelanggan.

Dan untuk memandu pelanggan melalui langkah-langkah dalam percakapan obrolan ke:
+ Lakukan pembayaran dengan memberikan informasi kartu kredit mereka.
+ Berikan informasi PII, seperti alamat rumah untuk memperbarui profil mereka.
+ Menerima informasi akun dengan memberikan ID akun pelanggan mereka.

## Jenis kontak
<a name="show-view-flow"></a>

Anda dapat menggunakan blok **Tampilkan tampilan** dalam alur panduan yang dimulai—oleh [Atur alur acara](set-event-flow.md) blok—dari jenis kontak apa pun termasuk suara, obrolan, email, atau tugas. Jika Anda berencana untuk menampilkan panduan ke pelanggan, Anda dapat menggunakan blok **Tampilkan tampilan** di alur obrolan utama secara langsung.


| Jenis kontak | Didukung? | 
| --- | --- | 
| Suara | Ya | 
| Obrolan | Ya   | 
| Tugas | Ya  | 
| Email | Ya | 

## Jenis aliran
<a name="show-view-block-types"></a>

Anda dapat menggunakan blok ini dalam [jenis aliran](create-contact-flow.md#contact-flow-types) berikut:


| Jenis aliran | Didukung? | 
| --- | --- | 
| Aliran masuk | Ya | 
| Alur penahanan pelanggan | Tidak | 
| Aliran bisikan pelanggan | Tidak | 
| Aliran bisikan keluar | Tidak | 
| Agen menahan aliran | Tidak | 
| Aliran bisikan agen | Tidak | 
| Transfer ke aliran agen | Tidak | 
| Transfer ke aliran antrian | Tidak | 

## Cara mengkonfigurasi blok ini
<a name="show-view-block-properties"></a>

Anda dapat mengonfigurasi blok **Tampilkan tampilan** dengan menggunakan situs web Amazon Connect admin atau dengan menggunakan [ShowView](https://docs.aws.amazon.com/connect/latest/APIReference/participant-actions-showview.html)tindakan dalam bahasa Amazon Connect Flow. 

**Topics**
+ [Pilih sumber daya tampilan](#choose-viewresource)
+ [Cara menggunakan opsi Set secara manual](#view-setmanually)
+ [Cara menggunakan opsi Set dinamis](#view-setdynamically)
+ [Cara menggunakan opsi Set JSON](#show-view-block-example-json)
+ [Tampilan ini memiliki data sensitif](#showview-sensitive-data)
+ [Cabang blok aliran](#showview-branches)
+ [Kiat konfigurasi tambahan](#showview-tips)
+ [Data yang dihasilkan oleh blok ini](#showview-data)

### Pilih sumber daya tampilan
<a name="choose-viewresource"></a>

Amazon Connect menyertakan serangkaian tampilan yang dapat Anda tambahkan ruang kerja agen Anda. Anda menentukan tampilan di **Lihat** kotak, seperti yang ditunjukkan pada gambar berikut:

![\[Halaman properti dari blok Tampilkan tampilan.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-form.png)


Berikut ini adalah deskripsi singkat dari pandangan yang AWS dikelola ini. Untuk informasi rinci tentang masing-masing, lihat[Menyiapkan tampilan AWS terkelola untuk ruang kerja agen di Amazon Connect](view-resources-managed-view.md). Tampilan yang dikelola pelanggan juga didukung. Untuk informasi selengkapnya, lihat dokumentasi [tampilan yang dikelola pelanggan](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/customer-managed-views-customer-managed-views--page).
+ **Tampilan detail**: Menampilkan informasi kepada agen dan memberi mereka daftar tindakan yang dapat mereka lakukan. Kasus penggunaan umum dari tampilan Detail adalah memunculkan layar pop ke agen pada awal panggilan.
+ **Tampilan daftar**: Menampilkan informasi sebagai daftar item dengan judul dan deskripsi. Item dapat bertindak sebagai tautan dengan tindakan yang dilampirkan. Ini juga secara opsional mendukung navigasi belakang standar dan header konteks persisten.
+ **Tampilan formulir**: Menyediakan kolom input kepada pelanggan dan agen untuk mengumpulkan data yang diperlukan dan mengirimkan data ke sistem backend. Tampilan ini terdiri dari beberapa Bagian dengan gaya Bagian yang telah ditentukan dengan header. Tubuh terdiri dari berbagai bidang input yang disusun dalam kolom atau format tata letak kisi.
+ **Tampilan konfirmasi**: Halaman untuk menampilkan pelanggan dan agen setelah formulir dikirimkan atau tindakan telah selesai. Dalam template pra-bangun ini Anda dapat memberikan ringkasan tentang apa yang telah terjadi, setiap langkah selanjutnya, dan petunjuk. Tampilan Konfirmasi mendukung bilah atribut persisten, ikon atau gambar, judul, dan sub-judul, bersama dengan tombol navigasi kembali ke rumah.
+ **Tampilan kartu**: Memungkinkan Anda untuk memandu pelanggan dan agen Anda dengan menyajikan daftar topik untuk dipilih ketika kontak disajikan kepada agen.

Properti blok **Tampilkan tampilan** diisi secara dinamis tergantung pada sumber daya **View** yang Anda pilih. Misalnya, jika Anda memilih **Formulir**, Anda akan mengonfigurasi tindakan **Berikutnya** dan **Sebelumnya**, yang ditampilkan. Ini hanya beberapa tindakan pada tampilan. 

![\[Tampilan diatur ke Formulir dan Versi diatur ke 1.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-version2.png)


Bagian berikut menjelaskan cara mengkonfigurasi tindakan **Formulir** secara manual, dinamis, atau dengan menggunakan opsi JSON.

### Cara menggunakan opsi Set secara manual
<a name="view-setmanually"></a>

1. Pada halaman **Properties**, di bagian **View**, pilih **Form** dari menu dropdown, dan atur **Use version** ke 1, default. Gambar berikut menunjukkan halaman **Properti** yang dikonfigurasi dengan opsi ini.  
![\[Tampilan diatur ke Formulir dan Versi diatur ke 1.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-version1.png)

1. Halaman **Properti** menampilkan satu set bidang berdasarkan tampilan Formulir. Pilih **Setel secara manual** dan masukkan teks yang akan dirender pada komponen UI Tampilan. Gambar berikut menunjukkan komponen UI **Berikutnya** dan **Sebelumnya**. Nama tampilan komponen telah diatur secara manual ke **Berikutnya** dan **Sebelumnya**. Itulah yang akan muncul di ruang kerja agen saat step-by-step panduan dirender.  
![\[Komponen UI Berikutnya dan Sebelumnya diatur secara manual.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-version2.png)

### Cara menggunakan opsi Set dinamis
<a name="view-setdynamically"></a>

1. Pada halaman **Properties**, di bagian **View**, pilih **Form** dari menu dropdown, dan atur **Use version** ke 1, default. Gambar berikut menunjukkan halaman **Properti** yang dikonfigurasi dengan opsi ini.  
![\[Tampilan diatur ke Formulir dan Versi diatur ke 1.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-version1.png)

1. Halaman **Properti** menampilkan satu set bidang berdasarkan tampilan Formulir. Pilih **Set secara dinamis**. Di menu tarik-turun **Namespace**, pilih atribut kontak, lalu pilih kuncinya. Gambar berikut menunjukkan **Heading** yang akan dirender secara dinamis dalam step-by-step panduan untuk menunjukkan nama belakang pelanggan.  
![\[Judul di template View UI.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-dynamic.png)

### Cara menggunakan opsi Set JSON
<a name="show-view-block-example-json"></a>

Bagian ini membahas contoh cara menggunakan opsi **Set JSON**.

1. Di bagian **Lihat** halaman **Properti** dari blok Tampilkan tampilan, pilih **Formulir** dari menu tarik-turun dan atur **Versi** ke **1**, default. Opsi ini ditunjukkan pada gambar berikut.  
![\[Tampilan diatur ke Formulir dan Versi diatur ke 1.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-version1.png)

1. Saat Anda memilih tampilan **Formulir**, skema masukan tampilan ditampilkan di halaman **Properti**. Skema memiliki bagian berikut di mana Anda dapat menambahkan informasi: **Bagian**,, **Kembali **AttributeBar****, **Batal**, **Edit **ErrorText****, dan banyak lagi.

1. Gambar berikut menunjukkan **AttributeBar**parameter, dan **Set menggunakan JSON** pilihan. Untuk melihat semua JSON yang Anda tempelkan, klik sudut kotak dan tarik ke bawah.  
![\[Parameter input.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-json.png)
**Tip**  
Perbaiki kesalahan apa pun jika JSON tidak valid. Gambar berikut menunjukkan contoh pesan kesalahan karena ada koma tambahan.  

![\[Pesan kesalahan bahwa JSON tidak valid.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-json-invalid.png)


1. Saat memilih tampilan khusus, Anda mungkin ingin mengatur nilai input dinamis melalui opsi **Set JSON**. Saat melakukan ini, Anda dapat memilih **Terapkan Data Sampel** untuk mengisi input terlebih dahulu dengan skema JSON yang berisi data sampel. 

   Pastikan Anda [mengonfigurasi referensi dinamis](no-code-ui-builder-properties-dynamic-fields.md) untuk data dinamis (misalnya, \$1.Channel) di pembuat UI yang akan diisi saat dijalankan.

   Gambar berikut menunjukkan opsi **Terapkan Data Sampel**.  
![\[Opsi Terapkan Data Sampel pada blok tampilan Tampilkan.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/apply-sample-data.png)

1. Pilih **Simpan** dan publikasikan saat Anda siap.

Contoh kode berikut menunjukkan bagaimana konfigurasi yang sama ini akan diwakili oleh [ShowView](https://docs.aws.amazon.com/connect/latest/APIReference/participant-actions-showview.html)tindakan dalam bahasa Flow:

```
{
      "Parameters": {
        "ViewResource": {
          "Id": "arn:aws:connect:us-west-2:aws:view/form:1"
        },
        "InvocationTimeLimitSeconds": "2",
        "ViewData": {
          "Sections": "Sections",
          "AttributeBar": [
            {
              "Label": "Example",
              "Value": "Attribute"
            },
            {
              "Label": "Example 2",
              "Value": "Attribute 2"
            },
            {
              "Label": "Example 3",
              "Value": "Case 123456",
              "LinkType": "case",
              "ResourceId": "123456",
              "Copyable":true
            },
            {
              "Label": "Example 3",
              "Value": "Case 123456",
              "LinkType": "case",
              "ResourceId": "https:example.com"
            }
          ],
          "Back": {
            "Label": "Back"
          },
          "Cancel": {
            "Label": "Cancel"
          },
          "Edit": "Edit",
          "ErrorText": "ErrotText",
          "Heading": "$.Customer.LastName",
          "Next": "Next",
          "Previous": "Previous",
          "SubHeading": "$.Customer.FirstName",
          "Wizard": {
            "Heading": "Progress tracker",
            "Selected": "Step Selected"
          }
        }
      },
      "Identifier": "53c6be8a-d01f-4dd4-97a5-a001174f7f66",
      "Type": "ShowView",
      "Transitions": {
        "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412",
        "Conditions": [
          {
            "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412",
            "Condition": {
              "Operator": "Equals",
              "Operands": [
                "Back"
              ]
            }
          },
          {
            "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412",
            "Condition": {
              "Operator": "Equals",
              "Operands": [
                "Next"
              ]
            }
          },
          {
            "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412",
            "Condition": {
              "Operator": "Equals",
              "Operands": [
                "Step"
              ]
            }
          }
        ],
        "Errors": [
          {
            "NextAction": "b88349e3-3c54-4915-8ea0-818601cd2d03",
            "ErrorType": "NoMatchingCondition"
          },
          {
            "NextAction": "7c5ef809-544e-4b5f-894f-52f214d8d412",
            "ErrorType": "NoMatchingError"
          },
          {
            "NextAction": "b88349e3-3c54-4915-8ea0-818601cd2d03",
            "ErrorType": "TimeLimitExceeded"
          }
        ]
      }
    }
```

### Tampilan ini memiliki data sensitif
<a name="showview-sensitive-data"></a>

Disarankan agar Anda mengaktifkan **Tampilan ini memiliki data sensitif** saat mengumpulkan data kartu kredit, alamat rumah, atau jenis data sensitif lainnya dari pelanggan. Dengan mengaktifkan opsi ini, data yang dikirimkan oleh pelanggan tidak akan direkam dalam transkrip atau catatan kontak, atau dapat dilihat oleh agen (secara default). Ingatlah untuk menonaktifkan logging jika **Setel Perilaku Logging** diaktifkan di alur kontak Anda, untuk memastikan data pelanggan yang sensitif tidak disertakan dalam log alur Anda.

![\[Kotak centang tampilan data sensitif.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-form-sensitive-data.png)


**Tip**  
Buat [modul Flow](contact-flow-modules.md) dengan blok Tampilkan tampilan yang **memiliki Tampilan ini mengaktifkan data sensitif**, fungsi Lambda, dan meminta untuk membuat modul pengalaman pembayaran yang dapat digunakan kembali yang dapat ditempatkan dalam alur kontak masuk yang ada.

### Cabang blok aliran
<a name="showview-branches"></a>

Gambar berikut menunjukkan contoh blok **tampilan Tampilkan** yang dikonfigurasi. Blok ini mendukung cabang bersyarat—yaitu, cabang bergantung pada tampilan mana yang dipilih. Ini juga mendukung cabang **Error** dan **Timeout**.

![\[Blok tampilan Tampilkan yang dikonfigurasi.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/show-view-block-sq-config.png)

+ Cabang bersyarat: Cabang-cabang ini didasarkan pada tampilan mana yang dipilih pada blok **Tampilkan tampilan**. Gambar sebelumnya menunjukkan blok dikonfigurasi untuk tampilan **Formulir**, dan tindakan berikut: **Kembali**, **Berikutnya**, dan **Tidak Cocokkan**. 
  + Untuk konfigurasi khusus ini, saat runtime, kontak obrolan dialihkan ke cabang **Kembali** atau **Berikutnya** tergantung pada apa yang diklik agen pada tampilan. **Tidak ada kecocokan** hanya dimungkinkan jika pengguna memiliki komponen tindakan dengan nilai Action kustom.
+ **Kesalahan**: Kegagalan untuk menjalankan (yaitu, kegagalan untuk merender tampilan di ruang kerja agen atau untuk menangkap tindakan keluaran tampilan) mengakibatkan mengambil cabang **Kesalahan**.
+ **Timeout**: Menentukan berapa lama langkah ini dalam step-by-step panduan harus mengambil agen untuk menyelesaikan. Jika dibutuhkan waktu lebih lama dari Timeout bagi agen untuk menyelesaikan langkah (misalnya, agen tidak memberikan informasi yang diperlukan dalam jumlah waktu yang ditentukan) maka langkah itu mengambil cabang Timeout. 

  Ketika sebuah langkah habis, step-by-step panduan dapat mengikuti logika yang ditentukan dalam alur untuk menentukan langkah berikutnya. Misalnya, langkah selanjutnya adalah mencoba lagi meminta informasi, atau menghentikan pengalaman panduan.

  Pelanggan terhubung dengan agen pada saat ini, sehingga tidak ada perubahan dalam pengalaman pelanggan karena Timeout. 

### Kiat konfigurasi tambahan
<a name="showview-tips"></a>

Buat modul alur dengan pengaturan logging ini, blok ini, dan Lambda untuk membuat modul pengalaman pembayaran yang dapat digunakan kembali yang terus keluar log dan dapat ditempatkan di alur masuk yang ada.

Tetapkan izin profil keamanan berikut kepada agen agar mereka dapat menggunakan step-by-step panduan ini:
+ **Aplikasi Agen - Tampilan khusus - Semua**: Izin ini memungkinkan agen untuk melihat step-by-step panduan di ruang kerja agen mereka.

Tetapkan izin profil keamanan berikut kepada manajer dan analis bisnis sehingga mereka dapat membuat step-by-step panduan:
+ **Saluran dan alur - Tampilan**: Izin ini memungkinkan manajer untuk membuat step-by-step panduan.

Untuk informasi tentang cara menambahkan izin lainnya ke profil keamanan yang ada, lihat[Perbarui profil keamanan di Amazon Connect](update-security-profiles.md).

### Data yang dihasilkan oleh blok ini
<a name="showview-data"></a>

Saat runtime, blok **Tampilkan tampilan** menghasilkan data yang merupakan output saat sumber daya View berjalan. Tampilan menghasilkan dua bagian utama data:
+ `Action`diambil pada View-UI yang dirender (di ruang kerja agen) dan `ViewResultData` yang merupakan datanya. `Output`

  Saat menggunakan blok **Tampilkan tampilan**, **Tindakan** mewakili cabang dan disetel ke atribut `$.Views.Action` kontak di bawah Namespace Tampilan.
+ `Output`data diatur ke atribut `$.Views.ViewResultData` kontak di bawah Views namespace.

  Nilai `Action` dan `Output` data ditentukan oleh komponen yang berinteraksi dengan agen selama penggunaan sumber daya tampilan.

#### Cara menggunakan data ini di berbagai bagian aliran
<a name="useshowview-data"></a>
+ Ketika blok menerima respons kembali dari aplikasi klien, untuk mereferensikan data output dalam penggunaan aliran ` `$.Views.Action` dan`$.Views.ViewResultData`.
+ Saat menggunakan tampilan dengan blok **Tampilkan tampilan**, `Action` mewakili cabang yang ditangkap dalam atribut kontak di bawah Namespace Views as`$.Views.Action`, dan data View Output disetel ke atribut `$.Views.ViewResultData` kontak.
+ **Anda dapat merujuk ke data yang dihasilkan oleh **Tampilkan tampilan** blok dengan menggunakan jalur JSON di atribut kontak (Anda dapat menentukan atribut kontak di Set manual atau Setel opsi JSON) atau dengan menggunakan dropdown pemilih atribut saat Anda memilih Setel secara dinamis.**

## Skenario kesalahan
<a name="play-errorscenarios"></a>

**catatan**  
Saat `ShowView` blok mengambil cabang kesalahan (tidak ada kecocokan, batas waktu, atau kesalahan), Anda mungkin ingin merutekan aliran kembali ke titik sebelumnya dalam alur. Jika Anda membuat loop dalam alur seperti ini, alur kontak dapat dijalankan tanpa henti hingga waktu kontak obrolan habis. Sebaiknya gunakan blok aliran `Loop` kontak untuk membatasi jumlah percobaan ulang untuk `ShowView` blok tertentu.

Kontak dialihkan ke cabang **Error** dalam situasi berikut:
+ Amazon Connect tidak dapat menangkap tindakan pengguna pada komponen UI Tampilan di ruang kerja agen. Ini mungkin karena masalah jaringan intermiten atau masalah di sisi layanan media.

## Entri log aliran
<a name="showview-log"></a>

Log aliran Amazon Connect memberi Anda detail real-time tentang peristiwa dalam alur Anda saat pelanggan berinteraksi dengannya. Untuk informasi selengkapnya, lihat [Menggunakan log alur untuk melacak peristiwa di alur Amazon Connect](about-contact-flow-logs.md).

Mengikuti ShowView masukan sampel (log masuk)

```
{
  "ContactId": "string",
  "ContactFlowId": "string",
  "ContactFlowName": "string",
  "ContactFlowModuleType": "ShowView",
  "Timestamp": "2023-06-06T16:08:26.945Z",
  "Parameters": {
    "Parameters": {
      "Cards": [
        {
          "Summary": {
            "Id": "See",
            "Heading": "See cancel options"
          }
        },
        {
          "Summary": {
            "Id": "Change",
            "Heading": "Change Booking"
          }
        },
        {
          "Summary": {
            "Id": "Get",
            "Heading": "Get Refund Status"
          }
        },
        {
          "Summary": {
            "Id": "Manage",
            "Heading": "Manage rewards"
          }
        }
      ],
      "NoMatchFound": {
        "Label": "Do Something Else",
        "type": "bubble"
      }
    },
    "TimeLimit": "300",
    "ViewResourceId": "cards"
  }
}
```

Mengikuti ShowView output sampel (log keluar)

```
{
  "Results": "string",
  "ContactId": "string",
  "ContactFlowId": "string",
  "ContactFlowName": "string",
  "ContactFlowModuleType": "ShowView",
  "Timestamp": "2023-06-06T16:08:35.201Z"
}
```

## Aliran sampel
<a name="show-view-samples"></a>

Anda dapat mengunduh aliran sampel dari Langkah 2 di blog berikut: [Memulai dengan step-by-step panduan](https://aws.amazon.com/blogs/contact-center/getting-started-with-step-by-step-guides-for-the-amazon-connect-agent-workspace/). Sebaiknya lakukan langkah-langkah di blog untuk mempelajari cara membuat alur yang dikonfigurasi dengan Tampilan yang AWS dikelola dan cara menjalankan alur ini untuk kontak media masuk.

## Sumber daya lainnya
<a name="show-view-more-resources"></a>

Lihat topik berikut untuk mempelajari lebih lanjut tentang step-by-step panduan dan Tampilan.
+ [Step-by-step Panduan untuk menyiapkan ruang kerja agen Amazon Connect](step-by-step-guided-experiences.md)
+ Jelajahi [cara menerapkan pengumpulan data sensitif di Obrolan Amazon Connect](https://aws.amazon.com/blogs/contact-center/collecting-sensitive-information-with-amazon-connect-chat/).
+ Untuk step-by-step petunjuk tentang cara menyiapkan Tampilan yang dikelola pelanggan, lihat Tampilan yang dikelola [pelanggan](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/customer-managed-views-customer-managed-views--page). 
+ Untuk menyiapkan pengalaman plug-and-play step-by-step panduan dalam instans Anda, lihat [Memulai dengan step-by-step panduan](https://aws.amazon.com/blogs/contact-center/getting-started-with-step-by-step-guides-for-the-amazon-connect-agent-workspace/). 
+ [Tampilan yang dikelola AWS - Konfigurasi Umum](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-common-configuration--page)
+ [Tampilan - Komponen UI](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-ui-components--page)
+ [Lihat tindakan](https://docs.aws.amazon.com/connect/latest/APIReference/view-api.html) di *Referensi API Amazon Connect*.