Opprette egendefinert skrivebordsoppsett

Oversikt

Skrivebordsoppsettfunksjonen lar deg konfigurere Webex Contact Center-skrivebordet 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-skrivebordet støtter tre personer:

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.

For grupper som bruker et egendefinert skrivebordsoppsett, må administratorer regelmessig oppdatere oppsettdefinisjonen for å innlemme nye funksjoner. Når administratorer viser et uendret oppsett eller en gruppe som bruker et uendret oppsett, vises en melding om at nye skrivebordsfunksjoner brukes automatisk.

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ådet: Dette området viser Webex Contact Center-logoen og -navnet (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, tilpasset Tab (ruten Tilleggsinformasjon) eller på den vannrette overskriften på skrivebordet.
Navigasjonsfeltområde : Bruk dette området til å legge til navigasjonselementer for å få tilgang til egendefinerte sider.

Eksempel på skrivebordsgrensesnitt for tale

Eksempel på skrivebordsgrensesnitt for nye digitale kanaler

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-skrivebordet for å håndtere agentaktiviteter.
Veileder – For å angi at skrivebordsoppsettet skal vises når en leder logger på Webex Contact Center skrivebordet for å håndtere bare 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-skrivebordet 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": { ... } }, } },

appTitle
logo
taskPageIllustrasjon
stopNavigateOnAcceptTask
dragDropEnabled
notificationTimer
maximumNotificationCount
browserNotificationTimer
wxmKonfigurert
desktopChatApp
område
avansertTopptekst

Endringene som gjøres i JSON-layoutegenskapene, trer i kraft når skrivebordsleseren oppdateres.
Hvis en funksjon du har aktivert på JSON-oppsettet, ikke er tilgjengelig på skrivebordet, kan du kontakte Cisco Support 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. Standard tittel er Webex Contact Center.

Eksempel:

"appTitle": "Webex Contact Center"

Standard appTitle endres fra Skrivebordskontaktsenter til Webex Contact Center. 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 as 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 Webex Contact Center-logoen 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).

