Numérique Ressources pour les développeurs

Le CXone Mpower numérique plateforme permet à vos agents d'interagir avec les contactsClosed La personne qui interagit avec un agent, un IVR ou un robot dans votre centre d’appels. via les canaux numériques. Les exemples de canaux numériques sont les publications Facebook, les messages WhatsApp et les widgets de chat. Par exemple, de la même manière qu'en appelant un numéro de téléphone d'assistance technique, les contacts peuvent également envoyer un message WhatsApp à un numéro d'assistance technique. Numérique canaux élargissent la capacité de votre organisation à aider les contacts à l'aide de modes de communication courants.

Le numérique plateforme inclut CXone Mpower Guide, qui permet aux administrateurs de votre site Web d'intégrer rapidement les canaux numériques dans votre site Web et de créer des règles d'engagement qui déterminent quand et où proposer les canaux numériques.

En fonction des besoins de l’entreprise, les administrateurs et les développeurs peuvent utiliser une gamme d’options de personnalisation au sein de Digital Experience. Vous pouvez, par exemple, ajouter du CSS personnalisé à un widget de chat. Vous pouvez également personnaliser le comportement de Guide en utilisant JavaScript. De plus, vous pouvez étendre la messagerie numérique à d’autres plateformes ou configurer des canaux numériques que CXone Mpower ne prend pas encore en charge. Par exemple, vous pouvez ajouter un chat numérique à une application mobile existante en utilisant le SDK Mobile Chat.

Fonctionnalités de personnalisation prêtes à l'emploi

Utilisez Guide pour définir les paramètres de marque, les boutons et les modèles. Ils vous permettent de définir la largeur, la hauteur, la taille de la police, les couleurs et d'autres paramètres à l'aide des Guidepages d'administration. Vous pouvez définir des préférences de conception globales au niveau de la marque, puis ajuster la conception au niveau du modèle. Les paramètres du modèle remplacent les paramètres de marque. Vous pouvez utiliser la fonction d'aperçu en direct Guide lors de la conception de l'image de marque et des modèles pour voir immédiatement comment les modifications impactent l'apparence de l'interface Guide.

API JavaScript

  • API JavaScript : des parties spécifiques de l'interface Guide et de l'interface utilisateur de chat peuvent être ajustées en ajoutant des commandes API .JavaScript Entre autres éléments, vous pouvez définir un format de date, ajouter des conditions d'utilisation, ajuster la largeur et la hauteur ou ajouter du CSS personnalisé.

  • CSS personnalisé et JavaScript : si le niveau de personnalisation JavaScript n'est pas suffisant, les administrateurs peuvent choisir d'ajuster des parties spécifiques de l'interface utilisateur en utilisant soit les paramètres CSS et JavaScript, soit la commande API JavaScript pour ajouter du CSS personnalisé.

    • Pour le chat Digital, le CSS personnalisé est disponible dans les paramètres de chat et doit être utilisé avec les champs JavaScript personnalisés pour créer des messages interactifs personnalisés. Vous utiliseriez l'API pour envoyer du HTML, puis ajouter du CSS et JavaScript en les plaçant dans les paramètres de chat, garantissant ainsi que votre configuration personnalisée est sécurisée et non vulnérable aux attaques XSS et autres. Vous pouvez également utiliser des paramètres CSS et JavaScript personnalisés pour ajuster l'interface utilisateur globale :

      • Pour appliquer des modifications globales au widget de chat, placez le CSS personnalisé dans les paramètres de chat.

      • Pour apporter des modifications uniquement sur des pages spécifiques, placez l'API CSS personnalisée JavaScript dans l'extrait de site Web à exécuter pour la page.

      Les deux options sont complémentaires, c'est-à-dire que vous pouvez avoir une configuration globale dans les paramètres, puis écraser ces CSS en utilisant l'API JavaScript sur des pages spécifiques.

    • Pour Guide, vous devez utiliser la commande API JavaScript pour ajouter du CSS personnalisé.

      Lorsque vous ajoutez du CSS personnalisé, utilisez toujours des sélecteurs de données. Ils garantissent que les modifications ultérieures apportées à Guide ou au code de discussion n'auront pas d'impact sur votre solution personnalisée. Si vous ajoutez du CSS personnalisé lié à des classes ou ailleurs, NICE ne peut pas garantir la prise en charge d'une telle solution car ceux-ci sont générés par programmation et peuvent être modifiés à chaque version de correctif. Si vous avez besoin d'ajouter des sélecteurs de données à des endroits spécifiques, contactez votre représentant de compte.

SDK

  • SDK Web Chat : Parfois, les personnalisations souhaitées sont trop compliquées à réaliser avec des CSS et des JavaScript personnalisés. Dans ces cas, vous pouvez créer votre propre interface utilisateur en utilisant l'infrastructure de chat CXone Mpower. Ceci est utile si vous souhaitez un contrôle total sur l'interface utilisateur ou si vous hésitez à ajouter des extraits tiers ou applications à votre site Web.

  • Mobile Chat SDK : bien qu'il soit possible d'exécuter une fenêtre de discussion standard dans une vue Web, ce SDK offre une prise en charge beaucoup plus large et entièrement native pour les environnements iOS et Android. Vous pouvez utiliser le module UI/UX et implémenter une interface utilisateur prédéfinie. Alternativement, vous pouvez créer votre propre interface utilisateur et utiliser uniquement l’infrastructure sous-jacente.

Apportez votre propre canal

Bring Your Own Channel (BYOC) fournit une option d'intégration générique pour plateformes ou les canaux que CXone Mpower ne prend pas encore en charge. Cette option nécessite généralement que vous configuriez un serveur middleware et implémentiez un ensemble d'BYOCAPI pour la communication aller-retour avec CXone Mpower.