Sviluppare un widget di chat live personalizzato

Microsoft offre un'opzione per creare un widget di chat live personalizzato che è possibile collegare all'account del servizio clienti di Dynamics 365. Ogni componente del widget di chat live personalizzato può essere personalizzato sia per la funzionalità che per l'interfaccia utente.

A seconda dei requisiti e dei risultati, è possibile personalizzare il widget di chat usando una delle opzioni seguenti:

• Usare il widget di chat live personalizzabile 2.0
• Sviluppare un widget personalizzato

Usare il widget di chat live personalizzabile 2.0

Il widget di live chat personalizzabile 2.0 consente di modificare tutti gli elementi del widget, ad esempio carattere, colori e stili in modo da poter abbinare il widget all'immagine del marchio. Il widget personalizzato ti aiuta a coltivare fiducia e credibilità, distinguere il tuo marchio, promuovere connessioni emotive positive e aumentare il valore che i clienti attribuino al tuo prodotto.

Il nuovo widget di chat live 2.0 è basato su Omnichannel Chat SDK e sulla libreria dei componenti dell'interfaccia utente del widget di Chat live.

Sviluppatore del portale: personalizzare l'interfaccia utente predefinita basata su script

L'opzione per sviluppatori del portale consente di personalizzare l'interfaccia utente del widget di chat, ma non di modificare le impostazioni predefinite delle funzionalità nell'interfaccia di amministrazione del servizio Copilot. Per personalizzare, è possibile usare lo script "data-customization-callback" che connette il widget predefinito a una funzione JavaScript. La funzione può contenere personalizzazioni di stile CSS per i componenti della chat con gli stessi precedenti della libreria Omnichannel Live Chat Widget UI Components.

Modificare lo script del widget live chat per abilitare il widget live chat 2.0

Per usare il widget live chat 2.0 e la personalizzazione basata su script, modificare il frammento di codice del widget live chat 2.0 predefinito come indicato di seguito.

1. Nell'interfaccia di amministrazione del servizio Copilot aprire il flusso di lavoro della chat e selezionare Copy Live Chat Widget 2.0 Script (Copia script live chat 2.0 ) per copiare il frammento di codice.
2. Creare una nuova funzione JavaScript con tutti gli stili dei componenti. Altre informazioni: Widget di chat Omnichannel
3. Aggiungere "v2" dopo l'attributo script.
4. Aggiungere "data-customization-callback" e fare riferimento alla funzione JavaScript.

Il frammento di codice aggiornato sarà simile al seguente.

Uno screenshot di esempio di un widget di chat 2.0 personalizzato per aumentarne le dimensioni è il seguente.

Guardare il video della procedura dettagliata del widget live chat configurato.

Usare l'orchestrazione di engagement Web per personalizzare il widget

L'orchestrazione del coinvolgimento Web consente di spostare le sostituzioni della configurazione dall'javaScript della pagina e nell'interfaccia di amministrazione. Per altre informazioni, vedere Distribuire widget di chat tra siti Web usando un singolo tag.

Sviluppare un widget personalizzato

Usare le informazioni nelle sezioni seguenti per creare un widget personalizzato.

Libreria dei componenti dell'interfaccia utente del widget Di Chat live multicanale

La libreria Omnichannel Live Chat Widget UI Components fornisce un framework di componenti React riutilizzabili. I componenti vengono compilati usando la libreria dell'interfaccia utente Fluent. Altre informazioni sulla libreria Dei componenti dell'interfaccia utente del widget Di Chat live Omnichannel.

Omnichannel Chat SDK

Omnichannel Chat SDK è un pacchetto open source che fornisce metodi e funzionalità di chat per aggiungere funzionalità a un widget di chat live. Altre informazioni su Omnichannel Chat SDK.

Personalizzare il widget live chat

Dopo aver installato la versione più recente di Omnichannel Chat SDK, personalizzare il widget di chat live usando i metodi Omnichannel Chat SDK e modificando gli stili CSS di base di Omnichannel Live Chat Widget UI Components.

Annotazioni

Omnichannel Chat SDK è un prerequisito per l'installazione della libreria Omnichannel Live Chat Widget UI Components.

Informazioni pertinenti

Personalizzare widget live chat per app per dispositivi mobili
startChat
closeChat
lcw:chiudiChat
lcw:threadUpdate
lcw:chatRecuperato
lcw:chatQueued