- Hjem
- /
- Artikkel
Opprette egendefinert skrivebordsoppsett
Denne artikkelen hjelper deg med å opprette et egendefinert oppsett ved å redigere en JSON-fil, og tilbyr eksempler på brukstilfeller for å hjelpe deg med å komme i gang med widgeter som kontrollprogrammet Customer Experience Management Metrics og kontrollprogrammet Customer Experience Journey. For å jobbe effektivt med tilpassede skrivebordsoppsett, bør du ha en solid forståelse av HTML-strukturen, dokumenttremodellen i en nettleser og JSON-formatet.
Oversikt
Funksjonen Skrivebordsoppsett lar deg konfigurere Webex Contact Center Desktop i henhold til dine forretningskrav. Du kan tilpasse elementer som logo, tittel og widgets. Du kan opprette et skrivebordsoppsett og tilordne det til et team. Dette oppsettet genererer agentopplevelsen på skrivebordet for alle agenter som logger på som en del av teamet.
Det finnes to typer oppsett:
-
Global utforming: Dette oppsettet er et systemgenerert oppsett som tilordnes som standard når du oppretter et team. Hvis du vil ha mer informasjon, kan du se Administrere team. Når du oppretter et team, angis det globale oppsettet automatisk som skrivebordsoppsett for teamet. Du kan ikke slette dette oppsettet.
-
Egendefinert oppsett: Et oppsett som gir en tilpasset skrivebordsopplevelse. Du kan opprette et egendefinert oppsett for ett eller flere team.
Hvis du tilordner et nytt skrivebordsoppsett når en agent er logget på, må agenten laste siden på nytt for å se det nye oppsettet.
Webex Contact Center Desktop støtter tre personligheter:
-
Agent
-
Tilsynsperson
-
Overordnet og en agent
JSON-layoutfilen har separate seksjoner for hver av personasene. Administratoren bør konfigurere innstillingene for hver profil i den tilsvarende delen av JSON-layoutfilen. Hvis du vil ha mer informasjon om en JSON-eksempeloppsettfil, kan du se Egenskaper på øverste nivå for JSON-oppsett.
Når Cisco legger til en ny funksjon i skrivebordsoppsettet, oppdateres det uendrede oppsettet automatisk med de nye funksjonene. Det oppdaterte skrivebordsoppsettet blir automatisk tilgjengelig for eksisterende arbeidsgrupper som bruker det uendrede skrivebordsoppsettet. Skrivebordsbrukere som bruker det uendrede skrivebordsoppsettet, mottar de nye layoutbaserte funksjonene når de logger på eller laster inn nettleseren på nytt.
Hvis du bruker Standard Desktop Layout.json-filen
uten endringer, betraktes den som en uendret layout. Hvis du imidlertid laster ned filen Standard skrivebord Layout.json
og laster den opp på nytt, regnes den som en endret layout selv om filinnholdet eller filnavnet ikke endres.
I skrivebordet finnes det to typer widgeter – iframe-baserte og webkomponentbaserte. Toppteksten, navigasjonen (egendefinert side), det vedvarende området, det hodeløse området og aux-panelet er området som kan tilpasses på skrivebordet. Dette er ikke widgets.
Listen nedenfor viser hvilke mellomrom du kan konfigurere. Bildene illustrerer utformingen av skrivebordet:
-
Tittel- og logoområde: Dette området viser logoen og navnet Webex kontaktsenter (standard) øverst til venstre på skjermen.
-
Horisontalt topptekstområde: Dette området har et konfigurerbart område som er fylt med tilpassede widgets. Disse widgetene kan for eksempel vise innebygd informasjon og rullegardinmenyer. Siden høyden på denne toppteksten bare er 64 piksler, kan ikke widgethøyden krysse toppteksthøyden.
-
Arbeidsområde : Dette området endres i henhold til valget i navigasjonsfeltet eller når en agent samhandler med kunder. Når en agent er i en samtale, viser dette området ruten Samhandlingskontroll og tilleggsinformasjon (som inkluderer egendefinerte widgeter og faste widgeter). Når en agent kommuniserer via e-post, chat eller sosiale kanaler, viser dette området arbeidsområdet og ruten for tilleggsinformasjon (som inkluderer området for vedvarende widget).
Egendefinert side vises i skrivebordsgrensesnittet i arbeidsområderuten. Du kan få tilgang til den egendefinerte siden gjennom ikoner i navigasjonsfeltet. Hver egendefinerte side kan inneholde én eller flere egendefinerte widgeter.
Egendefinert widget er et tredjepartsprogram som er konfigurert i JSON-oppsettet. Du kan plassere det egendefinerte kontrollprogrammet på den egendefinerte siden, i den egendefinerte kategorien (ruten Tilleggsinformasjon) eller på den vannrette toppteksten på skrivebordet.
-
Navigasjonsfeltområde : Bruk dette området til å legge til navigasjonselementer for å få tilgang til egendefinerte sider.


