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

# Kustomisasi tambahan untuk widget obrolan Amazon Connect
<a name="pass-customization-object"></a>

Anda dapat menambahkan penyesuaian opsional berikut ke antarmuka pengguna obrolan Anda:
+ Tampilkan tombol **Akhiri obrolan** di menu dropdown header, bukan di footer.
+ Topeng atau sembunyikan nama tampilan.
+ Tambahkan ikon pesan.
+ Ganti pesan acara.
+ Konfigurasikan dialog konfirmasi yang akan disajikan kepada pelanggan saat 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.
+ Menampilkan tombol **Minimalkan** di header obrolan.

## Konfigurasikan objek kustomisasi
<a name="configure-customization-object"></a>

Contoh ini menunjukkan bagaimana menerapkan beberapa kustomisasi opsional. Untuk daftar semua penyesuaian yang mungkin, lihat. [Opsi dan kendala yang didukung](#customization-options-constraints) Karena penyesuaian ini bersifat opsional, Anda dapat menerapkan beberapa atau semua bidang yang ditampilkan dalam contoh berikut. Ganti`eventNames.customer`,`eventNames.agent`,`eventNames.supervisor`,`eventMessages.participantJoined`, `eventMessages.participantDisconnect``eventMessages.participantLeft`,`eventMessages.participantIdle`,`eventMessages.participantReturned`, dan `eventMessages.chatEnded` string sesuai kebutuhan. Ikon harus di-host di depan umum URLs.

```
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 kustomisasi terlihat jika Anda menggunakan contoh:

![Diagram yang menunjukkan nama tampilan yang dapat disesuaikan, lokasi menu, ikon, dan dialog konfirmasi akhir obrolan.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/chat-customization-diagram2.png)


## Opsi dan kendala yang didukung
<a name="customization-options-constraints"></a>

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


| Opsi tata letak kustom | Tipe | Deskripsi | 
| --- | --- | --- | 
| `header.dropdown` | Boolean | Merender menu dropdown header bukan footer default Saat Anda mengatur opsi ini`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 menetapkan judul header ke “Chatting with AgentName Bot/”. | 
| `header.hideTranscriptDownloadButton` | Boolean | Sembunyikan tombol [transkrip unduhan](chat-widget-download-transcript.md) di menu dropdown header. Nilai default-nya adalah false. | 
| `header.minimizeChatHeaderButton` | Boolean | Menampilkan tombol Minimalkan di header obrolan. Nilai default-nya adalah false. | 
| `transcript.hideDisplayNames` | Boolean | Menyembunyikan semua nama tampilan, akan menerapkan masker nama default jika tidak `eventNames` disediakan. | 
| `transcript.eventNames.customer` | String | Masker nama tampilan pelanggan. | 
| `transcript.eventNames.agent` | String | Masker nama tampilan agen. | 
| `transcript.eventNames.supervisor` | String | Topeng nama tampilan supervisor. | 
| ` transcript.eventMessages.participantJoined` | String | Mengganti pesan acara dalam transkrip ketika 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 ketika 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 ketika 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 untuk saat peserta menganggur. 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 ketika 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 default adalah`{name} has returned`. | 
| `transcript.eventMessages.chatEnded` | String | Mengganti pesan acara dalam transkrip ketika 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 pada URL publik. | 
| `transcript.iconSources.systemMessage` | String | Ikon yang ditampilkan untuk pesan sistem, harus di-host pada URL publik. | 
| `transcript.iconSources.agentMessage` | String | Ikon yang ditampilkan untuk pesan agen, harus di-host pada URL publik. | 
| `transcript.iconSources.customerMessage` | String | Ikon yang ditampilkan untuk pesan pelanggan, harus di-host pada URL publik. | 
| `composer.alwaysHideToolbar` | Boolean | Menyembunyikan toolbar 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](enable-text-formatting-chat.md). | 
| `composer.disableCustomerAttachments` | Boolean | Mencegah pelanggan mengirim atau mengunggah lampiran. | 
| `composer.hide` | Boolean | Menyembunyikan komposer (`true`) atau menunjukkannya (`false`). Untuk beralih komposer berdasarkan peristiwa (seperti ketika agen bergabung), gunakan `registerCallback` dengan metode. `hideComposer` Untuk informasi selengkapnya, lihat [Bidang cuplikan widget yang didukung di Amazon Connect yang dapat disesuaikan](supported-snippet-fields.md).<pre>document.getElementById("amazon-connect-chat-widget-iframe").contentWindow.connect.ChatInterface.hideComposer(false)</pre> | 
| `footer.disabled` | Boolean | Menyembunyikan footer default dan tombol **End chat**. | 
| `footer.skipCloseChatButton` | Boolean | Langsung menutup widget dengan mengklik tombol **Akhiri obrolan** 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. |