Tabell 1. Visningsmatrise for appTittel og logo basert på konfigurasjonen av skrivebordsoppsettet
Betingelse	Eksempel	appTitle	logo
Hvis appTitle og logoen ikke er konfigurert	`"appTitle": "", "logo": "",`	Ingen tittel	Standard logo
Hvis appTitle og logo er konfigurert	`"appTitle": "ABC Company", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurert tekst	Konfigurert logo
Hvis appTitle er konfigurert og logoen ikke er konfigurert	`"appTitle": "ABC-selskap", "logo": "",`	Konfigurert tekst	Standard logo
Hvis appTitle ikke er konfigurert og logo er konfigurert	`"appTitle": "", "logo": "https://my-cdn.com/abclogo.png",`	Ingen tittel	Konfigurert logo
Hvis appTitle er konfigurert og logo ikke foretrekkes	`"appTitle": "ABC Company", "logo": "no-logo",`	Konfigurert tekst	Ingen logo
Hvis appTitle ikke er konfigurert og logo ikke foretrekkes	`"appTitle": "", "logo": "no-logo",`	Ingen tittel	Ingen logo
Hvis appTitle legges til som et bilde og logoen er konfigurert	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurert bilde	Konfigurert logo
Hvis appTitle legges til som et bilde og logoen ikke er konfigurert	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "",`	Konfigurert bilde	Standard logo
Hvis appTitle legges til som et bilde og logo ikke foretrekkes	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "no-logo",`	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.

Webex Contact Center interface example of a custom illustration retraining the actual size. — ***Eksempeleksempel på en egendefinert illustrasjon som beholder den faktiske størrelsen***

Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio. — ***Eksempeleksempel på en egendefinert illustrasjon justert basert på størrelsesforholdet***

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å Home-siden, uten noen aktiv oppgave i Oppgaveliste-ruten. I et slikt tilfelle, når en ny oppgave godtas, flyttes fokuset fra siden Home 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 Tab. Nettleservinduet på skrivebordet eller Tab 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 Cisco-tilbudte chatteprogrammer, for eksempel Webex App.

webexConfigured

Webex App sammen med meldings- og møtefunksjoner 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 Meeting-brukere og tildeler privilegier bare hvis brukerne har Webex Enterprise Edition. 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 Webex-appen ved hjelp av Webex App for 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 din 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 Webex appen på skrivebordet:

Når du legger til tjenester for en bruker i Cisco Webex Control Hub, merker du av for Advanced Messaging (Brukere > Administrer brukere > tjenester > Meldinger). Hvis du vil ha mer informasjon, kan du se Administrere brukerkontoer i Cisco Webex Områdeadministrasjon.
I det egendefinerte skrivebordsoppsettet setter du egenskapsverdien webexConfigured til sann.

Eksempel:
```
"desktopChatApp": { "webexConfigured": true },
```
Standardverdien for egenskapen webexConfigured er usann.

Webex App er bare tilgjengelig for rollene agent, leder og supervisorAgent hvis du setter egenskapsverdien webexConfigured til sann for hver av disse rollene. Agenten, lederen eller supervisorAgent kan ikke logge av Webex-appen.

Slik viser du (Webex)-ikonet på den vannrette 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 til sann. Hvis du vil ha mer informasjon, kan du se Opprette et team.

Du kan også konfigurere Webex App i ruten Tilleggsinformasjon, tilpasset side og tilpasset widget. 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 appen i ruten Tilleggsinformasjon eller en egendefinert side, eller som en egendefinert widget, har agenten fortsatt tilgang til Webex appen selv om Webex appen ikke er tilgjengelig i den vannrette toppteksten på skrivebordet.
Hvis egenskapsverdien webexConfigured er angitt som usann , vises ikke Webex App-ikonetpå 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 appen i ruten Tilleggsinformasjon eller en egendefinert side, eller som en egendefinert widget, kan agenten fortsatt få tilgang til Webex appen selv om Webex appen ikke er tilgjengelig i den vannrette overskriften 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 Webex App-ikonet på den vannrette toppteksten på skrivebordet, selv om Webex-verdien legges til i advancedHeader-egenskapen . Hvis du vil ha mer informasjon, kan du se webexConfigured.

Home-siden

Når du logger deg på skrivebordet, lander du på Home-siden.

Home-siden gjelder bare for ledere og SupervisorAgent-persona.

Du kan se følgende widgeter på Home-siden. 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å siden Home på skrivebordet.

Home Konfigurasjon av sideoppsett

Du kan konfigurere Home-siden på skrivebordet til å vise oppsett som er basert på organisasjonens preferanser og merkejustering. Rediger Homepage-feltet for å konfigurere Home-siden. Du kan konfigurere følgende komponenter som skal vises på Home-siden 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.

Følgende tabell beskriver sideegenskapene som kreves for å konfigurere Home-siden:

Tabell 2. Dynamisk Home-sideoppsett – sideegenskaper
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å. Store widgets har en oppløsning på 1360 piksler eller mer. For store kontrollprogrammer angir du kolonneverdien som 12. Medium widgets har en oppløsning på 1070 piksler til 1360 piksler. For medium kontrollprogrammer angir du kolonneverdien som 10. Små widgets har en oppløsning på 850 px til 1070 px. For små widgeter angir du kolonneverdien som 6. Ekstra små widgets har en oppløsning på 500 px. For ekstra små widgeter angir du kolonneverdien som 4. Disse pikslene kan variere avhengig av operativsystemet og nettleseren. `"side": { "id": "landing", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 1", "attributes": { "style": "width: max-content; margin: 80px 240px; farge: hvit;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margin: 80px 240px; farge: hvit;" } } }`
Side > komp	Sørg for at du oppgir en unik egendefinert komponent. `"komp": "sidetittel",` Sidetittelkomponenten representerer nivå 2-overskrift `<h2>` for det egendefinerte HTML-elementet.
Side > sideTopptekst	Sørg for å spesifisere en tittelstreng som kan være statisk, dynamisk eller begge deler. Sidetittelkomponenten representerer nivå 2-overskrift< `h2>` i det egendefinerte HTML-elementet. Statisk streng: For eksempel Hei, Velkommen! `"comp": "page-title", "attributes": { "pageTitle": "Hei, velkommen!" }` Dynamisk streng: For å hente verdien fra `STORE.` For eksempel Jane Doe. `"comp": "page-title", "attributes": { "pageTitle": "$STORE.agent.agentName" }` Begge: Kombinasjonen av statiske og dynamiske strenger. For eksempel, Hei Jane Doe, Velkommen! `"comp": "page-title", "attributes": { "pageTitle": "Hei {$STORE.agent.agentName}, Velkommen!" }` Du må omslutte den dynamiske delen av strengen i de lukkede klammeparentesene {} og prefikset med strukturen $.
Side > sideSubHeader	Sørg for å legge til Sub Header som vises på skrivebordet. Brukeren kan legge til Gå til Analyzer i underoverskriften. Kodeblokk for underoverskrift `"useFlexLayout": true, "pageSubHeader": { "comp": "div", "attributes": { "style": "display: flex; flyte:høyre; margin:16px 0px 16px 16px" }, "barn": [ { "comp": "div", "barn": [ { "comp": "md-label", "textContent": "$I 18N.pageSubHeader.queueName", "attributes": { "style": "margin-bottom:8px;" }` Kodeblokkering for Gå til analysator i deloverskrift `{ "comp": "div", "children": [ { "comp": "agentx-more-actions-wrapper", "properties": { "actionList": [ { "comp": "agentx-wc-goto-analyzer" } ] } }`

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 - component", "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:

Tabell 3. nav Eiendom Detaljer
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. `type Navigation.Item = { label: string; iconType: "momentum" \| "annet"; ikon: streng; justere: "topp" \| "bunn"; navigereTil: streng; iconSize? :nummer; isResponsive? :Boolsk; };` Egenskapen `label` er tittelen på den egendefinerte siden.
nav > ikonType	Denne egenskapen representerer ikontypen som vises i navigasjonsfeltet for den egendefinerte siden. Følgende ikontyper er tilgjengelige: Momentum: Du kan velge alle tilgjengelige ikoner i samlingen: https://momentum.design/icons. Fordelen med å bruke Momentum er at det gir noen få ikoner med en "aktiv" versjon. Bruk tilfelle av en aktiv versjon: Hvis du for eksempel velger en Momentum-ikontype kunngjøring, kan du se standardikonet i navigasjonsfeltet. Når du navigerer til den egendefinerte siden (koblet til ikonet), endres ikonet til kunngjøring-aktiv Versjon automatisk. Kontroller om du har en aktiv Versjon av det samme ikonet i ikonbiblioteket. Annet: Du kan angi en egendefinert bilde-URL (ligger på en CDN) som vises i navigasjonsfeltet. Hvis du bruker et tilpasset ikon i svart eller hvitt, vises ikke ikonet når du bytter mellom lys og mørk modus.
nav > ikon	Denne egenskapen representerer navnet på ikonet i Momentum-biblioteket eller CDN-URL-en. `type Navigation.Item ={ ikon:"kunngjøring"; }; ELLER // type Navigation.Item ={ ikon:"https://my-cdn.com /my-navigation-icon.png"; };`
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 navigasjonsfeltsiden til standard destinasjonsside som vises for agenter 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, vil Home-siden fungere 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. `type Navigation.Item = { navigateTo: "min - tilpasset - side"; };`

Tabell 4. side Egenskapsdetaljer
Eiendom	Beskrivelse og kode
side > id	I side -egenskapen, angir du det egendefinerte sideobjektet (dynamisk widget). Den Id Egenskap representerer en unik sideidentifikator. For eksempel min-egendefinert-side-1. Agenten kan ikke se denne identifikatoren på skrivebordet. `type DynamicWidgets.Page = {id: streng; widgets: Ta opp < streng, DynamicWidget.Options > ; layout: Layout; };`
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å. Store widgets har en oppløsning på 1360 piksler eller mer. For store kontrollprogrammer angir du kolonneverdien som 12. Medium widgets har en oppløsning på 1070 piksler til 1360 piksler. For medium kontrollprogrammer angir du kolonneverdien som 10. Små widgets har en oppløsning på 850 px til 1070 px. For små widgeter angir du kolonneverdien som 6. Ekstra små widgets har en oppløsning på 500 px. For ekstra små widgeter angir du kolonneverdien som 4. Disse pikslene kan variere avhengig av operativsystemet og nettleseren. `"side": { "id": "landing", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 1", "attributes": { "style": "width: max-content; margin: 80px 240px; farge: hvit;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margin: 80px 240px; farge: hvit;" } } }`
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. `"widgets": { "comp1": ( ... } "comp2": { ... } }` 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: `type Options = { comp: string; script? :streng; Egenskaper? : Ta opp < streng, hvilken som helst >; Attributter? : Ta opp < streng, streng > ; barn? : Alternativer []; textContent? :streng; stil? : Delvis < CSSStyleDeclaration > ; Wrapper? : {tittel: streng; maximizeAreaName: streng; }; };`
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. `"comp1": { "comp": "widget-one", "script": "http:/my-cdn.com / dynamic - widgets / widget - one.js ", }` 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: Gi agenten beskjed om å tømme nettleserbufferen og laste inn Agent Desktop på nytt. Behold den eksisterende URL-adressen. Importer URL-adressen til den nye pakken dynamisk ved hjelp av javascript som ligger i den eksisterende nettadressen. Eksempel: `(function() {var script = document.createElement("script"); script.src = <Your JS Script URL> script.type = "text/javascript"; script.async = true; document.getElementsByTagName ("head").item(0).appendchild(script); }) ()`
Egenskaper for side >	Du kan angi egenskaper som du må sende for webkomponenten. `"egenskaper": { "bruker": "admin", },`
side > responsiv	Angir om en webkomponent eller en iFrame-basert widget som legges til i det egendefinerte oppsettet på `sidenivå` eller `på kompensasjonsnivå` , er responsiv. Responsive webkomponenter gjør nettsiden visuelt tiltalende på alle enheter og er enkel å bruke. Du må bruke responsive iFrame-widgeter. Konfigurer denne egenskapen med én av følgende verdier: Sann: aktiverer svarfunksjonen for modul. Som standard er alle widgeter responsive basert på progressive skjermstørrelser, retning og visningsområder for enheten som brukes. Usann: deaktiverer svarfunksjonen for modul. Hvis widgetene ikke støtter visning på forskjellige enheter, merker du dem som ikke-svarer. `{ "comp": "md-tab", "responsive": true, "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "responsive": false, "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CALL_GUIDE" } }], "visibility": "CALL_GUIDE" },` 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. `"attributter": { "deaktivert": "usann", },`
side > synlighet	Angir om widgetene som tilbys av Cisco som er lagt til i det egendefinerte oppsettet `på sidenivå` eller komp-nivå `,` er synlige eller ikke. Cisco-tilbudte widgeter er Kontaktlogg, Cisco Webex Experience Management, IVR Transkripsjon, Forhåndsvisning av kampanjeanropsguide og Skjermpop. Synlighetsegenskapsverdiene er innebygd og definert i standard JSON-fil i skrivebordsoppsettet. Administratoren kan ikke endre synlighetsegenskapsverdiene for widgetene som tilbys av Cisco. Synlighetsegenskapsverdien NOT_RESPONSIVE er avskrevet. Du kan fortsette å bruke den bare for bakoverkompatibilitet. Verdier som er angitt som NOT_RESPONSIVE tidligere, krever ikke endringer, siden funksjonaliteten forblir den samme. Hvis du vil angi et nyopprettet kontrollprogram som responsivt eller ikke responsivt, må du bruke egenskapen responsiv . Hvis du vil ha mer informasjon, kan du se responsiv egenskap.
side > barn	Denne egenskapen er kjernen i oppsettet. I den barn -delen, kan du neste så mange nivåer som nødvendig hvis den webkomponentbaserte widgeten lar deg passere barn. For å gjøre det mulig, må utvikleren programmatisk håndtere Slotted innhold. Hvis du vil ha mer informasjon, kan du se Cisco Webex Contact Center Desktop Developer Guide. Hvis du vil vite mer om hvordan du sender STORE-verdier som egenskaper, kan du se Dele data fra skrivebordet til widgeter. `"barn": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "children": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" } ] } ],` 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: agentx-wc-iframe: En widget som lar deg plassere en hvilken som helst webside i en iFrame som en widget. Dynamisk område: En komponent som lar deg aktivere dra-og-slipp-funksjonen for agenter på et annet sted enn egendefinerte sider. De egendefinerte sidene kan også ha denne funksjonen hvis du aktiverer dra-og-slipp som standard. Enhver komponent i momentum-ui-web-komponentbiblioteket. Hvis du vil ha mer informasjon, kan du se GitHub. Eksempel: md-tabs: Tabs container wrapper md-tab: Single Tab header md-tab-panel: Enkelt Tab innhold Hvis du vil ha mer informasjon om attributtene for vedvarende Tab, kan du se Attributter for vedvarende faner.
side > tekstinnhold	Hjelper deg med å legge til tekstinnhold. `"textContent": "Mitt tekstinnhold",`
side > stil	Hjelper deg med å tilordne en bestemt CSS-stil til komponenten. `"style": { "backgroundColor": "#CBD", "overflow": "scroll" },`
side > wrapper	Widget wrapper lar deg legge til en verktøylinje på toppen av widgeten din. Verktøylinjen kan inneholde en tittel og (Maksimer)-ikonet øverst i widgeten. Når widgeten har opptatt en liten plass på siden, lar maksimeringsikonet agenten se widgeten i fullt arbeidsområde. Sørg for at du bruker standardverdien som "app-maksimeringsområde". For øyeblikket er bare standardverdien tilgjengelig. `"wrapper": { "title": Min widgettittel ", "maximizeAreaName": "app-maximize-area" }`
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 som unique-id-to-update-title. `"wrapper": { "title": Min widgettittel ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" }` 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: `< skripttype = "tekst/javascript" > var title = ""; window.addEventListener("update-title-event", function(e) {title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { bubbles: true, detail: { title: "new title" } }); window.parent.dispatchEvent(e); }; < /script> < button id = "customEvent" > Ny tittel < /button> < iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iframe>`
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". `"comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com / the - ultimate - guide - to - iframes / " }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } },`
side > oppsett	Lar deg ordne widgetene på en side. Følgende format representerer et rutenettoppsett: `type Layout = { områder: streng[][]; størrelse: { rader: tall[]; cols: nummer[]; }; };` 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: `"layout": { "områder": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "størrelse": { "cols": [1, 1, 1], "rader": [1, 1, 1] } }` *Lik fordeling av et 3x3-oppsett* 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. *Med lik kolonnebredde* 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. *Etter endring av kolonnebredden*
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. { "id": "some-id", "widgets": { "c1": { "comp": "div", "textContent": "c1" }, "c2": { "comp": "div", "textContent": "c2" }, "c3": { "comp": "div", "textContent": "c3" }, "c4": { "comp": "div", "textContent": "c4" }, "c5": { "comp": "div", "textContent": "c5" } }, "layout": { "ROOT": { "områder": [ ["c1", "sub1"], ["c2", "sub2"], ], "størrelse": { "cols": [1, 1], "rader": [1, 1] } }, "sub1": { "områder": [ ["c3", "c4"] ], "størrelse": { "cols": [1, 1], "rader": [1] } }, "sub2": { "områder": [ ["c1"], ["c5"] ], "størrelse": { "cols": [1], "rader": [1, 1] } } } } Dette oppsettet oppretter et rutenett i ROOT-oppsettet med to delrutenett som du kan endre størrelsen på uavhengig av hverandre. *Utseende til underoppsett* Hvis du endrer størrelse på en komponent, påvirker det komponentene i dette underoppsettet. *Etter å ha endret størrelse på begge deloppsettene* 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. `{ "layout": { "ROOT": { "areas": [ ["c1", "c2"], ["c3", "ROOT"], ], "size": { "cols": [1, 1], "rows": [1, 1] } } }` *Sub-layout med Infinite Loop* 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. `{ "layout": { "ROOT": { "areas": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "rows": [1, 1] } }, "sub1": { "areas": [ ["c3", "c4"] ], "size": { "cols": [1, 1], "rows": [1] } } } }` *Underoppsett med N-klokkeslett*

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 `md-faner` til å være vedvarende. Standardverdien er sann.
Tabs-ID	Unik identifikasjon for alle fanene sammen i beholderen.

Når du angir at md-tabs skal være faste (persist-selection: true), beholder Agent Desktop Tab-valget selv om en agent bytter mellom sider eller widgeter på skrivebordet.

Egenskapen for vedvarende merking gjelder ikke for kategoriene i ruten Tilleggsinformasjon og siden Agentytelsesstatistikk, fordi den vedvarende Tab-virkemåten allerede er angitt på skrivebordet.
Tab-valget tilbakestilles til standard Tab når du logger av skrivebordet, laster inn / 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 Tab i ruten Tilleggsinformasjon bare når du har en aktiv kontaktforespørsel eller samtale. Eksempel Eksempel på Vedvarende kontrollprogram.

Vedvarende widgeter vises ikke på Home-siden på samme måte som de vises på de andre sidene. Hvis du imidlertid har en aktiv samhandling, vises de vedvarende kontrollprogrammene på siden Home 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", "attributter": { "spor": "Tab" }, "barn": [{ "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 Tab rekkefølgen
Fjern forhåndsdefinerte faner
Merk de egendefinerte fanene som flyttbare
Legge til verktøytips i egendefinerte faner
Legg til alternativet Tilbakestill Tab rekkefø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", "klasse": "widget-rute-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": "Tilpasset 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": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Widget title", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "områder": [ ["comp1"], ["comp2"] ], "størrelse": { "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 Tab-overskriftene:

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": "Min 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 tilpasset Tab verktøytips for lesbarhet og tilgjengelighet. Hvis du vil legge til et verktøytips for en egendefinert Tab, 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 en tilpasset Tab 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 Tab, 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 flyttbare egenskapsverdien 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 Tab, kan agenten dra og slippe Tab til ønsket posisjon i ruten Tilleggsinformasjon. Hvis du vil tilbakestille fanene til standard Tab rekkefø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 Tab rekkefølge i rullegardinlisten Flere handlinger . Agenter kan tilbakestille kategoriene i ruten Tilleggsinformasjon til standardrekkefølgen ved å klikke på > Tilbakestill Tab rekkefø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 Tab rekkefø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" } ] }], }

Webex Contact Center more actions menu example, showing the 'Reset Tab Order' option.

Som standard defineres verktøytipset, ellipseikonet og tilbakestilling av Tab-rekkefølgen for forhåndsdefinerte faner.

Rullegardinlisten Flere handlinger kan utvides til å legge til flere tilpassede komponenter eller widgeter etter alternativet Tilbakestill Tab rekkefø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;" },

Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

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-skjermpop 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 Contact Center.

Administratoren konfigurerer følgende i det egendefinerte oppsettet for å aktivere forhåndsvisning av kampanjekontakt for en agent.

Kampanje Kontakt
Ring Guide

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.envVaribles.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 her "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 med acqueon:
- AgentX-Preview-Campaign skifter navn til Acqueon-Preview-Campaign
- AgentX-Call-Guide blir omdøpt til Acqueon-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 Tab 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.

Konfigurere skjerminnstilling i navigasjonsfeltet

Du kan konfigurere Screen Pop som en egendefinert side, eller som en av widgetene på en egendefinert side. Hvis du vil ha tilgang til den egendefinerte siden Popup-skjerm, klikker du på Skjerm-popup-ikonet i navigasjonsfeltet. Hvis du vil ha tilgang til popup-widgeten på den egendefinerte siden, klikker du på det egendefinerte ikonet i navigasjonsfeltet. Hvis du vil ha mer informasjon om navigasjonsegenskaper , kan du se Navigasjon (egendefinerte sider).

Eksempel: Skjerm som en egendefinert side

{ "nav": { "label": "Screen Pop", "icon": "pop-out", "iconType": "momentum", "navigateTo": "/screenpop", "align": "top" }, "page": { "id": "agentx-wc-screen-pop", "widgets": { "comp1": { "comp": "agentx-wc-screen-pop", "properties": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" } }, "layout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rows": [1] } }, "visibility": "SCREEN_POP" }

Eksempel: Skjermpop som et kontrollprogram på den egendefinerte siden

"comp1": { "comp": "agentx-wc-screen-pop", "properties": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" }

Hvis skjermpopupen ikke er konfigurert i flytutformingen, er den egendefinerte siden tom. Hvis du vil ha mer informasjon om hvordan du konfigurerer Skjermpop i flytutformingen, kan du se Skjermpop.

Konfigurere skjerminnstilling i ruten Tilleggsinformasjon

Du kan konfigurere Screen Pop til å vises som Tab i ruten Tilleggsinformasjon.

Som standard vises Skjermpopup som en ny sub Tab i Skjermpop Tab i ruten Tilleggsinformasjon hvis Skjermpop er konfigurert til å vises som Inne i skrivebordet i flytutformingen.

Legg til følgende attributt i paneldelen for å inkludere Skjermpopup som Tab i ruten Tilleggsinformasjon. Hvis du vil ha mer informasjon om paneldetaljer , kan du se Ruten Tilleggsinformasjon.

Eksempel: Skjermpopup som Tab i ruten Tilleggsinformasjon

 { "comp":"md-tab", "attributes":{ "slot":"Tab", "class":"widget-pane-tab" }, "children":[ { "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" } ], }

Alternativet for skjermforfremvisning som er definert i flytutformingen, har forrang over konfigurasjonen som er definert i skrivebordsoppsettet.

Tenk deg for eksempel at du har konfigurert følgende Screen Pop-innstillinger:

Flytutforming – Vis innstillinger som I den nye nettleseren Tab
Skrivebordsoppsett – som Tab i ruten Tilleggsinformasjon

Når hendelsen som skjermbildet er konfigurert for, oppstår, vises skjermpopen utenfor skrivebordet - det vil si i en ny nettleser Tab.

Eksempel på eksempler på brukstilfeller

Følgende avsnitt gir noen eksempler for din referanse:

Konfigurere og få tilgang til kontrollprogrammet for administrasjon av kundeopplevelse fra navigasjonsfeltet
Bruke faner på den egendefinerte siden
Standard hjelpeinformasjonsrute med kontakthistorikk og skjermpop
Ruten Tilleggsinformasjon med kontrollprogram for kundeopplevelsesreise

Konfigurere og få tilgang til kontrollprogrammet for administrasjon av kundeopplevelse fra navigasjonsfeltet

Eksempel:

{ "nav": { "label": "Customer Experience Management Metrics", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": { "id": "wxm-metrics", "widgets": { "comp1": { "comp": "agentx-wc-cloudcherry-widget", "attributes": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app. darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rows": [1] } } } },

Hvis du vil hente spaceId og metricsId, kan du se dokumentasjonen Webex Experience Management .

Bruke faner på den egendefinerte siden

Eksempel:

{ "nav": { "label": "Dynamic Tabs", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "One", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "widget-two", "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js" }] }, { "comp": "md-tab", "textContent": "Two", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "textContent": "Two Content", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } }

Standard ruten Tilleggsinformasjon med kontakthistorikk og popup-skjerm

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", "klasse": "widget-pane-tab" }, { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" }], "visibility": "SCREEN_POP" } },

