Pustaka komponen UI untuk pembuat UI tanpa kode di Amazon Connect - 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 pembuat UI tanpa kode di Amazon Connect

Semua komponen pembuat UI tanpa kode dijelaskan dalam dokumentasi komponen Amazon Connect UI. Dokumentasi ini menunjukkan kepada Anda komponen UI individual yang dapat Anda gunakan di pembuat UI Tanpa Kode, dan bagaimana Anda dapat mengonfigurasinya.

Anda mengakses komponen pustaka di pembuat UI tanpa kode di panel Create, tab Library. Gambar berikut menunjukkan contoh tab Library dan komponen Container.

Panel Create builder tanpa kode, tab Library, komponen UI.

Gunakan Container untuk memindahkan dan mengatur komponen

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

Untuk menjaga konten halaman relatif konsisten saat Anda menyesuaikan pengaturan tampilan tingkat atas, sebaiknya gunakan kontainer di semua tampilan Anda. Wadah juga dilengkapi dengan tata letak kolom. Tata letak kolom memungkinkan Anda untuk mengatur konten dalam wadah.

Buat formulir

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

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

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

Komponen Formulir adalah jenis wadah khusus di mana Anda dapat memasukkan bidang input dan menambahkan tombol Kirim. Saat pengguna yang berinteraksi dengan panduan menekan tombol Kirim, Amazon Connect meneruskan semua nilai yang dimasukkan ke dalam bidang formulir ke alur. Pada saat itu dalam alur, Anda dapat menyesuaikan logika dan send/retrieve data bisnis Anda sendiri ke sistem pihak ketiga dengan menggunakan Menginvokasi fungsi AWS Lambda blok.

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

Komponen Formulir dengan label placeholder dan Tombol Kirim.