Numérique Ressources pour les développeurs

Le CXone Mpower numérique plateforme permet à vos agents d'interagir avec les contactsFermé 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 gadgets logiciels de clavardage. Par exemple, les contacts peuvent avoir le choix entre appeler un numéro de soutien technique ou envoyer un message WhatsApp au même numéro. Numérique canaux élargissent la capacité de votre organisation à aider les contacts à l'aide de modes de communication courants.

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

Selon les besoins de l'entreprise, les administrateurs et les développeurs peuvent utiliser une gamme d'options de personnalisation dans Digital Experience. Par exemple, vous pouvez ajouter du CSS personnalisé à un widget de chat. Vous pouvez également personnaliser le comportement de Guide en utilisant JavaScript. Vous pouvez même étendre la messagerie numérique à d'autres plateformes ou configurer des canaux numériques que CXone Mpower ne prend pas en charge nativement. Par exemple, vous pouvez ajouter un clavardage numérique à une application mobile existante en utilisant le Mobile SDK.

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 chatpeuvent ê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 la personnalisation JavaScript n'est pas suffisante, les administrateurs peuvent choisir d'ajuster des parties spécifiques de l'interface utilisateur en utilisant les paramètres CSS et JavaScript. Ils peuvent aussi choisir d'utiliser 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. Utilisez l'API pour envoyer du HTML, puis ajoutez du CSS et JavaScript en les plaçant dans les paramètres de chat. Cela permet de s'assurer que votre configuration personnalisée est sécurisée et non vulnérable aux attaques XSS et similaires. Vous pouvez également utiliser des paramètres CSS et JavaScript personnalisés pour apporter des modifications à 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.

      Ces options se complètent. Vous pouvez avoir une configuration globale dans les paramètres, puis écraser cette configuration 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 puisque ces fonctionnalités générées par programmation peuvent être modifiées à 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 de clavardage Web : lorsque les personnalisations sont trop compliquées à réaliser avec du CSS personnalisé et des JavaScriptpersonnalisés, vous pouvez créer votre propre interface utilisateur en utilisant l'infrastructure de clavardage 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 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.

Bring Your Own Channel

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 nativement. 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.