Dezvoltați un widget de chat live personalizat

Microsoft oferă o opțiune pentru a crea un widget de chat live particularizat pe care îl puteți atașa la contul Dynamics 365 Customer Service. Fiecare componentă a widget-ului personalizat de chat live poate fi personalizată atât pentru funcționalitate, cât și pentru interfața cu utilizatorul.

În funcție de cerințele și rezultatul dvs., puteți personaliza widgetul de chat folosind una dintre următoarele opțiuni:

• Utilizați widget-ul de chat live personalizabil 2.0
• Dezvoltați-vă propriul widget

Utilizați widget-ul de chat live personalizabil 2.0

Widgetul personalizabil de chat live 2.0 vă permite să editați toate elementele widgetului, cum ar fi fontul, culorile și stilul, astfel încât să puteți potrivi widget-ul cu imaginea mărcii dvs. Widgetul personalizat vă ajută să cultivați încrederea și credibilitatea, să vă distingeți marca, să promovați conexiuni emoționale pozitive și să creșteți valoarea pe care clienții o atribuie produsului dvs.

Noul widget de chat live 2.0 este construit pe Omnichannel Chat SDK și Live Chat Widget UI Component Library.

Portal Developer - Personalizați interfața de utilizare bazată pe scripturi predefinită

Opțiunea de dezvoltator de portal vă permite să personalizați interfața de utilizare a widgetului de chat, dar nu modifică setările de funcționalitate predefinite din centrul de administrare Copilot Service. Pentru a personaliza, puteți utiliza scriptul "data-customization-callback" care conectează widget-ul predefinit la o funcție JavaScript. Funcția poate conține personalizări de stil CSS pentru componentele de chat cu aceleași precedente ca și biblioteca Omnichannel Live Chat Widget UI Components.

Editați scriptul widget-ului de chat live pentru a activa widget-ul de chat live 2.0

Pentru a utiliza widgetul de chat live 2.0 și personalizarea bazată pe script, modificați fragmentul de cod al widgetului de chat live 2.0 predefinit după cum urmează.

1. În centrul de administrare Copilot Service, deschideți fluxul de lucru de chat și selectați Copiere script widget chat live 2.0 pentru a copia fragmentul de cod.
2. Creați o nouă funcție JavaScript cu toate stilurile componentelor. Informații suplimentare: Widget de chat omnicanal
3. Adăugați "v2" după atributul script.
4. Adăugați "data-customization-callback" și faceți referire la funcția JavaScript.

Fragmentul de cod actualizat va arăta după cum urmează.

Un exemplu de captură de ecran al unui widget de chat 2.0 care este personalizat pentru a-și crește dimensiunea este următorul.

Urmăriți videoclipul de prezentare a widgetului de chat live configurat.

Utilizați orchestrarea interacțiunii web pentru a personaliza widgetul

Orchestrarea interacțiunii web vă permite să mutați înlocuirile de configurare din JavaScript al paginii în centrul de administrare. Aflați mai multe în Implementarea widgeturilor de chat pe site-uri web folosind o singură etichetă.

Dezvoltați-vă propriul widget

Utilizați informațiile din secțiunile următoare pentru a vă crea propriul widget.

Biblioteca de componente a interfeței de utilizare a widgetului de chat live omnicanal

Biblioteca Omnichannel Live Chat Widget UI Components oferă un cadru de componente React reutilizabile. Componentele sunt construite folosind biblioteca Fluent UI. Aflați mai multe despre biblioteca de componente ale interfeței de utilizare a widgetului Chat live Omnicanal.

SDK Chat omnicanal

SDK-ul Omnichannel Chat este un pachet open-source care oferă metode și caracteristici de chat pentru a adăuga funcționalități unui widget de chat live. Aflați mai multe despre SDK-ul Chat omnicanal.

Personalizează-ți widget-ul de chat live

După ce instalați cea mai recentă versiune a SDK-ului Omnichannel Chat, personalizați-vă widget-ul de chat live folosind metodele SDK-ului Omnichannel Chat și editând stilurile CSS de bază ale componentelor interfeței de utilizare ale widgetului Omnichannel Live Chat.

Notă

SDK-ul Omnichannel Chat este o condiție prealabilă pentru instalarea bibliotecii Omnichannel Live Chat Widget UI Components.

Informații corelate

Personalizați widget-urile de chat live pentru aplicațiile mobile
startChat
închidereChat
lcw:închidereChat
lcw:threadUpdate
lcw:chatRecuperat
lcw:chatQueued