Comparteix a través de


Desenvolupar un giny de xat en directe personalitzat

Microsoft ofereix una opció per crear un giny de xat en directe personalitzat que podeu adjuntar al vostre compte del Dynamics 365 Customer Service. Cada component del giny de xat en directe personalitzat es pot personalitzar tant per a la funcionalitat com per a la interfície d'usuari.

En funció dels vostres requisits i resultats, podeu personalitzar el giny de xat mitjançant una de les opcions següents:

  • Utilitzeu el giny de xat en directe personalitzable 2.0
  • Desenvolupa el teu propi giny

Utilitzeu el giny de xat en directe personalitzable 2.0

El giny de xat en directe personalitzable 2.0 us permet editar tots els elements del giny, com ara el tipus de lletra, els colors i l'estil perquè pugueu fer coincidir el giny amb la vostra imatge de marca. El giny personalitzat us ajuda a cultivar la confiança i la credibilitat, distingir la vostra marca, fomentar connexions emocionals positives i augmentar el valor que els clients atribueixen al vostre producte.

El nou giny de xat en directe 2.0 es basa en l'SDK de xat omnicanal i la biblioteca de components de la interfície d'usuari del giny de xat en directe.

Desenvolupador del portal: personalitzeu la interfície d'usuari basada en scripts de fàbrica

L'opció de desenvolupador del portal us permet personalitzar la interfície d'usuari del giny de xat, però no modifica la configuració de funcionalitat de fàbrica al Centre d'administració de Copilot Service. Per personalitzar, podeu utilitzar l'script "data-customization-callback" que connecta el giny de fàbrica a una funció JavaScript. La funció pot contenir personalitzacions d'estil CSS als components de xat amb els mateixos precedents que la biblioteca de components de la interfície d'usuari del giny de xat en directe omnicanal.

Edita l'script del giny de xat en directe per habilitar el giny de xat en directe 2.0

Per utilitzar el giny de xat en directe 2.0 i la personalització basada en scripts, modifiqueu el fragment de codi del giny de xat en directe 2.0 de la manera següent.

  1. Al Centre d'administració del Copilot Service, obriu la seqüència de treball del xat i seleccioneu Copia l'script del widget de xat en directe 2.0 per copiar el fragment de codi.
  2. Creeu una nova funció JavaScript amb tots els estils dels components. Més informació: Widget de xat omnicanal
  3. Afegiu "v2" després de l'atribut script.
  4. Afegiu "data-customization-callback" i feu referència a la funció JavaScript.

El fragment de codi actualitzat tindrà el següent aspecte.

Una captura de pantalla del codi personalitzat del giny de xat en directe.

Un exemple de captura de pantalla d'un giny de xat 2.0 personalitzat per augmentar la seva mida és el següent.

Una captura de pantalla d'exemple del giny de xat en directe 2.0.

Mireu el vídeo tutorial del giny de xat en directe configurat.

Utilitzar l'orquestració de la interacció web per personalitzar el widget

L'orquestració d'interacció web us permet moure les substitucions de configuració fora del JavaScript de la pàgina al centre d'administració. Obteniu més informació a Implementar ginys de xat en llocs web amb una sola etiqueta.

Desenvolupa el teu propi giny

Utilitzeu la informació de les seccions següents per crear el vostre propi giny.

Biblioteca de components de la interfície d'usuari del widget de xat en directe omnicanal

La biblioteca de components de la interfície d'usuari del giny de xat en directe omnicanal proporciona un marc de components React reutilitzables. Els components es creen amb la biblioteca de la interfície d'usuari de Fluent. Obteniu més informació sobre la biblioteca de components de la interfície d'usuari del widget de xat en directe omnicanal.

SDK de xat omnicanal

L'SDK de xat omnicanal és un paquet de codi obert que proporciona mètodes i funcions de xat per afegir funcionalitats a un giny de xat en directe. Obteniu més informació sobre l'SDK de xat omnicanal.

Personalitzar el giny de xat en directe

Després d'instal·lar la versió més recent de l'SDK de xat en directe, personalitzeu el giny de xat en directe mitjançant els mètodes de l'SDK de xat omnicanal i editant els estils CSS bàsics dels components de la interfície d'usuari del giny de xat en directe omnicanal.

Nota

L'SDK de xat omnicanal és un requisit previ per instal·lar la biblioteca de components de la interfície d'usuari del widget de xat en directe omnicanal.

Personalitzar els ginys de xat en directe per a aplicacions mòbils
startChat
closeXat
lcw:closeChat
lcw:threadUpdate
lcw:xatRecuperat
lcw:chatA la cua