Ruten Tilleggsinformasjon med kontrollprogram for kundeopplevelsesreise

Eksempel:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "Tab" }, "children": [{ "comp": "slot", "attributes": { "name": "WXM_JOURNEY_TAB" } }], "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "agentx-wc-cloudcherry-widget", "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-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": "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" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "navn": "SCREEN_POP" } }], "synlighet": "SCREEN_POP" } "synlighet": "SCREEN_POP" }, },

Lokalisering

Skrivebordsgrensesnittet støtter lokalisering på 29 språk.

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.

Språket for skrivebordsgrensesnittet er basert på språkinnstillingene i nettleseren. 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 i Français (fransk). Den vannrette toppteksten, navigasjonsfeltet og andre komponenter som legges til i skrivebordsoppsettet, er imidlertid ikke lokalisert basert på språkinnstillingene i nettleseren.

Lokaliser skrivebordskomponenter

Slik lokaliserer du skrivebordskomponenter:

Bruk de eksisterende lokaliseringsnøklene som er angitt i app.json filen. Hvis lokaliseringsnøklene ikke er angitt, brukes standardspråket Engelsk (USA). Du kan sende en serviceforespørsel til Cisco Support for å legge til en lokaliseringsnøkkel i app.json filen.

Eksempel: Lokaliseringsnøkkel
```
{ "vanlig": { "buttonTitle": "Stopp tidtaker" } }
```
Skriv inn følgende egenskap for store og små bokstaver i JSON-filen for skrivebordsoppsett for å lokalisere en komponent:
```
"textContent": "$I 18N.<nøkkel>", 
```
where <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": "$I 18N.common.buttonTitle", } }, }, }

