Konfigurasikan objek kustomisasi Opsi dan kendala yang didukung

Kustomisasi tambahan untuk widget obrolan Connect Customer

Anda dapat menambahkan penyesuaian opsional berikut ke antarmuka pengguna obrolan Anda:

Tampilkan tombol Akhiri obrolan di menu tarik-turun header, bukan di footer.
Topeng atau sembunyikan nama tampilan.
Tambahkan ikon pesan.
Mengganti pesan acara.
Konfigurasikan dialog konfirmasi yang akan disajikan kepada pelanggan ketika mereka memilih tombol Akhiri obrolan. Dialog ini memverifikasi bahwa pelanggan berniat untuk benar-benar mengakhiri sesi obrolan. Anda dapat menyesuaikan dialog konfirmasi, judul, pesan, dan teks tombol.
Ganti pesan penolakan lampiran.
Tampilkan tombol Minimize di header obrolan.

Konfigurasikan objek kustomisasi

Contoh ini menunjukkan bagaimana menerapkan beberapa penyesuaian opsional. Untuk daftar semua penyesuaian yang mungkin, lihatOpsi dan kendala yang didukung. Karena penyesuaian ini opsional, Anda dapat menerapkan beberapa atau semua bidang yang ditunjukkan dalam contoh berikut. Ganti eventMessages.chatEnded string eventNames.customereventNames.agent,eventNames.supervisor,eventMessages.participantJoined, eventMessages.participantDisconnecteventMessages.participantLeft,eventMessages.participantIdle,eventMessages.participantReturned,, dan sesuai kebutuhan. Ikon harus di-host di URL publik.


amazon_connect('customizationObject', {
        header: { 
            dropdown: true, 
            dynamicHeader: true,
            minimizeChatHeaderButton: true,
        },
        transcript: { 
            hideDisplayNames: false, 
            eventNames: {
                customer: "User",
                agent: "Webchat Agent",
                supervisor: "Webchat Supervisor"
            },
            eventMessages: {
                participantJoined: "{name} has joined the chat",
                participantDisconnect: "",
                participantLeft: "{name} has dropped",
                participantIdle: "{name}, are you still there?",
                participantReturned: "",
                chatEnded: "Chat ended",
            },
            displayIcons: true,
            iconSources: { 
                botMessage: "imageURL",
                systemMessage: "imageURL",
                agentMessage: "imageURL",
                customerMessage: "imageURL",
            },
        },
        composer: {
            disableEmojiPicker: true,
            disableCustomerAttachments: true,
            alwaysHideToolbar: true,
            hide: false,
        },
        footer: {
            disabled:true,
            skipCloseChatButton: true,
        },
        endChat: {
            enableConfirmationDialog: true,
            confirmationDialogText: {
                title: "End Chat",
                message: "Are you sure you want to end this chat?",
                confirmButtonText: "End Chat",
                cancelButtonText: "Cancel",
        },
    },
    attachment: {
         // Default rejectedErrorMessage: Attachment was rejected.
        rejectedErrorMessage: "Custom Error Message: Files cannot exceed 15 MB." //this is customizable attribute 
    }
});

Gambar berikut menunjukkan bagaimana penyesuaian terlihat jika Anda menggunakan contoh:

Nama tampilan yang dapat disesuaikan, lokasi menu, ikon, dan dialog konfirmasi akhir obrolan.

Opsi dan kendala yang didukung

Tabel berikut mencantumkan bidang kustomisasi yang didukung dan batasan nilai yang disarankan.