Egenskaper på øverste nivå for JSON-oppsett
Roller
Standard JSON-oppsett har følgende tre roller.
-
Agent – For å angi at skrivebordsoppsettet skal vises når en agent logger på Webex Contact Center Desktop for å håndtere agentaktiviteter.
-
Veileder – For å angi at skrivebordsoppsettet skal vises når en leder logger på skrivebordet for Webex Contact Center for bare å håndtere lederfunksjoner.
Når en leder logger på skrivebordet, brukes skrivebordsoppsettet som er angitt for hovedgruppen. Hvis du ikke stiller med et hovedteam, gjelder det globale oppsettet. APS-rapporter er deaktivert som standard.
-
supervisorAgent – For å angi at skrivebordsoppsettet skal vises når en leder logger på Webex Contact Center Desktop for å håndtere både lederfunksjoner og agentaktiviteter.
Du kan enten legge til eller endre widgets for hver rolle i den tilsvarende personaen til den relevante JSON-layoutfilen.
Følgende er egenskapene på øverste nivå for JSON-oppsett basert på rollen:
{ "agent": { "versjon": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigasjon": { ... }, "vedvarende": { ... }, "hodeløs": { ... } }, }, "supervisor": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigasjon": { ... }, "vedvarende": { ... }, "hodeløs": { ... }, "hjemmeside": { ... } }, } "supervisorAgent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigasjon": { ... }, "vedvarende": { ... }, "hodeløs": { ... } }, } },
- Endringene som gjøres i JSON-layoutegenskapene, trer i kraft når skrivebordsleseren oppdateres.
- Hvis en funksjon du har aktivert på JSON-layout, ikke er tilgjengelig på skrivebordet, kontakter du Ciscos kundestøtte for å aktivere funksjonen.
- Alle egenskapene i JSON-oppsettet skiller mellom store og små bokstaver.
appTitle
For å angi en tittel på den vannrette overskriften på skrivebordet. Standardtittelen er Webex Kontaktsenter
.
Eksempel:
"appTitle": "Webex Contact Center"
Standard appTitle endres fra Skrivebordskontaktsenter
til Webex Kontaktsenter.
Det har ingen innvirkning på eksisterende egendefinerte oppsett som bruker den gamle standard appTitle (Contact Center Desktop
). Hvis du vil bruke den nye appTitle, må du endre det egendefinerte oppsettet. Det nye globale oppsettet bruker imidlertid standard appTitle som Webex Contact Center
.
Tittelen kan enten være tekst, et bilde eller en tom streng. Tittelteksten vises i to rader. Hvis teksten går utover den andre raden, vises et ellipseikon, og verktøytipset viser den fullstendige tittelen. Stiler kan ikke brukes på tittelen.
Du kan enten bruke data-URI-er (Uniform Resource Identifier) eller være vert for et egendefinert tittelbilde på et innholdsleveringsnettverk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3)-bøtte eller en lignende vertstjeneste, og deretter angi URL-adressen til det vertsbaserte bildet. De støttede tittelbildeformatene er PNG, JPG, JPEG, GIF, SVG og WebP. Den støttede tittelbildestørrelsen er 184 x 32 piksler (bredde x høyde).
logo
Slik angir du en URL-adresse for firmalogoen. Hvis du ikke angir en URL-adresse, vises logoen for Webex kontaktsenter som standard.
Eksempel:
"logo": "https://my-cdn.com/logo.png"
Du kan være vert for et tilpasset logobilde på en CDN, Amazon Web Services (AWS) Simple Storage Service (S3)-bøtte eller en lignende vertstjeneste, og angi deretter URL-adressen til det vertsbaserte bildet. De støttede logobildeformatene er PNG, JPG, JPEG, GIF, SVG og WebP. Den støttede bildestørrelsen for logoen er 96 x 32 piksler (bredde x høyde).
Betingelse | Eksempel | appTitle | logo |
---|---|---|---|
Hvis appTitle og logoen ikke er konfigurert |
|
Ingen tittel | Standard logo |
Hvis appTitle og logo er konfigurert |
|
Konfigurert tekst | Konfigurert logo |
Hvis appTitle er konfigurert og logoen ikke er konfigurert |
|
Konfigurert tekst | Standard logo |
Hvis appTitle ikke er konfigurert og logo er konfigurert
|
|
Ingen tittel | Konfigurert logo |
Hvis appTitle er konfigurert og logo ikke foretrekkes |
|
Konfigurert tekst | Ingen logo |
Hvis appTitle ikke er konfigurert og logo ikke foretrekkes
|
|
Ingen tittel | Ingen logo |
Hvis appTitle legges til som et bilde og logoen er konfigurert |
|
Konfigurert bilde | Konfigurert logo |
Hvis appTitle legges til som et bilde og logoen ikke er konfigurert
|
|
Konfigurert bilde | Standard logo |
Hvis appTitle legges til som et bilde og logo ikke foretrekkes
|
|
Konfigurert bilde | Ingen logo |
- Den egendefinerte bildestørrelsen justeres basert på størrelsesforholdet. Den egendefinerte tittelteksten som ble konfigurert tidligere, kan nå vises i to rader på skrivebordet. For å unngå dette kan du endre den egendefinerte tittelteksten.
- Hvis tittel og logo ikke er konfigurert i den horisontale toppteksten på skrivebordet, brukes denne plassen av widgetene for topptekster. Widgetene for topptekst må være riktig konfigurert for at tittel- og logoområdet skal kunne brukes.
- Tittelen og logoen kan ikke overskride maksimumsbredden på 304 piksler (inkludert utfylling). Hvis logobredden er mindre enn 96 piksler, kan den gjenværende bredden brukes for tittelen.
- Hvis den egendefinerte bildestørrelsen er høyere enn den støttede størrelsen, justeres bildestørrelsen basert på størrelsesforholdet i den vannrette overskriften. Hvis den egendefinerte bildestørrelsen er mindre enn den støttede størrelsen, beholdes den faktiske bildestørrelsen i den vannrette overskriften.
taskPageIllustrasjon
Du angir en egendefinert illustrasjon for oppgavesiden basert på organisasjonsinnstillinger og merkejustering. Når en agent logger på, viser oppgavesiden den konfigurerte illustrasjonen som bakgrunn. Som standard vises oppgavesiden uten illustrasjon.
Eksempel:
"taskPageIllustration": "https://www.abc.com/image/logo.jpg",
Du kan enten bruke data-URI-er eller være vert for en egendefinert illustrasjon på en innholdsleveringsnettverk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3)-bøtte eller en lignende vertstjeneste, og deretter angi URL-adressen til den vertsbaserte illustrasjonen. Illustrasjonen kan konfigureres på globalt nivå eller teamnivå basert på oppsettdefinisjonen. Kontroller at du konfigurerer riktig URL-adresse for å forhindre at det ødelagte bildet vises på skrivebordet.
Illustrasjonsformatene for oppgavesiden som støttes, er PNG, JPG, JPEG, GIF, SVG og WebP. Den anbefalte illustrasjonsstørrelsen er 400 x 400 piksler (bredde x høyde). Hvis den egendefinerte illustrasjonsstørrelsen er større enn den anbefalte størrelsen, justeres illustrasjonsstørrelsen basert på størrelsesforholdet på oppgavesiden. Hvis den egendefinerte illustrasjonsstørrelsen er mindre enn den anbefalte størrelsen, beholdes den faktiske illustrasjonsstørrelsen på oppgavesiden.


