Bangunkan widget sembang langsung tersuai

Microsoft menyediakan opsyen untuk mencipta widget sembang langsung tersuai yang boleh anda lampirkan pada akaun Perkhidmatan Pelanggan Dynamics 365 anda. Setiap komponen widget sembang langsung tersuai boleh disesuaikan untuk kedua-dua fungsi dan antara muka pengguna.

Bergantung pada keperluan dan hasil anda, anda boleh menyesuaikan widget sembang menggunakan salah satu pilihan berikut:

• Gunakan widget sembang langsung 2.0 yang boleh disesuaikan
• Bangunkan widget anda sendiri

Gunakan widget sembang langsung 2.0 yang boleh disesuaikan

Widget sembang langsung 2.0 yang boleh disesuaikan membolehkan anda mengedit semua elemen widget, seperti fon, warna dan penggayaan supaya anda boleh memadankan widget dengan imej jenama anda. Widget tersuai membantu anda memupuk kepercayaan dan kredibiliti, membezakan jenama anda, memupuk hubungan emosi yang positif dan meningkatkan nilai yang dikaitkan oleh pelanggan dengan produk anda.

Widget sembang langsung baharu 2.0 dibina di atas SDK Sembang Omnichannel dan Perpustakaan Komponen UI Widget Sembang Langsung.

Pembangun Portal—Sesuaikan UI berasaskan skrip di luar kotak

Opsyen pembangun portal membolehkan anda memperibadikan UI widget sembang tetapi tidak mengubah suai tetapan fungsi di luar kotak dalam pusat pentadbiran Perkhidmatan Copilot. Untuk menyesuaikan, anda boleh menggunakan skrip "panggilan balik penyesuaian data" yang menyambungkan widget di luar kotak kepada fungsi JavaScript. Fungsi ini boleh mengandungi penyesuaian penggayaan CSS pada komponen sembang dengan preseden yang sama seperti perpustakaan Komponen UI Widget Sembang Langsung Omnichannel.

Edit skrip widget sembang langsung untuk mendayakan widget sembang langsung 2.0

Untuk menggunakan widget sembang langsung 2.0 dan penyesuaian berasaskan skrip, ubah suai coretan kod widget sembang langsung di luar kotak 2.0 seperti berikut.

1. Dalam pusat pentadbiran Perkhidmatan Copilot, buka aliran kerja sembang dan pilih Salin Skrip Widget Sembang Langsung 2.0 untuk menyalin coretan kod.
2. Buat fungsi JavaScript baharu dengan semua penggayaan komponen. Maklumat lanjut: Widget sembang omnichannel
3. Tambah "v2" selepas atribut skrip.
4. Tambah "data-customization-callback" dan rujuk fungsi JavaScript.

Coretan kod yang dikemas kini akan kelihatan seperti berikut.

Contoh tangkapan skrin widget sembang 2.0 yang disesuaikan untuk meningkatkan saiznya adalah seperti berikut.

Tonton video panduan widget sembang langsung yang disediakan.

Gunakan orkestrasi penglibatan web untuk menyesuaikan widget

Orkestrasi penglibatan web membolehkan anda mengalihkan penggantian konfigurasi anda daripada JavaScript halaman anda dan ke pusat pentadbiran. Ketahui lebih lanjut dalam Gunakan widget sembang merentas tapak web menggunakan satu teg.

Bangunkan widget anda sendiri

Gunakan maklumat dalam bahagian berikut untuk membina widget anda sendiri.

Perpustakaan Komponen UI Widget Sembang Langsung Omnichannel

Perpustakaan Komponen UI Widget Sembang Langsung Omnichannel menyediakan rangka kerja komponen React yang boleh diguna semula. Komponen dibina menggunakan perpustakaan UI Fluent. Ketahui lebih lanjut tentang pustaka Komponen UI Widget Sembang Langsung Omnichannel.

SDK Sembang Omnichannel

SDK Sembang Omnichannel ialah pakej sumber terbuka yang menyediakan kaedah dan ciri sembang untuk menambah fungsi pada widget sembang langsung. Ketahui lebih lanjut tentang SDK Sembang Omnichannel.

Sesuaikan widget sembang langsung anda

Selepas anda memasang versi terkini SDK Sembang Omnichannel, sesuaikan widget sembang langsung anda menggunakan kaedah SDK Sembang Omnichannel dan dengan mengedit gaya CSS asas Komponen UI Widget Sembang Langsung Omnichannel.

Nota

SDK Sembang Omnichannel ialah prasyarat untuk memasang pustaka Komponen UI Widget Sembang Langsung Omnichannel.

Maklumat berkaitan

Sesuaikan widget sembang langsung untuk aplikasi mudah alih
mulaSembang
tutup sembang
lcw:closeChat
lcw:threadUpdate
lcw:chatDiperoleh
lcw:chatQueued