Opsi tata letak kustom	Tipe	Deskripsi
`header.dropdown`	Boolean	Merender menu dropdown header alih-alih footer default catatan Saat Anda mengatur opsi ini ke`true`, tombol unduh Transkrip muncul dan tetap terlihat sampai Anda mengatur opsi ke`false`, atau sampai Anda menghapus opsi tersebut.
`header.dynamicHeader`	Boolean	Secara dinamis mengatur judul header ke “Mengobrol dengan Bot/AgentName”.
`header.hideTranscriptDownloadButton`	Boolean	Sembunyikan tombol unduh transkrip di menu tarik-turun header. Nilai default-nya adalah `false`.
`header.minimizeChatHeaderButton`	Boolean	Menampilkan tombol Minimize di header obrolan. Nilai default-nya adalah `false`.
`transcript.hideDisplayNames`	Boolean	Menyembunyikan semua nama tampilan, akan menerapkan topeng nama default jika tidak `eventNames` disediakan.
`transcript.eventNames.customer`	String	Menutupi nama tampilan pelanggan.
`transcript.eventNames.agent`	String	Menutupi nama tampilan agen.
`transcript.eventNames.supervisor`	String	Menutupi nama tampilan supervisor.
`transcript.eventMessages.participantJoined`	String	Mengganti pesan acara dalam transkrip saat peserta telah bergabung dengan obrolan. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}`dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan default adalah`{name} has joined the chat`.
`transcript.eventMessages.participantDisconnect`	String	Mengganti pesan acara dalam transkrip saat peserta terputus dari obrolan. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}`dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan default adalah {`name} has been idle too long, disconnecting`.
`transcript.eventMessages.participantLeft`	String	Mengganti pesan acara dalam transkrip saat peserta telah meninggalkan obrolan. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}`dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan default adalah`{name} has left the chat`.
`transcript.eventMessages.participantIdle`	String	Mengganti pesan acara dalam transkrip saat peserta tidak aktif. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}`dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan default adalah`{name} has become idle`.
`transcript.eventMessages.participantReturned`	String	Mengganti pesan acara dalam transkrip saat peserta telah kembali ke obrolan. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}` dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan defaultnya adalah`{name} has returned`.
`transcript.eventMessages.chatEnded`	String	Mengganti pesan acara dalam transkrip saat obrolan telah berakhir. Jika string kosong ditentukan, pesan acara akan dihilangkan dari transkrip. `{name}`dapat diteruskan dalam pesan, dan akan diganti dengan nama tampilan peserta yang sesuai. Pesan default adalah `Chat has ended!`
`transcript.displayIcons`	Boolean	Mengaktifkan ikon tampilan pesan.
`transcript.iconSources.botMessage`	String	Ikon yang ditampilkan untuk pesan bot, harus di-host di URL publik.
`transcript.iconSources.systemMessage`	String	Ikon yang ditampilkan untuk pesan sistem, harus di-host di URL publik.
`transcript.iconSources.agentMessage`	String	Ikon yang ditampilkan untuk pesan agen, harus di-host di URL publik.
`transcript.iconSources.customerMessage`	String	Ikon yang ditampilkan untuk pesan pelanggan, harus di-host di URL publik.
`composer.alwaysHideToolbar`	Boolean	Menyembunyikan bilah alat pemformatan yang menyertakan fitur penataan teks seperti Bold, Italic, dan opsi daftar berpoin dan bernomor.
`composer.disableEmojiPicker`	Boolean	Menonaktifkan pemilih emoji saat menggunakan editor teks kaya.
`composer.disableCustomerAttachments`	Boolean	Mencegah pelanggan mengirim atau mengunggah lampiran.
`composer.hide`	Boolean	Menyembunyikan komposer (`true`) atau menunjukkannya (`false`). Untuk mengganti komposer berdasarkan peristiwa (seperti ketika agen bergabung), gunakan `registerCallback` dengan `hideComposer` metode. Untuk informasi selengkapnya, lihat Bidang cuplikan widget yang didukung di Connect Customer yang dapat disesuaikan. `document.getElementById("amazon-connect-chat-widget-iframe").contentWindow.connect.ChatInterface.hideComposer(false)`
`footer.disabled`	Boolean	Menyembunyikan footer default dan tombol Akhiri obrolan.
`footer.skipCloseChatButton`	Boolean	Langsung menutup widget dengan mengklik tombol Akhiri obro lan alih -alih menampilkan tombol Tutup.
`endChat.enableConfirmationDialog`	Boolean	Mengaktifkan dialog konfirmasi Akhiri Obrolan. Teks default digunakan jika `confirmationDialogText` tidak disediakan.
`endChat.confirmationDialogText.title`	String	Mengganti judul dialog konfirmasi Akhiri Obrolan.
`endChat.confirmationDialogText.message`	String	Mengganti pesan dialog konfirmasi Akhiri Obrolan.
`endChat.confirmationDialogText.confirmButtonText`	String	Mengganti teks tombol konfirmasi di dialog konfirmasi Akhiri Obrolan.
`endChat.confirmationDialogText.cancelButtonText`	String	Mengganti teks tombol batal di dialog konfirmasi Akhiri Obrolan.
`attachment.rejectedErrorMessage`	String	Mengganti pesan kesalahan untuk penolakan lampiran widget obrolan.

Awas Javascript dinonaktifkan atau tidak tersedia di browser Anda.

Untuk menggunakan Dokumentasi AWS, Javascript harus diaktifkan. Lihat halaman Bantuan browser Anda untuk petunjuk.

Konvensi Dokumen

Luluskan atribut kontak

Unduh transkrip untuk widget obrolan Anda

Kustomisasi tambahan untuk widget obrolan Connect Customer

Konfigurasikan objek kustomisasi

Opsi dan kendala yang didukung

catatan