stopNavigateOnAcceptTask
Hvis du vil finne ut om fokuset skal flyttes til en nylig godtatt aktivitet, når agenten godtar den nye oppgaven mens han arbeider på en tidligere oppgave. Standardverdien er usann
.
Eksempel:
"stopNavigateOnAcceptTask": false
Hvis verdien er angitt som sann
, når brukeren godtar en ny oppgave på skrivebordet, beholdes fokuset på den forrige oppgaven og flyttes ikke til den nylig godtatte oppgaven. Denne innstillingen forhindrer at brukeren mister data når en ny forespørsel godtas.
Tenk deg for eksempel at agent 1 er i chat med kunde 1 og samtidig i et taleanrop med kunde 2. Under taleanropet oppdaterer agent 1 detaljene for kunde 2 i ruten Samhandlingskontroll. Agent 1 har for øyeblikket to aktive oppgaver i Oppgaveliste-ruten, og fokus er på ruten Samhandlingskontroll. Når agent 1 godtar en ny chat-forespørsel fra kunde 3, forblir fokuset på ruten Samhandlingskontroll med kunde 2 og flyttes ikke til den nylig godtatte chat-forespørselen.
Hvis du vil beholde fokus på den forrige oppgaven og ikke flytte til den nylig godtatte oppgaven, velger du det egendefinerte oppsettet med egenskapsverdien stopNavigateOnAcceptTask
satt til sann
.
Hvis egenskapsverdien stopNavigateOnAcceptTask
ikke er angitt i JSON-oppsettet, flytter skrivebordet fokus til den nylig godtatte oppgaven. Virkemåten ligner på når egenskapsverdien stopNavigateOnAcceptTask
er satt til usann
.
- Innstillingen gjelder for alle oppgaver (tale og digitale kanaler) som utføres på skrivebordet, for eksempel å godta en oppgave, konferanse, konsultere eller overføre, og for utgående anrop, utgående kampanjeanrop, automatisk avslutning og så videre.
- Innstillingen gjelder ikke hvis skrivebordsbrukeren er på hjemmesiden, uten noen aktiv oppgave i Oppgaveliste-ruten. I slike tilfeller, når en ny oppgave godtas, flyttes fokuset fra hjemmesiden til den nylig godtatte oppgaven.
dragDropEnabled
Hvis du vil aktivere dra-og-slipp og endring av størrelse på widgetene på de egendefinerte sidene, setter du verdien til sann
. Standardverdien er usann
.
Eksempel:
"dragDropEnabled": false
Hvis du vil ha mer informasjon om hvordan du aktiverer dra-og-slipp-funksjonen for kategoriene i ruten Tilleggsinformasjon, kan du se Ruten Tilleggsinformasjon.
notificationTimer
For å angi varigheten (i sekunder) hvoretter skrivebordsvarslene på skrivebordet automatisk lukkes. Varselet vises øverst til høyre på skrivebordet. Standard tidsavbruddsverdi er 8 sekunder. Det gyldige området for tidsavbruddsverdier er 1–10 sekunder. For at endringene i tidsavbruddet skal tre i kraft, må nettleseren oppdateres etter at endringene er gjort.
Eksempel:
"notificationTimer": 8
maximumNotificationCount
Angi antall skrivebordsvarsler som skal vises om gangen på skrivebordet. Standardverdien er 3. Området for skrivebordsvarsler er 1-10. Skrivebordsvarslene er stablet. Hvis det er mange varsler, vises de med en liten forsinkelse avhengig av notificationTimer-innstillingene .
Eksempel:
"maximumNotificationCount": 3
browserNotificationTimer
For å angi varigheten (i sekunder) hvoretter nettleserbrødristervarslene på skrivebordet automatisk avvises. Brødrister er et innebygd nettleservarsel som bare vises hvis skrivebordet ikke er det aktive nettleservinduet eller -fanen. Nettleservinduet eller -fanen på skrivebordet er inaktivt når
-
Du arbeider med andre nettleservinduer eller faner.
-
Du arbeider med andre programmer.
-
Du har minimert skrivebordsnettleservinduet.
Varselet vises øverst til høyre på skrivebordet. Standard tidsavbruddsverdi er 8 sekunder. Det anbefalte området for tidsavbruddsverdier er 5–15 sekunder. For at endringene i tidsavbruddet skal tre i kraft, må nettleseren oppdateres etter at endringene er gjort.
Eksempel:
"browserNotificationTimer": 8
Det konfigurerte tidsavbruddet for nettleservarsler avhenger av operativsystemet og nettleserinnstillingene. Tidsavbruddsverdien beholdes i Chrome-nettleseren på tvers av Windows OS, Chrome OS og macOS. De andre nettleserne vil imidlertid ikke respektere den konfigurerte varslingsverdien for varsel konsekvent.
wxmKonfigurert
(Valgfritt) Hvis du vil konfigurere Webex Experience Management, setter du verdien til sann
. Standardverdien er usann
.
Eksempel:
"wxmConfigured": true
desktopChatApp
Benyttes til å konfigurere flere chat-programmer som tilbys av Cisco, for eksempel Webex App.
webexConfigured
Webex App sammen med meldings- og møtefunksjonene kan konfigureres på skrivebordet. Denne konfigurasjonen gjør det mulig for agenter å samarbeide med andre agenter, ledere og fageksperter (SMB-er) i organisasjonen uten å navigere bort fra skrivebordet.
- Områdeadministratoren administrerer Webex møtebrukere og tilordner privilegier bare hvis brukerne har Webex Enterprise-utgave. Hvis du vil ha mer informasjon, kan du se Administrere Webex Meetings brukere i Cisco Webex Control Hub.
- Ledere og små og mellomstore bedrifter må laste ned Webex-klienten på sitt system (personlig enhet) eller få tilgang til appen Webex ved hjelp av appen Webex web ( https://web.webex.com/). Hvis du vil ha mer informasjon, kan du se Laste ned appen.
- Du kan få tilgang til Webex-appen i Agent Desktop for å samarbeide med andre agenter, ledere og fageksperter (SMB-er) i organisasjonen uten å navigere bort fra Agent Desktop. Samtalekontrollfunksjonen er ikke tilgjengelig. For å motta og foreta anrop trenger du den eksterne, ikke-innebygde Webex appen. Hvis du vil ha mer informasjon, kan du se Ringeapper.
Slik konfigurerer du appen Webex på skrivebordet:
-
Når du legger til tjenester for en bruker i Cisco Webex Control Hub, merker du av for Advanced Messaging ( ). Hvis du vil ha mer informasjon, kan du se Behandle brukerkontoer i Cisco Webex Områdeadministrasjon.
-
I det egendefinerte skrivebordsoppsettet setter du egenskapsverdien webexConfigured
til
sann
.Eksempel:
"desktopChatApp": { "webexConfigured": true },
Standardverdien for egenskapen
webexConfigured
erusann
.Webex App er bare tilgjengelig for rollene agent, leder og supervisorAgent hvis du setter egenskapsverdien
webexConfigured
tilsann
for hver av disse rollene. Agenten, lederen eller supervisorAgent kan ikke logge av appen Webex.Slik viser du
(Webex)-ikonet på den horisontale overskriften på skrivebordet, skriver du inn verdien
webex
i headerActions-egenskapen. Hvis du vil ha mer informasjon, kan du se headerActions.
Hvis du vil aktivere Webex App for et bestemt team, velger du det egendefinerte oppsettet med egenskapsverdien
webexConfigured
satt tilsann
. Hvis du vil ha mer informasjon, kan du se Opprette et team.
Du kan også konfigurere appen Webex i ruten Tilleggsinformasjon, den egendefinerte siden og den egendefinerte widgeten. Hvis du vil ha mer informasjon, kan du se Ruten Tilleggsinformasjon.
Webex App-varsling
Verdiene som angis ved hjelp av egenskapene notificationTimer
og browserNotificationTimer
for varslingstidtakeren, gjelder for Webex App. Standard tidsavbruddsverdi er 8 sekunder for disse egenskapene. Hvis du vil ha mer informasjon, kan du se notificationTimer og browserNotificationTimer.
headerActions
For å endre rekkefølgen på ikonene på den horisontale overskriften på skrivebordet. Standardrekkefølgen er som følger:
-
(Webex)
-
(Utgående samtale)
-
(VG Nett)
Angi verdien for egenskapen headerActions
som følger:
Ikonnavn |
headerActions-egenskapsverdi |
---|---|
Webex-app |
WebEx |
Oppringing |
Utgående |
Varslingssenter |
varsling |
Eksempel:
"headerActions": ["webex", "outdial", "notification"],
Egenskapsverdien headerActions
skiller mellom store og små bokstaver.
Hvis du vil endre standardrekkefølgen for ikonene, skriver du inn egenskapen headerActions
og verdiene i det egendefinerte oppsettet tilsvarende.
Eksempel:
"headerActions": ["varsling", "outdial", "webex"],
- Hvis du ikke angir egenskapen
headerActions (headerActions
) og verdier i det egendefinerte oppsettet, vises ikonene i standardrekkefølgen. - Hvis du vil fjerne topptekstikonene og de tilknyttede funksjonene fra skrivebordet, angir du
en tom verdi for headerActions-egenskapen
("headerActions": []
). Hvis du imidlertid har lagt til Webex App i ruten Tilleggsinformasjon eller en egendefinert side, eller som en egendefinert widget, har agenten fortsatt tilgang Webex til appen selv om appen Webex ikke er tilgjengelig i den vannrette overskriften på skrivebordet. - Hvis egenskapsverdien webexConfigured er angitt som
usann
,vises ikke appikonet Webex i
den vannrette toppteksten på skrivebordet, selv om webex-verdien legges til i headerActions-egenskapen.
Hvis du vil ha mer informasjon, kan du se webexConfigured.
område
Områdeegenskapen
er kjernedelen i skrivebordsoppsettet. Du kan definere oppsettet i henhold til området.
"område": { "topptekst": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "skript": .... } }, "panel": { ... }, "navigasjon": { ... }, "vedvarende": { ... }, "hodeløs": { ... } },
Du kan konfigurere følgende områdeobjekter
:
-
Panel: Representerer det andre panelet eller panelet lengst til høyre i ruten Tilleggsinformasjon.
-
Navigasjon: Representerer egendefinerte sider og tilhørende navigasjonselementer som er relatert til sidene.
-
Vedvarende: Representerer widgetene på sidenivå som er vedvarende og vises på alle sidene på skrivebordet.
-
Hodeløs: Representerer widgetene som ikke har et visuelt grensesnitt, men utfører logikk i bakgrunnen.
Hvis egenskapen advancedHeader er konfigurert, må egenskapene header og headerActions fjernes.
avansertTopptekst
For å tilpasse synligheten og endre rekkefølgen på ikonene på den horisontale overskriften på skrivebordet. Standardrekkefølgen er som følger:
-
(Webex)
-
(Utgående samtale)
-
(VG Nett)
-
(Agentstatsvelger)
Angi verdien for egenskapen advancedHeader som følger:
Ikonnavn |
headerActions-egenskapsverdi |
---|---|
Webex-app |
AgentX-WebEx |
Oppringing |
agentx-outdial |
Varslingssenter |
agentx-varsling |
Agenttilstandsvelger |
agentx-state-selector |
Eksempel:
"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } { "comp": "widget-1", "attributes": { ... }, "skript": .... } ]
Verdien for egenskapen advancedHeader skiller mellom store og små bokstaver.
Hvis du vil endre standardrekkefølgen for ikonene, angir du egenskapen advancedHeader og verdiene i det egendefinerte oppsettet tilsvarende.
Widgetene flyter inn i rullegardinmenyen fra venstre til høyre.
-
Hvis du ikke angir egenskapen
advancedHeader (avansertTopptekst
) i det egendefinerte oppsettet, vises standardtoppteksten. -
Når avansert overskrift er aktivert, bør du flytte widgetene fra den eksisterende overskriften til den avanserte overskriften i henhold til eksemplet.
-
Når avansert topptekst er aktivert, vises ikke gammel topptekst.
-
Hvert widgetikon har en standard utfylling og marg som er definert gjennom CSS og ikke kan tilpasses via skrivebordet.
-
Plasseringen av logo-, tittel- og profilikonene er fast og kan ikke tilpasses.
-
Hvis du vil fjerne topptekstikonene og de tilknyttede funksjonene fra skrivebordet, angir du en tom verdi for den tilknyttede komponenten i advancedHeader-egenskapen
("
advancedHeader": []
).Hvis du har lagt til Webex app i ruten Tilleggsinformasjon eller en egendefinert side, eller som en egendefinert widget, har agenten fortsatt tilgang Webex til appen selv om Webex ikke er tilgjengelig i den vannrette toppteksten på skrivebordet.
-
Hvis du legger til en widget med en lang etikett, vises et avkortet etikettnavn i henhold til tilgjengelig plass.
Du kan bruke attributtet
textContent
til å legge til en etikett i et kontrollprogram.Eksempel:
{ "comp": "timer-widget", "attributes": { "duration": "08:00:00" }, "textContent": "Count Down Timer for Current Shift", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }
Etiketten "Count Down Timer for Current Shift" vil bli avkortet og vises i henhold til tilgjengelig plass.
-
Unngå å legge til widgeter med en lang etikett.
-
Når en widget flyter til rullegardinmenyen, er det bare widgetikonet som kan klikkes.
-
-
Hvis egenskapsverdien for webexConfigured
er angitt som
usann,
vises ikke appikonet Webex i den vannrette toppteksten på skrivebordet, selv om webex-verdienlegges til i egenskapen
advancedHeader.
Hvis du vil ha mer informasjon, kan du se webexConfigured.
Hjemmeside
Når du logger deg på skrivebordet, lander du på hjemmesiden.
Hjemmesiden gjelder bare for ledere og SupervisorAgent-persona.
Du kan vise følgende widgeter på hjemmesiden. Analyzer-widgeter leveres som standard, men administratoren kan også konfigurere vedvarende og egendefinerte widgeter. Hvis du vil ha mer informasjon, kan du se Egenskaper for JSON-oppsett på øverste nivå.
Kontrollprogrammer for analysator
Som standard vises kontrollprogrammet Analyzer på hjemmesiden for skrivebordet.
Konfigurasjon av oppsett for hjemmeside
Du kan konfigurere hjemmesiden for skrivebordet til å vise oppsett som er basert på organisasjonens preferanser og merkejustering. Rediger feltet Hjemmeside for å konfigurere hjemmesiden. Du kan konfigurere følgende komponenter som skal vises på hjemmesiden når en bruker logger på skrivebordet:
-
En velkomstmelding
-
Oppgave-ikonet i navigasjonsfeltet for å navigere til oppgaveruten. Oppgaveikonet vises for rollen Overordnet og Tilsynsperson og Agent med funksjonen Samtaleovervåking aktivert. Oppgaveruten viser innkommende kundeforespørsler, aktive og tidligere kundesamhandlinger og aktive overvåkingsforespørsler.
-
Filtrer seksjoner som Kønavn, Kanaltype og Administrerte team.
Tabellen nedenfor beskriver sideegenskapene
som kreves for å konfigurere hjemmesiden:
Eiendom |
Beskrivelse og kode |
---|---|
Side > useFlexLayout |
Flex-layout er en ny webkomponent. Det endrer ikke de eksisterende widgetene. Det nye fleksible oppsettet bruker det samme oppsettskonfigurasjonsformatet på en forenklet måte. Den er bakoverkompatibel og påvirker ikke eksisterende widgets. Du må konfigurere JSON-oppsettet. For å konfigurere JSON-oppsettet, oppgi høyden og bredden på widgeten. Widgeten gjengis i samme rekkefølge som den er konfigurert i JSON-oppsettet. Widgeter har en standardmarg på 8 piksler. JSON-oppsettet er basert på dimensjonene (bredde x høyde) og koordinatene (X, Y og Z) for widgetene. Det fleksible oppsettet støtter funksjoner som individuell widgetstørrelse, maksimering av widgets og så videre. Høyden på individuelle widgets måles i piksler. 1 høydeenhet = 40 piksler. Bredden på widgeten avhenger av antall kolonner i beholderen og antall kolonner som endres basert på beholderbredden. Widgeter vises fra venstre til høyre. Den avanserte layoutmotoren bruker egendefinert logikk til å bruke både horisontal og vertikal plassjustering av widgets. I utgangspunktet lastes oppsettet horisontalt. Etter at den er lastet horisontalt, lastes widgeten vertikalt og sikrer at plassutnyttelsen er optimal. Konfigurer widgetene basert på skjermstørrelsen. Du kan enten øke eller redusere bredden på widgetene, basert på skjermstørrelsen. Dette gjør widgetene mer lesbare og brukbare. Flex-oppsettet inneholder standard avbruddspunkter som store, mellomstore, små og ekstra små.
Disse pikslene kan variere avhengig av operativsystemet og nettleseren.
|
Side > komp |
Sørg for at du oppgir en unik egendefinert komponent.
Sidetittelkomponenten |
Side > sideTopptekst |
Sørg for å spesifisere en tittelstreng som kan være statisk, dynamisk eller begge deler. Sidetittelkomponenten
|
Side > sideSubHeader |
Sørg for å legge til Sub Header som vises på skrivebordet. Brukeren kan legge til Gå til Analyzer i underoverskriften.
|
Navigasjon (egendefinerte sider)
I denne delen kan du legge til sider som vises i det venstre navigasjonsfeltet. Du angir et navigasjonsikon og en unik URL-adresse for at widgeten skal vises i navigasjonsfeltet. Vi anbefaler at du bruker et spesifikt prefiks for URL-adressen for å unngå konflikter. Hvis du vil ha mer informasjon, kan du se avsnittet om navigasjonseiendom .
Du kan også ha en samling widgeter som kan vises på denne siden. Siden kan ha en enkelt widget som vises på skjermen eller en samling av widgets i et rutenett. Hvis du vil ha mer informasjon om rutenettordning, kan du se delen layout-egenskap .
Du trenger ikke å legge til en dynamisk områdebryting i widgettreet. Dette betyr at du kan dra og slippe og endre størrelse på widgets på egendefinerte sider når du aktiverer dette alternativet.
Eksempel:
{ "nav": { "label": "Custom Page", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "my - custom - timer", "source": http: my-cdn.com/my-custom-timer.js "wrapper": { "title": "Shift Timer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textContent": "Stock Market", "responsive": "false" "attributes": { "slot": "tab" }, }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "agentx-wc-iframe", "responsive": "false" "attributes": { "src": "https://widget-kad.s3.amazonaws.com/Trading.htm" }, "wrapper": { "title": "Stock Market", "maximizeAreaName": "app-maximize-area" }], }, { "comp": "md-tab", "textContent": "Widget3", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Three Content", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "my - google - maps - komponent", "source": "https://my-cdn.com/my-google.maps.js "wrapper": { "title": "Google Map", "maximizeAreaName": "app-maximize-area" } }, "layout": { "areas": [ ["left", "right"] ], "size": { "cols": [1, 1], "rows": [1] } } } },
Tabellen nedenfor beskriver navigasjons - og sideegenskaper sammen med de underordnede egenskapene:
Eiendom |
Beskrivelse og kode |
---|---|
nav > etikett |
Denne egenskapen angir identifikatoren for sidenavigasjon. Skjermleseren leser denne egenskapen, og den vises i verktøytipset. Disse parameterne er nødvendige for å vise den egendefinerte siden i navigasjonsfeltet.
Egenskapen |
nav > ikonType |
Denne egenskapen representerer ikontypen som vises i navigasjonsfeltet for den egendefinerte siden. Følgende ikontyper er tilgjengelige:
|
nav > ikon |
Denne egenskapen representerer navnet på ikonet i Momentum-biblioteket eller CDN-URL-en.
|
nav > justere |
Denne egenskapen hjelper deg med å justere ikonet til toppen eller bunnen av navigasjonsfeltet. For øyeblikket tillater egenskapen bare toppjustering. |
nav > isDefaultLandingPage | Denne egenskapen angir standard målside for agentene i Agent Desktop. Sett denne egenskapen til true for å gjøre navigeringsfeltsiden til standard målside som vises for agentene etter pålogging på Agent Desktop. Hvis denne egenskapen er satt til sann på flere navigasjonsfeltsider, anser systemet den første navigasjonsfeltsiden som standard målside. Hvis ingen navigasjonsfeltside har denne egenskapen satt til sann, fungerer hjemmesiden som standard målside. Du kan ikke angi Agentytelsesstatistikk-rapporter som standard landingsside. |
nav > navigereTil |
Denne egenskapen angir navnet på den egendefinerte siden. Dette navnet vises på adresselinjen når agenten navigerer. navigateTo må ikke inkludere følgende verdier: bilder, skrifter, css, build_info, help, app, i18n, ikoner, images-mfe-wc og lyder.
|
Eiendom |
Beskrivelse og kode |
---|---|
side > id |
I Den
|
side > useFlexLayout |
Flex-layout er en ny webkomponent. Det endrer ikke de eksisterende widgetene. Det nye fleksible oppsettet bruker det samme oppsettskonfigurasjonsformatet på en forenklet måte. Den er bakoverkompatibel og påvirker ikke eksisterende widgets. Du må konfigurere JSON-oppsettet. For å konfigurere JSON-oppsettet, oppgi høyden og bredden på widgeten. Widgeten gjengis i samme rekkefølge som den er konfigurert i JSON-oppsettet. Widgeter har en standardmarg på 8 piksler. JSON-oppsettet er basert på dimensjonene (bredde x høyde) og koordinatene (X, Y og Z) for widgetene. Det fleksible oppsettet støtter funksjoner som individuell widgetstørrelse, maksimering av widgets og så videre. Høyden på individuelle widgets måles i piksler. 1 høydeenhet = 40 piksler. Bredden på widgeten avhenger av antall kolonner i beholderen og antall kolonner som endres basert på beholderbredden. Widgeter vises fra venstre til høyre. Den avanserte layoutmotoren bruker egendefinert logikk til å bruke både horisontal og vertikal plassjustering av widgets. I utgangspunktet lastes oppsettet horisontalt. Etter at den er lastet horisontalt, lastes widgeten vertikalt og sikrer at plassutnyttelsen er optimal. Konfigurer widgetene basert på skjermstørrelsen. Du kan enten øke eller redusere bredden på widgetene, basert på skjermstørrelsen. Dette gjør widgetene mer lesbare og brukbare. Flex-oppsettet inneholder standard avbruddspunkter som store, mellomstore, små og ekstra små.
Disse pikslene kan variere avhengig av operativsystemet og nettleseren.
|
side > widgets side > komp |
Hjelper deg med å definere egendefinerte widgeter. Hvis du vil plassere flere widgeter, angir du alternativer for widgeter i rekkefølge. Sørg for at du gir hver widget et unikt områdenavn. Bruk den i layoutdelen senere.
Denne egenskapen representerer navnet på det egendefinerte HTML-elementet (kjent som en webkomponent eller et annet element – hvis du vil bruke det som en wrapper). Hvis du vil ha mer informasjon, kan du se Eksempel på eksempler på brukstilfeller. Skriv inn navnet på ditt egendefinerte element her uten vinkelparenteser ("<" eller ">"). For eksempel "mitt-egendefinert-element". Hver oppføring under widgets-delen støtter følgende format:
|
side > skript |
(Valgfritt) Denne egenskapen er bare nødvendig når du laster inn widgeten eller komponenten fra et eksternt sted, for eksempel et CDN.
Ikke endre URL-adressen for skriptet for den samme komponenten. Hvis du må endre URL-adressen for skriptet for den samme komponenten, gjør du ett av følgende:
|
Egenskaper for side > |
Du kan angi egenskaper som du må sende for webkomponenten.
|
side > responsiv |
Angir om en webkomponent eller en iFrame-basert widget som legges til i det egendefinerte oppsettet på Konfigurer denne egenskapen med én av følgende verdier:
Widgeter som ikke svarer, kan ikke sikre den beste brukeropplevelsen og vises ikke i den mindre visningen. Agenten må øke størrelsen på webleservinduet for å vise widgeter som er konfigurert som ikke-svarer. |
side > attributter |
Du kan angi webkomponentattributtene i denne delen.
|
side > synlighet |
Angir om widgetene som tilbys av Cisco som er lagt til i det egendefinerte oppsettet Widgeter som tilbys av Cisco, er Kontaktlogg, Cisco Webex Experience Management, IVR Transkripsjon, Forhåndsvisning av kampanjeanropsguide og Skjermpop.
|
side > barn |
Denne egenskapen er kjernen i oppsettet. I den Hvis du vil vite mer om hvordan du sender STORE-verdier som egenskaper, kan du se Dele data fra skrivebordet til widgeter.
Fordelen med matrisedelen "barn" er at du kan bruke eksisterende webkomponenter i layoutspesifikasjonen, som allerede er en del av skrivebordspakken. Noen av webkomponentene i skrivebordspakken inkluderer:
Hvis du vil ha mer informasjon om attributtene for kategorien Vedvarende, kan du se Attributter for vedvarende kategorier. |
side > tekstinnhold |
Hjelper deg med å legge til tekstinnhold.
|
side > stil |
Hjelper deg med å tilordne en bestemt CSS-stil til komponenten.
|
side > wrapper |
Widget wrapper lar deg legge til en verktøylinje på toppen av widgeten din. Verktøylinjen kan inneholde en tittel og Sørg for at du bruker standardverdien som "app-maksimeringsområde". For øyeblikket er bare standardverdien tilgjengelig.
|
ID for side > bryting> |
(Valgfritt) Med webkomponentens widgetbryting kan du oppdatere den dynamiske widgettittelen ved hjelp av en unik identifikator. Angi verdien for egenskapen for widgetbrytings-ID
Sørg for at du bruker den samme unike identifikatoren for JavaScript CustomEvent. Hvis du vil ha mer informasjon, kan du se delen Asynkrone hendelser i kapittelet Agentkontaktmodul i Cisco Webex Contact Center Desktop Developer. Hvis du vil oppdatere den iFrame-baserte widgettittelen, bruker du iFrame-innholdet fra samme domene. Følgende er et eksempel på et eksempel:
|
side > agentx-wc-iframe |
Gjør det mulig å bygge inn en webside i en iFrame som vises som en widget på skrivebordet. Du kan bruke iFrame-widgeten kalt "agentx-wc-iframe".
|
side > oppsett | Lar deg ordne widgetene på en side. Følgende format representerer et rutenettoppsett:
Her kan du definere rutenettet med områdenavnene du definerte i widgets-delen . Eksemplet nedenfor viser hvordan oppsettet med tre rader og tre kolonner angis:
![]() I størrelsesdelen representerer tall brøkdelen av plassen som en widget kan oppta, i forhold til de andre widgetene. Alle tre kolonnene opptar lik 1 brøkdel av plassen. Med 100 % som tilgjengelig bredde, opptar hver widget 33.33 % av horisontal plass. ![]() Et annet eksempel på brukstilfelle, hvis du angir som "cols": [1, 2, 2], betyr det at den totale plassen er delt på 5 (1+2+2) og den første widgeten opptar 20 % av den horisontale plassen. Den andre og tredje widgets tar 40 % hver. Hvis du vil ha mer informasjon, kan du se Grunnleggende konsepter for rutenettoppsett. ![]() |
side > ROOT |
Nesting av oppsett kalles et underoppsett. Hvis du har nestede layouter i layoutkonfigurasjonen, må du ha ett enkelt "ROOT"-objekt som overordnet for deloppsett. Ellers kan oppsettkonfigurasjonen være flat hvis det ikke kreves nesteplass. Dette underoppsettet gir mer kontroll over virkemåten for endring av størrelse på oppsettet. Sideoppsettegenskapen må være av typen Post<streng, Oppsett>. Egenskapen layout lar deg ordne widgetene på en side.
Dette oppsettet oppretter et rutenett i ROOT-oppsettet med to delrutenett som du kan endre størrelsen på uavhengig av hverandre. ![]() Hvis du endrer størrelse på en komponent, påvirker det komponentene i dette underoppsettet. ![]() Vær oppmerksom på følgende tilfeller: Uendelig sløyfe: Hvis du inkluderer ROOT-oppsett som et underoppsett av ROOT, forårsaker det en "anropsstakk overskredet" -feil og går inn i en uendelig løkke.
![]() Samme Sub-Layout (N) ganger: Hvis du inkluderer sublayout i rutenettet mer enn én gang med samme navn, og hvis du endrer størrelsen på en av dem, endres alle deloppsettene automatisk. Hvis dette ikke er ønsket virkemåte, gir du nytt navn til hvert av deloppsettene med et unikt navn.
![]() |
Attributter for vedvarende faner
Hvis du vil angi fanene på de egendefinerte sidene og egendefinerte widgetene som vedvarende, angir du attributtene for md-fanene
i det egendefinerte oppsettet.
Eksempel: Angi faner som faste
{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id for alle fanene sammen i beholderen" }, }
Eiendom |
Beskrivelse |
---|---|
vedvarende-seleksjon |
Å sette |
Tabs-ID |
Unik identifikasjon for alle fanene sammen i beholderen. |
Når du angir at md-tabs
skal være vedvarende (vedvarende: sann
), beholder Agent Desktop fanevalget selv om en agent bytter mellom sider eller widgeter på skrivebordet.
- Egenskapen
for vedvarende merking
gjelder ikke for kategoriene i ruten Tilleggsinformasjon og på siden Statistikk over agentytelse, fordi virkemåten for fast kategori allerede er angitt på skrivebordet. - Fanevalget tilbakestilles til standardkategorien når du logger av skrivebordet, laster inn eller oppdaterer nettleseren på nytt eller tømmer nettleserens hurtigbuffer.
Konfigurasjon av vedvarende widgeter
Du kan konfigurere hvilken som helst tilpasset widget til å være vedvarende. Vedvarende widgeter vises på alle sidene på skrivebordet. Vedvarende widgeter vises som en ny kategori i ruten Tilleggsinformasjon bare når du har en aktiv kontaktforespørsel eller samtale. Eksempel Eksempel på Vedvarende kontrollprogram.
Vedvarende kontrollprogrammer vises ikke på Hjem-siden på den måten de vises på de andre sidene. Hvis du imidlertid har en aktiv samhandling, vises de faste kontrollprogrammene på hjemmesiden som en del av ruten Tilleggsinformasjon. Når du for eksempel har besvart et anrop, vises ruten Samhandlingskontroll, og kontrollprogrammet Eksempel på vedvarende vises som en del av ruten Tilleggsinformasjon.
Eksempel:
"område": { "vedvarende": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Custom Page Widget" } ] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "dynamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "uuip-widget-two", "script": "./dynamic-widgets/widget-two.js", "attributes": { "title": "WIDGET 2 content" }, "wrapper": { "title": "Widget 2 title", "maximizeAreaName": "app-maximize-area" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } } }] } }
Når du tilpasser et kontrollprogram, kan du velge ett av alternativene:
-
Vær vert for et program på en webside som kan bygges inn i en iframe.
-
Bygg en egendefinert widget.
Kravene til tekniske widgeter er beskrevet i dokumentasjonen for utvikling av widgeter på skrivebordet. Som layoutredigerer må du sørge for at du har disse detaljene:
-
Hva er navnet på det egendefinerte HTML-elementet (kjent som webkomponent)?
-
Hva er URL-adressen til CDN-kilden (Content Delivery Network) som er vert for JavaScript-pakken?
Widgets for topptekst
Overskriften brukes til å vise innebygd informasjon, legge til rullegardinmenyer og så videre. Siden topptekstbeholderen har begrenset vertikal plass, er den totale toppteksthøyden bare 64 piksler. Hvis du vil ha mer informasjon om layoutjustering, kan du se egenskapsdelen for oppsett .
Eksempel:
"header":{ "id":"header", "widgets":{ "head1":{ "comp":"header-widget-one", "script":"https://my-cdn.com/dynamic-widgets/header-widget-one.js", }, "head2":{ "comp":"header-widget-two", "script":"https://my-cdn.com/dynamic-widgets/header-widget-two.js", } }, "layout":{ "areas":[[ "head1", "head2" ]], "size": { "cols": [1, 1], "rows": [1] } } }
Hvis du vil legge til et verktøytips for en widget for topptekst, pakker du inn komponenten med md-tooltip
. Skriv inn verktøytipsinformasjon i meldingsegenskapen .
Eksempel:
"header": { "id": "dw-header", "widgets": { "head1": { "comp": "md-tooltip", "attributes": { "message": "Netlify" }, "children": [{ "comp": "agentx-wc-iframe", "attributes": { "src": "https://keen-jackson-8d352f.netlify.app" } }] }, }, }
Du må legge til stilattributter, visning og
høyde for å konfigurere widgeter via iFrame i widgetområdet som kan tilpasses
i toppteksten. Den beste verdien for høydeattributtet er 64 piksler.
Sørg for å legge til stilattributtene i de eksisterende widgetene for topptekst, slik at de kan lastes inn som forventet i iFrame.
Eksempel:
"head1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "style": "height:64px; skjerm:flex;" } },
Vi anbefaler at du bare bruker én rad med flere kolonner i toppteksten, siden toppteksthøyden bare er 64 piksler. Hvis du vil ha mer informasjon om justeringen, kan du se delen layout-egenskap .
Vindu for tilleggsinformasjon
Ruten Tilleggsinformasjon på skrivebordet viser fanene som inkluderer Cisco-tilbudte (standard) widgets og tilpassede widgets. Følgende widgeter som tilbys av Cisco, vises i de forhåndsdefinerte fanene:
-
Kontakt Historie
-
IVR-utskrift
-
Kundeopplevelsesreise
-
Popup-melding
Du kan bruke ruten Tilleggsinformasjon til å:
-
Legge til faner
-
Endre tabulatorrekkefølgen
-
Fjern forhåndsdefinerte faner
-
Merk de egendefinerte fanene som flyttbare
-
Legge til verktøytips i egendefinerte faner
-
Legg til alternativet Tilbakestill tabulatorrekkefølge
Eksempel:
"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "barn": [{ "comp": "md-icon", "attributes": { "name": "pop-out_16" } }, { "comp": "span", "textContent": "Screen Pop" } ], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" }], }, { "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Custom Widget" } ] }, { "comp": "md-tab-panel", "attributter": { "spor": "panel" }, "barn": [{ "comp": "dynamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Widget title", "maximizeAreaName": "app-maximize-area" } }, "layout": { "areas": [ ["comp1"], ["comp2"] ], "size": { "cols": [1], "rader": [1, 1] } } } } }] } },
Du kan konfigurere kontrollprogrammet Kundeopplevelsesreise etter at du har aktivert måledataene for kundeopplevelsesbehandling på administrasjonsportalen.
I ruten Tilleggsinformasjon legger du til nye faner for å plassere dine egendefinerte widgeter. Her gjelder ingen spesielle regler og komponenthekkingen er som forventet og beskrevet i barneavsnittet . Hvis du vil ha mer informasjon, kan du se Children-egenskapen for siden.
Følgende er de spesifikke eksemplene for å tilpasse faneoverskriftene:
Eksempel for å plassere ikoner og etiketter i egenskapen Underordnet
{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "transcript_16" } }, { "comp": "span", "textContent": "My Widget Tab" } ], },
Eksempel på å plassere bilde (med CSS) og etiketter i egenskapen Underordnet
{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "span", "attributes": { "style": "align-items: center; skjerm: flex;" }, "barn": [{ "comp": "img", "attributes": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "style": "margin-right: 0.5rem;" } }, { "comp": "span", "textContent": "My Widget Tab" } ] }], },
Rullegardinlisten Flere kategorier vises automatisk når ruten Tilleggsinformasjon inneholder flere kategorier.
Du må legge til et egendefinert faneverktøytips for lesbarhet og tilgjengelighet. Hvis du vil legge til et verktøytips for en egendefinert fane, pakker du inn komponenten med md-tooltip
. Skriv inn verktøytipsinformasjonen i meldingsegenskapen ,
og bruk stilegenskapsverdiene som vist i eksemplet nedenfor.
"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Tab 1", "style": "max-bredde: 252px; min-bredde: 110px; overløp: skjult; tekst-overløp: ellipse; mellomrom: nowrap; skjerm: inline-blokk; margin-bunn: -10px;" },
For egendefinerte faner anbefaler vi en maksimal bredde på 252 piksler og en minimumsbredde på 110 piksler.
Hvis du vil aktivere dra-og-slipp-funksjonen i den egendefinerte fanen, legger du til følgende egenskap i attributtene :
"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },
-
Flyttbar
: Sett den flyttbareegenskapsverdien
til sann. -
comp-unique-id
: Angi en unik verdi for å identifisere komponenten.Eksempel:
"comp-unique-id": "sample-dynamic-custom-tabs"
Hvis du aktiverer dra-og-slipp for en egendefinert fane, kan agenten dra og slippe kategorien til ønsket posisjon i ruten Tilleggsinformasjon. Hvis du vil tilbakestille tabulatorene til standard tabulatorrekkefølge, legger du til følgende egenskap:
"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
-
agentx-wc-mer-handlinger-widget
: Skriv inn komponenten som vises som Flere handlinger () i ruten Tilleggsinformasjon.
-
slot="settings"
: Skriv inn et attributt i komponenten som vises som alternativet Tilbakestill tabulatorrekkefølge i rullegardinlisten Flere handlinger . Agenter kan tilbakestille kategoriene i ruten Tilleggsinformasjon til standardrekkefølgen ved å klikke på> Tilbakestill tabulatorrekkefølge.
-
tabs-unique-id
: Angi den samme unike verdien som er definert for egenskapen comp-unique-id, for å tilordne og tilbakestille komponentene i
md-tabs
.
Følgende eksempelkode bruker funksjonene Flere handlinger og Tilbakestill tabulatorrekkefølge .
"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comp": "div", "attributes": { "textContent": "custom action", "slot": "custom-action" }, "children": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } ] }], }

