Kembangkan widget obrolan langsung khusus

Microsoft menyediakan opsi untuk membuat widget obrolan langsung kustom yang dapat Anda lampirkan ke akun Dynamics 365 Customer Service Anda. Setiap komponen widget obrolan langsung khusus dapat disesuaikan untuk fungsionalitas dan antarmuka pengguna.

Bergantung pada kebutuhan dan hasil Anda, Anda dapat menyesuaikan widget obrolan menggunakan salah satu opsi berikut:

• Gunakan widget obrolan langsung 2.0 yang dapat disesuaikan
• Kembangkan widget Anda sendiri

Gunakan widget obrolan langsung 2.0 yang dapat disesuaikan

Widget obrolan langsung 2.0 yang dapat disesuaikan memungkinkan Anda mengedit semua elemen widget, seperti font, warna, dan gaya sehingga Anda dapat mencocokkan widget dengan citra merek Anda. Widget yang disesuaikan membantu Anda menumbuhkan kepercayaan dan kredibilitas, membedakan merek Anda, menumbuhkan hubungan emosional yang positif, dan meningkatkan nilai yang dikaitkan pelanggan dengan produk Anda.

Widget obrolan langsung 2.0 baru dibangun di atas SDK Obrolan Multisaluran dan Pustaka Komponen UI Widget Obrolan Langsung.

Pengembang Portal—Menyesuaikan UI berbasis skrip siap pakai

Opsi pengembang portal memungkinkan Anda mempersonalisasi UI widget obrolan tetapi tidak mengubah pengaturan fungsionalitas siap pakai di pusat admin Copilot Service. Untuk menyesuaikan, Anda dapat menggunakan skrip "data-customization-callback" yang menghubungkan widget siap pakai ke fungsi JavaScript. Fungsi ini dapat berisi penyesuaian gaya CSS ke komponen obrolan dengan preseden yang sama dengan pustaka Komponen UI Widget Obrolan Langsung Multisaluran.

Edit skrip widget obrolan langsung untuk mengaktifkan widget obrolan langsung 2.0

Untuk menggunakan widget obrolan langsung 2.0 dan penyesuaian berbasis skrip, ubah cuplikan kode widget obrolan langsung 2.0 siap pakai sebagai berikut.

1. Di pusat admin Layanan Copilot, buka aliran kerja obrolan, dan pilih Salin Skrip Widget Obrolan Langsung 2.0 untuk menyalin cuplikan kode.
2. Buat fungsi JavaScript baru dengan semua gaya komponen. Informasi selengkapnya: Widget obrolan multisaluran
3. Tambahkan "v2" setelah atribut skrip.
4. Tambahkan "data-customization-callback" dan referensikan fungsi JavaScript.

Cuplikan kode yang diperbarui akan terlihat sebagai berikut.

Contoh tangkapan layar widget obrolan 2.0 yang disesuaikan untuk meningkatkan ukurannya adalah sebagai berikut.

Tonton video panduan dari pengaturan widget obrolan langsung.

Menggunakan orkestrasi keterlibatan web untuk menyesuaikan widget

Orkestrasi keterlibatan web memungkinkan Anda memindahkan penggantian konfigurasi dari JavaScript halaman Anda dan masuk ke pusat admin. Pelajari lebih lanjut di Menerapkan widget chat di seluruh situs menggunakan satu tag.

Kembangkan widget Anda sendiri

Gunakan informasi di bagian berikut untuk membuat widget Anda sendiri.

Pustaka Komponen UI Widget Obrolan Langsung Multichannel

Perpustakaan Komponen UI Widget Obrolan Langsung Multisaluran menyediakan kerangka kerja komponen React yang dapat digunakan kembali. Komponen dibuat menggunakan pustaka Fluent UI. Pelajari lebih lanjut library Komponen UI Widget Live Chat Multisaluran.

SDK Obrolan Multisaluran

Omnichannel Chat SDK adalah paket sumber terbuka yang menyediakan metode dan fitur obrolan untuk menambahkan fungsionalitas ke widget obrolan langsung. Pelajari SDK Chat Multisaluran lebih lanjut.

Sesuaikan widget obrolan langsung Anda

Setelah Anda menginstal versi terbaru Omnichannel Chat SDK, sesuaikan widget live chat Anda menggunakan metode Omnichannel Chat SDK dan dengan mengedit gaya CSS dasar Komponen UI Widget Live Chat Multichannel.

Nota

SDK Obrolan Multisaluran adalah prasyarat untuk menginstal pustaka Komponen UI Widget Obrolan Langsung Multisaluran.

Informasi terkait

Sesuaikan widget obrolan langsung untuk aplikasi seluler
mulai obrolan
closeChat
lcw:closeChat
lcw:threadUpdate
lcw:chatRetrieved
lcw:obrolanAntrean