Desenvolver un widget de chat en directo personalizado

Microsoft ofrece unha opción para crear un widget personalizado de chat en directo que podes anexar á túa conta de atención ao cliente de Dynamics 365. Cada compoñente do widget personalizado de chat en directo pode ser personalizado tanto para a funcionalidade como para a interface de usuario.

Dependendo dos teus requisitos e resultados, podes personalizar o widget de chat usando unha das seguintes opcións:

  • Usa o widget de chat en directo personalizable 2.0
  • Crea o teu propio widget

Usa o widget de chat en directo personalizable 2.0

O widget de chat en directo personalizable 2.0 permítelle editar todos os elementos do widget, como tipografía, cores e estilo para que poida combinar o widget coa imaxe da súa marca. O widget personalizado axúdache a cultivar confianza e credibilidade, distinguir a túa marca, fomentar conexións emocionais positivas e aumentar o valor que os clientes atribúen ao teu produto.

O novo widget de chat en directo 2.0 está baseado en Omnichannel Chat SDK e Live Chat Widget UI Library Component Library.

Portal Developer: personaliza a interface de usuario baseada en scripts fóra de caixa

A opción de desenvolvedor do portal permítelle personalizar a interface de usuario do widget de chat, pero non modifica a configuración de funcionalidade previa da caixa no centro de administración do servizo Copilot. Para personalizar, pode usar o script "data-customization-callback" que conecta o widget fóra da caixa a unha función JavaScript. A función pode conter personalizacións de estilo CSS para os compoñentes de chat cos mesmos precedentes que a biblioteca de compoñentes da interface de usuario de Widget de Chat en directo omnicanal.

Editar o script do widget de chat en directo para activar o widget de chat en directo 2.0

Para usar o widget de chat en directo 2.0 e a personalización baseada en scripts, modifica o fragmento de código do widget de chat en directo 2.0 do seguinte xeito.

  1. No centro de administración do servizo Copilot, abra o fluxo de traballo de chat e seleccione Copiar o widget de chat en directo 2.0 Script para copiar o fragmento de código.
  2. Crea unha nova función de JavaScript con todos os estilos de compoñentes. Máis información: Widget de chat omnicanal
  3. Engade "v2" despois do atributo script.
  4. Engade "data-customization-callback" e fai referencia á función JavaScript.

O fragmento de código actualizado terá o seguinte aspecto.

Unha captura de pantalla do código personalizado do widget de chat en directo.

Un exemplo de captura de pantalla dun widget de chat 2.0 que está personalizado para aumentar o seu tamaño é o seguinte.

Unha mostra de captura de pantalla do widget de chat en directo 2.0.

Mira o vídeo do widget de chat en directo configurado.

Usar a orquestración de compromiso web para personalizar o widget

A orquestración de compromiso web permítelle mover as súas sobrecargas de configuración fóra do JavaScript da súa páxina e ao centro de administración. Máis información en Despregar widgets de chat en sitios web usando unha única etiqueta.

Crea o teu propio widget

Use a información nas seguintes seccións para crear o seu propio widget.

Biblioteca de compoñentes da interface de usuario do widget de chat en directo omnicanal

A biblioteca de compoñentes da interface de usuario de Omnichannel Live Chat Widget ofrece un marco de compoñentes React reutilizables. Os compoñentes están construídos usando a biblioteca de UI Fluent. Máis información sobre a biblioteca de compoñentes da interface de usuario de widgets de chat en directo omnicanal.

SDK de chat omnicanal

O SDK de chat omnicanal é un paquete de código aberto que ofrece métodos e funcións de chat para engadir funcionalidades a un widget de chat en directo. Máis información sobre o SDK de chat omnicanal.

Personaliza o teu widget de chat en directo

Despois de instalar a última versión do SDK de chat omnicanal, personaliza o seu widget de chat en directo usando métodos SDK de chat omnicanal e editando os estilos CSS básicos dos compoñentes da interface de usuario do widget de chat en directo omnicanal.

Nota

O SDK de chat omnicanal é un requisito previo para instalar a biblioteca de compoñentes da interface de usuario de widgets de chat en directo omnicanal.

Personaliza widgets de chat en directo para aplicacións móbiles
Iniciar Chat
pechar a conversa
lcw:closeChat
lcw:threadUpdate
lcw:chatRetrieved
lcw:chatQueued

  • Última actualización o