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.

## 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,
        },
        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. | 
|  `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 \$1`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 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. |