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:

  1. Tittel- og logoområde: Dette området viser logoen og navnet Webex kontaktsenter (standard) øverst til venstre på skjermen.

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

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

  4. Navigasjonsfeltområde : Bruk dette området til å legge til navigasjonselementer for å få tilgang til egendefinerte sider.

Sample Webex Contact Center Desktop user interface for voice, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Eksempel på skrivebordsgrensesnitt for tale
Sample Webex Contact Center Desktop user interface for new digital channels, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
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 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).

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å 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 (Brukere > Administrer brukere > tjenester > meldinger). 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 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 appen Webex.

    Slik viser du Webex-ikonet (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 til sann. 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:

  1. Webex-ikonet (Webex)

  2. Bruk telefonen til lydindikator (Utgående samtale)

  3. Varsel-ikonet. (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 iden 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:

  1. Webex-ikonet (Webex)

  2. Bruk telefonen til lydindikator (Utgående samtale)

  3. Varsel-ikonet. (VG Nett)

  4. Webex Agenttilstandsvelger for kontaktsenter. (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-verdien legges 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:

Tabell 2. Dynamisk startsideoppsett – egenskaper for side

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 - 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:

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

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 nettleserens hurtigbuffer 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.

Widgeter som tilbys av Cisco, 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 Veiledning for skrivebordsutviklere.

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: Enkelt faneoverskrift

    • md-tab-panel: Innhold i én fane

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.

"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-ikon (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
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

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
Equal column width layout for Webex Contact Center Desktop layout configuration.

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.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
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.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Utseende til underoppsett

Hvis du endrer størrelse på en komponent, påvirker det komponentene i dette underoppsettet.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
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 appearance with infinite loop for Webex Contact Center Desktop layout configuration.
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] } } } }
Sub-layout appearance with N times for Webex Contact Center Desktop layout configuration.
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 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 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 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 (Flere handlinger-ikon) 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å Flere handlinger-ikon > 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" } ] }], }
Webex Contact Center more actions menu example, showing the 'Reset Tab Order' option.

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;" },
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-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 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 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

Følgende avsnitt gir noen eksempler for referanse:

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

Desktop UI 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.

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 til app.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" }] }