Eksempel: Lokaliser Tab-komponent i ruten Tilleggsinformasjon

"panel": { "comp": "md-tab", "attributes": { "slot": "Tab" }, "children": [{ "comp": "span", "textContent": "$I 18N.panelTwo.screenPopTitle" }] }

Takk for tilbakemeldingen.

Opprette egendefinert skrivebordsoppsett

Oversikt

Egenskaper på øverste nivå for JSON-oppsett

Roller

appTitle

logo

taskPageIllustrasjon

stopNavigateOnAcceptTask

dragDropEnabled

notificationTimer

maximumNotificationCount

browserNotificationTimer

wxmKonfigurert

desktopChatApp

headerActions

område

avansertTopptekst

Home-siden

Kontrollprogrammer for analysator

Home Konfigurasjon av sideoppsett

Navigasjon (egendefinerte sider)

Attributter for vedvarende faner

Konfigurasjon av vedvarende widgeter

Widgets for topptekst

Vindu for tilleggsinformasjon

Hodeløse widgets

Del data fra skrivebordet til widgeter

Forhåndsvis kampanjeanrop

Popup-melding

Konfigurere skjerminnstilling i navigasjonsfeltet

Konfigurere skjerminnstilling i ruten Tilleggsinformasjon

Eksempel på eksempler på brukstilfeller

Lokalisering

Lokaliser skrivebordskomponenter

Liten bedrift

Bedrift

Enheter

Løsninger for

Ressurser

Firma