Digital Entwicklerressourcen

Mit CXone Mpower digital Plattform können Ihre Agenten über digitale Kanäle mit KontaktenClosed Die Person, die mit einem Agenten, IVR oder Bot in Ihrem Contact Center interagiert. interagieren. Beispiele für digitale Kanäle sind Facebook Posts, WhatsApp Nachrichten und Chat-Widgets. Ähnlich wie beim Anrufen einer Telefonnummer für den technischen Support können Kontakte beispielsweise auch eine WhatsApp-Nachricht an eine Nummer für den technischen Support senden. Digital Kanäle erweitern die Möglichkeiten Ihrer Organisation, Kontakte über gängige Kommunikationsmittel zu unterstützen.

digital Plattform umfasst CXone Mpower Guide, mit dem Ihre Website-Administratoren die digitalen Kanäle schnell in Ihre Website integrieren und Engagement-Regeln erstellen können, die bestimmen, wann und wo die digitalen Kanäle angeboten werden.

Je nach Geschäftsanforderungen können Administratoren und Entwickler innerhalb von Digital Experience eine Reihe von Anpassungsoptionen nutzen. Sie können beispielsweise einem Chat-Widget benutzerdefiniertes CSS hinzufügen. Sie können das Verhalten von Guide auch mit JavaScript anpassen. Darüber hinaus können Sie die digitale Nachrichtenübermittlung auf andere Plattformen ausweiten oder digitale Kanäle einrichten, die CXone Mpower noch nicht unterstützt. Beispielsweise können Sie mithilfe des Mobile Chat SDK einer vorhandenen mobilen Anwendung einen digitalen Chat hinzufügen.

Sofort einsatzbereite Anpassungsfunktionen

Verwenden Sie Guide, um Branding-Einstellungen, Schaltflächen und Vorlagen zu definieren. Damit können Sie Breite, Höhe, Schriftgröße, Farben und andere Parameter über die GuideAdministrationsseiten festlegen. Sie können globale Designeinstellungen auf Markenebene festlegen und das Design dann auf Vorlagenebene anpassen. Die Vorlageneinstellungen haben Vorrang vor den Branding-Einstellungen. Sie können beim Entwerfen von Branding und Vorlagen die Guide Live-Vorschau-Funktion verwenden, um sofort zu sehen, wie sich die Änderungen auf das Erscheinungsbild der Guide Benutzeroberfläche auswirken.

JavaScript-APIs

  • JavaScript-API: Bestimmte Teile der Guide Benutzeroberfläche und der Chat-Benutzeroberfläche können durch Hinzufügen von JavaScript API-Befehlen angepasst werden. Sie können unter anderem ein Datumsformat festlegen, Nutzungsbedingungen hinzufügen, Breite und Höhe anpassen oder benutzerdefiniertes CSS hinzufügen.

  • Benutzerdefiniertes CSS und JavaScript: Wenn der JavaScript Grad der Anpassung nicht ausreicht, können Administratoren bestimmte Teile der Benutzeroberfläche anpassen, indem sie entweder CSS- und JavaScript-Einstellungen verwenden oder den JavaScript API-Befehl verwenden, um benutzerdefiniertes CSS hinzuzufügen.

    • Für den Digital Chat steht in den Chat-Einstellungen benutzerdefiniertes CSS zur Verfügung und sollte zusammen mit benutzerdefinierten JavaScript Feldern verwendet werden, um benutzerdefinierte interaktive Nachrichten zu erstellen. Sie würden die API verwenden, um HTML zu senden und dann CSS und JavaScript anzuhängen, indem Sie sie in den Chat-Einstellungen platzieren. Auf diese Weise stellen Sie sicher, dass Ihre benutzerdefinierte Konfiguration sicher ist und nicht anfällig für XSS-Angriffe und Ähnliches ist. Sie können auch benutzerdefinierte CSS- und JavaScript-Einstellungen verwenden, um Anpassungen an der gesamten Benutzeroberfläche vorzunehmen:

      • Um globale Änderungen am Chat-Widget anzuwenden, platzieren Sie das benutzerdefinierte CSS in den Chat-Einstellungen.

      • Um Änderungen nur auf bestimmten Seiten vorzunehmen, platzieren Sie die benutzerdefinierte CSS JavaScript-API im Website-Snippet, um sie für die Seite auszuführen.

      Beide Optionen ergänzen sich gegenseitig, das heißt, Sie können in den Einstellungen eine globale Einrichtung vornehmen und diese CSS dann mithilfe der JavaScript-API auf bestimmten Seiten überschreiben.

    • Für Guide müssen Sie den JavaScript API-Befehl verwenden, um benutzerdefiniertes CSS hinzuzufügen.

      Verwenden Sie beim Hinzufügen von benutzerdefiniertem CSS immer Datenselektoren. Diese garantieren, dass spätere Änderungen an Guide oder am Chat-Code keine Auswirkungen auf Ihre individuelle Lösung haben. Wenn Sie benutzerdefinierte CSS hinzufügen, die an Klassen oder an anderer Stelle gebunden sind, kann NICE die Unterstützung einer solchen Lösung nicht garantieren, da diese programmgesteuert generiert werden und mit jeder Patch-Version geändert werden können. Wenn Sie an bestimmten Stellen Datenselektoren hinzufügen müssen, wenden Sie sich an Ihren Kundenbetreuer.

SDKs

  • Web Chat SDK: Manchmal sind die gewünschten Anpassungen zu kompliziert, um sie mit benutzerdefiniertem CSS und benutzerdefiniertem JavaScript vorzunehmen. In diesen Fällen können Sie mithilfe der Chat-Infrastruktur Ihre eigene Benutzeroberfläche erstellenCXone Mpower. Dies ist nützlich, wenn Sie die vollständige Kontrolle über die Benutzeroberfläche haben möchten oder zögern, Snippets oder Apps von Drittanbietern zu Ihrer Website hinzuzufügen.

  • Mobile Chat SDK: Es ist zwar möglich, ein Standard-Chatfenster in einer Webansicht auszuführen, dieses SDK bietet jedoch eine viel umfassendere und vollständig native Unterstützung für iOS und Android Umgebungen. Sie können das UI/UX-Modul verwenden und eine vorgefertigte Benutzeroberfläche implementieren. Alternativ können Sie Ihre eigene Benutzeroberfläche erstellen und nur die zugrunde liegende Infrastruktur verwenden.

Bring Your Own Channel

Bring Your Own Channel (BYOC) bietet eine allgemeine Integrationsoption für Plattformen oder Kanäle, die CXone Mpower noch nicht unterstützt. Diese Option erfordert normalerweise, dass Sie einen Middleware-Server einrichten und eine Reihe von BYOC APIs für die Hin- und Her-Kommunikation mit CXone Mpower implementieren.