View a markdown version of this page

Pustaka komponen UI untuk pembangun UI di Connect Customer - Pelanggan Amazon Connect

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

Pustaka komponen UI untuk pembangun UI di Connect Customer

Semua komponen UI builder dijelaskan dalam dokumentasi komponen Connect Customer UI. Dokumentasi ini menunjukkan komponen UI individual yang dapat Anda gunakan di UI builder, dan bagaimana Anda dapat mengonfigurasinya.

Anda mengakses komponen pustaka di pembuat UI di panel Buat, tab Library. Gambar berikut menunjukkan contoh tab Library dan komponen Con tainer.

Panel Create builder UI, tab Library, komponen UI.

Gunakan Wadah untuk memindahkan dan mengatur komponen

Wadah adalah blok bangunan inti untuk membuat tampilan. Anda dapat memindahkan komponen UI (termasuk wadah lain) ke dalam wadah untuk mengelompokkan mereka secara logis dan visual di halaman.

Agar konten halaman tetap relatif konsisten saat Anda menyesuaikan pengaturan tampilan tingkat atas, sebaiknya gunakan wadah di semua tampilan Anda. Wadah juga dilengkapi dengan tata letak kolom. Dengan tata letak kolom, Anda dapat mengatur konten dalam wadah.

Buat formulir

Untuk membuat formulir untuk diisi dan dikirimkan oleh agen atau pelanggan, Anda menggunakan komponen For mulir. Anda dapat:

  • Seret dan lepas komponen Formulir ke kanvas dari pustaka UI.

  • Atau, dari tab Template, pilih template Contoh Formulir. Ini menggunakan komponen bentuk.

Komponen Formulir adalah jenis wadah khusus di mana Anda dapat menyisipkan bidang input dan menambahkan tombol Kirim. Ketika pengguna yang berinteraksi dengan panduan menekan tombol Kirim, Hubungkan Pelanggan meneruskan semua nilai yang dimasukkan ke dalam bidang formulir ke alur. Pada titik itu dalam alur, Anda dapat menyesuaikan logika bisnis dan send/retrieve data Anda sendiri ke sistem pihak ketiga dengan menggunakan Fungsi AWS Lambda blok.

Gambar berikut menunjukkan contoh komponen Form dengan label placeholder dan Tombol Kirim.

Komponen Formulir dengan label placeholder dan Tombol Kirim.