Som standard defineres verktøytips, ellipseikonet og tilbakestilling av tabulatorrekkefølge for forhåndsdefinerte kategorier.
Rullegardinlisten Flere handlinger kan utvides til å legge til flere egendefinerte komponenter eller widgeter etter alternativet Tilbakestill tabulatorrekkefølge . Det følgende er et eksempelsett med stilegenskapsverdier
som kan brukes på flere komponenter.
"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-bredde: 252px; min-bredde: 110px; overløp: skjult; tekst-overløp: ellipse; mellomrom: nowrap; skjerm: inline-blokk; margin-bunn: -10px;" },

Dra-og-slipp-funksjonen støttes ikke for de ekstra egendefinerte komponentene eller widgetene som legges til i rullegardinlisten Flere handlinger .
Hodeløse widgets
I den hodeløse delen kan du legge til widgets som er skjult og ikke vises på Agent Desktop. Disse widgetene brukes til å utføre logikk i bakgrunnen. Denne delen er nyttig for å utløse hendelser som oppstår på skrivebordet og utføre widget-spesifikk logikk. For eksempel å åpne en egendefinert CRM-skjerm-popup for en SMS ved ankomst.
Eksempel:
"headless":{ "id":"headless", "widgets":{ "comp1":{ "comp":"headless-widget-one", "script":"https://my-cdn.com/dynamic-widgets/headless-widget-one.js", }, "comp2":{ "comp":"headless-widget-two", "script":"https://my-cdn.com/dynamic-widgets/headless-widget-two.js", } }, "layout":{ "areas":[[ "comp1", comp2" ]], "size": { "cols": [1, 1], "rows": [1] } } }
Del data fra skrivebordet til widgeter
Hvis du vil motta sanntidsdata gjennom egenskaper eller attributter i en egendefinert widget, tilordner du aktuelle STORE-verdier i JSON-layoutkonfigurasjonen.
Hvis du vil ha tilgang til dataene via JavaScript SDK-abonnenter, kan du også sende dataene via egenskaper eller attributter. Hvis komponenten er bygget for å reagere på egenskaps- eller attributtendringer, får du dataoppdateringer i sanntid fra Agent Desktop, som kalles en dataleverandør.
For øyeblikket har vi en enkelt dataleverandør under en nøkkelbutikk. Hvis du vil ha mer informasjon, kan du se delen Dataleverandør – widgetegenskaper og -attributter i Cisco Webex Contact Center Desktop Developer Guide.
Forhåndsvis kampanjeanrop
Administratoren oppretter kampanjer, konfigurerer oppringingsmodus (forhåndsversjon) og tilordner kampanjene til team. Hvis en agent er en del av et team som kampanjer er tilordnet til, kan agenten foreta et kampanjekall for utgående forhåndsvisning. Hvis du vil ha mer informasjon, kan du se Konfigurere utgående talekampanjemoduser i Webex kontaktsenter.
Administratoren konfigurerer følgende i det egendefinerte oppsettet for å aktivere forhåndsvisning av kampanjekontakt for en agent.
Kampanje Kontakt
Administratoren legger til kontrollprogrammet Kampanjekontakt i topptekstbeholderen i det egendefinerte oppsettet. Kampanjekontakten viser kundens kontaktinformasjon basert på de definerte egenskapene. Hvis du vil ha mer informasjon om oppsettjustering, kan du se raden for oppsettegenskap på siden Egenskapsdetaljer-tabellen .
Eksempel:
"advancedHeader": [ { "comp": "agentx-preview-campaign", "properties": { "isCampaignManagementEnabled": "$STORE.agent.isCampaignManagementEnabled", "agentDbId": "$STORE.agent.acqueonAgentId", "lcmUrl": "$STORE.agent.lcmUrl", "isCallInProgress": "$STORE.agentContact.isActiveCall", "outdialEntryPointId": "$STORE.agent.outDialEp", "teamId": "$STORE.agent.getAcqueonTeamId", "campaignManagerAdditionalInfo": "$STORE.agent.campaignManagerAdditionalInfo", "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVariables.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featuresFlags.isProgressiveCampaignEnabled" } }, { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } ]
Ring Guide
Kontrollprogrammet Anropsguide vises i ruten Tilleggsinformasjon på skrivebordet. Anropsveiledningen viser spørsmålene og svarene på kampanjenivå. Agenten blir bedt om å lese gjennom settet med spørsmål i anropsveiledningen og sende svarene.
Eksempel:
"panel":{ "comp":"md-tabs", "attributes":{ "class":"widget-tabs" }, "children":[ { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp":"md-icon", "attributes":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Call Guide" } ], "visibility":"CALL_GUIDE" }, { "comp":"md-tab-panel", "attributes":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // include CDN link here " wrapper":{ "title":"Call Guide", "maximizeAreaName":"app-maximize-area" }, "properties":{ "lcmKey":"$STORE.agentContact.getCallGuideProps.LCMKey", "agentDbId":"$STORE.agent.acqueonAgentId", "lcmUrl":"$STORE.agent.lcmUrl", "campaignManagerAdditionalInfo":"$STORE.agent.campaignManagerAdditionalInfo" "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVaribles.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featureFlags.isProgressiveCampaignEnabled" } } ], "synlighet":"CALL_GUIDE" } ] }
- Følgende
referanser til kompensasjonsegenskaper
er endret.AgentX
i egenskapsverdien erstattes medacqueon
:AgentX-Preview-Campaign
skifter navn tilAcqueon-Preview-Campaign
AgentX-Call-Guide
blir omdøpt tilAcqueon-Call-Guide
- Du må være vert for List and Campaign Manager (LCM) på en CDN og deretter angi URL-adressen i skriptegenskapen
.
Popup-melding
I skrivebordsoppsettet kan du konfigurere Skjermpopup på én av følgende måter:
-
Som en egendefinert side
-
Som en av modulene på den egendefinerte siden
-
Som en kategori i ruten Tilleggsinformasjon
Skjermvinduet vises på skrivebordet basert på følgende faktorer:
For talekanalen:
-
Konfigurasjonen som er definert i skrivebordsoppsettet
-
Screen Pop-aktiviteten som er definert i flytutformingen
For de nye digitale kanalene:
-
Konfigurasjonen som er definert i skrivebordsoppsettet
-
Skjerm-popnoden definert i Connect Flow Builder
Hvis du vil ha mer informasjon om hvordan du konfigurerer Skjerm-popup, kan du se Popup-skjerm.
Konfigurering av skjermbilde i navigasjonslinjen
Du kan konfigurere Screen Pop som en egendefinert side, eller som en av widgetene på en egendefinert side. Klikk på Skjermpopp -ikonet på navigasjonslinjen for å få tilgang til den egendefinerte siden for Screen Pop. For å få tilgang til Screen Pop-widgeten på den tilpassede siden, klikk på det tilpassede ikonet på navigasjonslinjen. For mer informasjon om nav
egenskaper, se Navigasjon (egendefinerte sider).
Eksempel: Skjermpopp som en egendefinert side
{ "nav": { "label": "Skjermpop", "icon": "pop-out", "iconType": "momentum", "navigateTo": "/screenpop", "align": "top" }, "page": { "id": "agentx-wc-screen-pop", "widgets": {"comp1", "compc-w "properties": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" } } }, "layout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rows": [1] } } "OPS", "CREEN_":
Eksempel: Skjermpopp som en widget på den egendefinerte siden
"comp1": { "comp": "agentx-wc-screen-pop", "properties": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" }
Hvis skjermpop ikke er konfigurert i flytdesigneren, vises den egendefinerte siden tom. For mer informasjon om konfigurering av Screen Pop i Flow Designer, se Screen Pop.
Konfigurere skjermbilde i tilleggsinformasjonsruten
Du kan konfigurere Screen Pop til å vises som en fane i ruten for tilleggsinformasjon.
Som standard vises Screen Pop som en ny underfane i Screen Pop fanen i tilleggsinformasjonspanelet hvis Screen Pop er konfigurert til å vises som Inside Desktop i flytdesigneren.
Legg til følgende attributt i panel
delen for å inkludere Screen Pop som en fane i tilleggsinformasjonspanelet. For mer informasjon om panel
detaljer, se Auxiliary Information Panel.
Eksempel: Skjermpopp som en fane i tilleggsinformasjonspanelet
{ "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp": "md-icon", "attributes": { "name": "pop-out_16" }}, { "comp": "span", "textContent"] "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-panel" }, "children": [{ "comp": "#SCREEN_POP" } ], }
Skjermpop-visningsalternativet definert i Flow Designer har forrang over konfigurasjonen som er definert i skrivebordsoppsettet.
Tenk for eksempel at du har konfigurert følgende Screen Pop-innstillinger:
- Flow Designer – Vis innstillinger som I den nye nettleserfanen
- Skrivebordsoppsett – Som en fane i ruten Hjelpeinformasjon
Når hendelsen som skjermpop er konfigurert for inntreffer, vises skjermpop utenfor skrivebordet - det vil si i en ny nettleserfane.
Eksempler på brukseksempler
-
Konfigurer og få tilgang til Customer Experience Management Metrics Widget fra navigasjonslinjen
-
Standard tilleggsinformasjonspanel med kontakthistorikk og skjermpopp
Konfigurer og få tilgang til Customer Experience Management Metrics Widget fra navigasjonslinjen
Eksempel:
{ "nav": { "label": "Customer Experience Management Metrics", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": "page": {"xmid"smetrics: "comp1": { "comp": "agentx-wc-cloudcherry-widget", "attributes": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$teamSTOREani.agent". "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } } }, "layout": [[:areasp], "layout": [[:areasp] "cols": [1], "rows": [1] } } } },
For å få spaceId og metricsId, se Webex Experience Management dokumentasjonen.
Bruke faner på den egendefinerte siden
Eksempel:
{ "nav": { "label": "Dynamiske faner", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp1":child "comp1": "comp": "md-tab", "textContent": "One", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "widget-two", "script": "jfi": "#}p:" "md-tab", "textContent": "To", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "To innhold", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp" "_iijt" "_iijtwo", "script }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } }
Standard tilleggsinformasjonspanel med kontakthistorikk og skjermpop
Eksempel:
"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp" "name":s:slot "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-panel" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_com HISTORY": ", {"comp": "slot", "attributes": { "name": "CONTACT_com HISTORY": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-panel-tab" }, "children": [{ "comp": "slot", "Pånavn"}OP:S "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-panel" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } P" "SCREEN_POP" } }], "SCREEN_POP" } }
Tilleggsinformasjonsrute med kundeopplevelsesreise-widget
Eksempel:
"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attributes": {X_TA_JOUR "NEW], "M_BOUR": "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-panel" }, "children": [{ "comp": "agentx-wc-cloudcherry-widget", "properties": ": "userModelspace: "userModelE." "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey",-Name} "maximize-Area}" { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp" "comp" "navn" "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT {}comp-" HISTORY, "md-": "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "synlighet": "SCREEN_POP" }, { "comp":panel", "mds-lotes:panel", "md-lotes:panel" "class": "widget-panel" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } "visibility": "SCREEN_POP" }, },
Lokalisering
Følgende er språk som støttes:
Bulgarsk, katalansk, kinesisk (Kina), kinesisk (Taiwan), kroatisk, tsjekkisk, dansk, nederlandsk, engelsk (UK), Engelsk (USA), finsk, fransk, tysk, ungarsk, italiensk, japansk, koreansk, norsk, polsk, portugisisk (Brasil), portugisisk (Portugal), rumensk, russisk, serbisk, slovakisk, slovensk, spansk, svensk og tyrkisk.
Desktop UI-språket er basert på språkinnstillingene i nettleseren din. La oss for eksempel anta at du har valgt foretrukket språk som fransk i Firefox-nettleseren. Når du starter skrivebordet i Firefox-nettleseren, vises skrivebordsgrensesnittet på fransk (fransk). Den horisontale overskriften, navigasjonslinjen og andre komponenter som legges til i skrivebordsoppsettet er imidlertid ikke lokalisert basert på språkinnstillingene i nettleseren din.
Lokaliser skrivebordskomponenter
For å lokalisere skrivebordskomponenter,
-
Bruk de eksisterende lokaliseringsnøklene som er angitt i
app.json
filen. Hvis lokaliseringsnøklene ikke er angitt, brukes standardspråket engelsk (US). Du kan sende inn en tjenesteforespørsel til Cisco Support for å legge til en lokaliseringsnøkkel tilapp.json
filen.Eksempel: Lokaliseringsnøkkel
{ "common": { "buttonTitle": "Stopp timer" } }
-
Skriv inn følgende egenskap som skiller mellom store og små bokstaver i JSON-filen for skrivebordsoppsett for å lokalisere en komponent:
"textContent": "$I18N.<nøkkel>",
der <key> refererer til den tilsvarende lokaliseringsnøkkelen i
app.json
filen.
Eksempel: Lokaliser topptekstkomponent
"header": { "id": "header", "widgets": { "head1": { "comp": "md-button", "attributes": { "slot": "menu-trigger", "style": "height: 64px" }, "children": [{ "comp": "span", "textContent": "commonent", "$I. }
Eksempel: Lokaliser fanekomponent i tilleggsinformasjonsruten
"panel": { "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "span", "textContent": "$I18N.panelTwo.screenPopTitle" }] }