Oversigt

Funktionen Desktop Layout giver dig mulighed for at konfigurere Webex Contact Center Desktop efter dine forretningskrav. Du kan tilpasse elementer som logo, titel og widgets. Du kan oprette et skrivebordslayout og tildele det til et team. Dette layout genererer agentoplevelsen på computeren for alle agenter, der logger på som en del af det pågældende team.

Der findes to typer layout:

  • Globalt layout: Dette layout er et systemgenereret layout, der tildeles som standard, når du opretter et team. Du kan finde flere oplysninger i Administrere teams. Når du opretter et team, angives det globale layout automatisk som skrivebordslayout for teamet. Du kan ikke slette dette layout.

  • Brugerdefineret layout: Et layout, der giver en tilpasset skrivebordsoplevelse. Du kan oprette et brugerdefineret layout for et eller flere teams.

Hvis du tildeler et nyt skrivebordslayout, når en agent er logget på, skal agenten genindlæse siden for at se det nye layout.

Webex Contact Center Desktop understøtter tre personer:

  • Agent

  • Supervisor

  • Supervisor og agent

JSON-layoutfilen har separate sektioner for hver af personaerne. Administratoren skal konfigurere indstillingerne for hver persona i det tilsvarende afsnit af JSON-layoutfilen. Du kan finde flere oplysninger om en JSON-eksempellayoutfil under Egenskaber på øverste niveau for JSON-layout.

Når Cisco tilføjer en ny funktion til skrivebordslayoutet, opdateres det uændrede layout automatisk med de nye funktioner. Det opdaterede skrivebordslayout er automatisk tilgængeligt for de eksisterende teams, der bruger det uændrede skrivebordslayout. De computerbrugere, der bruger det uændrede skrivebordslayout, modtager de nye layoutbaserede funktioner, når de logger på eller genindlæser browseren.

Hvis du bruger filen Standard Desktop Layout.json uden ændringer, betragtes det som et uændret layout. Men hvis du downloader filen Default Desktop Layout.json og overfører den igen, betragtes det som et ændret layout, selvom filindholdet eller filnavnet ikke ændres.

For teams, der bruger et brugerdefineret skrivebordslayout, skal administratorer regelmæssigt opdatere layoutdefinitionen for at inkorporere nye funktioner. Når administratorer får vist et ikke-ændret layout eller et team, der bruger et ikke-ændret layout, vises en meddelelse, der angiver, at nye skrivebordsfunktioner automatisk anvendes.

På skrivebordet er der to typer widgets – iframe-baserede og webkomponentbaserede. Sidehovedet, navigationen (brugerdefineret side), vedvarende område, hovedløst område og aux-panelet er det område, der kan tilpasses, på et skrivebord. Disse er ikke widgets.

Følgende liste beskriver de rum, du kan konfigurere. Billederne illustrerer skrivebordets layout:

  1. Titel- og logoområde: Dette område viser Webex Contact Center-logoet og navnet (standard) øverst til venstre på skærmen.

  2. Vandret overskriftsområde : Dette område har et konfigurerbart område, der er befolket med brugerdefinerede widgets. Disse widgets kan vise f.eks. indbyggede oplysninger og rullemenuer. Da højden på denne overskrift kun er 64 pixel, kan widgethøjden ikke krydse overskriftshøjden.

  3. Arbejdsområdeområde : Dette område ændres i henhold til valget på navigationslinjen, eller når en agent interagerer med kunder. Når en agent er i gang med et opkald, vises ruden interaktionskontrol og ekstra oplysninger (som omfatter brugerdefinerede widgets og vedvarende widgets). Når en agent interagerer via e-mail, chat eller sociale kanaler, vises arbejdsområdeområdet og ruden Ekstra oplysninger (der omfatter det vedvarende widgetområde).

    Brugerdefineret side vises på skrivebordsgrænsefladen i ruden til arbejdsområdet. Du kan få adgang til den brugerdefinerede side via ikoner på navigationslinjen. Hver brugerdefineret side kan indeholde en eller flere brugerdefinerede widgets.

    Custom Widget er et tredjepartsprogram, der er konfigureret i JSON-layoutet. Du kan placere den brugerdefinerede widget på den brugerdefinerede side, brugerdefineret Tab (ruden Ekstra oplysninger) eller på den vandrette overskrift på skrivebordet.

  4. Navigationslinjeområde : Brug dette rum til at tilføje navigationselementer for at få adgang til brugerdefinerede 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å skrivebordsbrugergrænseflade til stemme
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å skrivebordsbrugergrænseflade til nye digitale kanaler

JSON-layoutegenskaber på øverste niveau

Roller

JSON-standardlayoutet har følgende tre roller.

  • agent—For at indstille skrivebordslayoutet til at blive vist, når en agent logger på Webex Contact Center Desktop for at håndtere agentaktiviteter.

  • Supervisor – For at indstille skrivebordslayoutet til at blive vist, når en supervisor logger på Webex Contact Center Desktop for kun at håndtere supervisorfunktioner.

    Når en supervisor logger på skrivebordet, anvendes det skrivebordslayout, der er angivet for det primære team. Hvis du ikke angiver et primært team, gælder det globale layout. APS-rapporter er som standard deaktiveret.

  • supervisorAgent – For at indstille skrivebordslayoutet til at blive vist, når en supervisor logger på Webex Contact Center Desktop for at håndtere både supervisorfunktioner og agentaktiviteter.

Du kan enten tilføje eller redigere widgets for hver rolle i den tilsvarende persona i den relevante JSON-layoutfil.

Følgende er egenskaberne på øverste niveau for JSON-layout baseret på rollen:

{ "agent": { "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": { ... }, "navigation": { ... }, "vedholdende": { ... }, "hovedlø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": { ... }, "navigation": { ... }, "vedholdende": { ... }, "hovedløs": { ... }, "homePage": { ... } }, } "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": { ... }, "navigation": { ... }, "vedholdende": { ... }, "hovedløs": { ... } }, } },
  • De ændringer, der foretages af JSON-layoutegenskaberne, træder i kraft, når desktopbrowseren opdateres.
  • Hvis en funktion, som du har aktiveret på JSON-layout, ikke er tilgængelig på skrivebordet, skal du kontakte Cisco Support for at aktivere funktionen.
  • Der skelnes mellem store og små bogstaver i alle egenskaber i JSON-layoutet.

appTitle

At angive en titel i den vandrette overskrift på skrivebordet. Standardtitlen er Webex Contact Center.

Eksempel:

"appTitle": "Webex Contact Center"

StandardappTitle ændres fra Contact Center Desktop til Webex Contact Center. Der er ingen påvirkning af de eksisterende brugerdefinerede layout, der bruger den gamle standardappTitle (Contact Center Desktop). Hvis du vil bruge den nye appTitle, skal du ændre det brugerdefinerede layout. Det nye globale layout bruger dog standardappTitle as Webex Contact Center.

Titlen kan enten være tekst, et billede eller en tom streng. Titelteksten vises i to rækker. Hvis teksten strækker sig ud over den anden række, vises et ellipseikon, og værktøjstippet viser hele titlen. Typografier kan ikke anvendes på titlen.

Du kan enten bruge data-URI'er (Uniform Resource Identifier) eller være vært for et brugerdefineret titelbillede på et indholdsleveringsnetværk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3)-bucket eller en lignende hostingtjeneste og derefter angive URL'en til det hostede billede. De understøttede titelbilledformater er PNG, JPG, JPEG, GIF, SVG og WebP. Den understøttede titelbilledstørrelse er 184 x 32 pixel (bredde x højde).

logo

Sådan angives en URL-adresse til firmalogoet. Hvis du ikke angiver en URL-adresse, vises Webex Contact Center-logoet som standard.

Eksempel:

"logo": "https://my-cdn.com/logo.png"

Du kan være vært for et brugerdefineret logobillede på en CDN, Amazon Web Services (AWS) Simple Storage Service (S3) spand eller en lignende hostingtjeneste og derefter angive URL'en til det hostede billede. De understøttede logobilledformater er PNG, JPG, JPEG, GIF, SVG og WebP. Den understøttede logobilledstørrelse er 96 x 32 pixels (bredde x højde).

Tabel 1. Vis matrix for appTitle og logo baseret på konfigurationen af skrivebordslayoutet
Tilstand Eksempel appTitle logo
Hvis appTitle og logo ikke er konfigureret
"appTitle": "", "logo": "", 
Ingen titel Standardlogo
Hvis appTitle og logo er konfigureret
"appTitle": "ABC Company", "logo": "https://my-cdn.com/abclogo.png", 
Konfigureret tekst Konfigureret logo
Hvis appTitle er konfigureret, og logoet ikke er konfigureret
"appTitle": "ABC Company", "logo": "", 
Konfigureret tekst Standardlogo

Hvis appTitle ikke er konfigureret, og logoet er konfigureret

"appTitle": "", "logo": "https://my-cdn.com/abclogo.png", 
Ingen titel Konfigureret logo
Hvis appTitle er konfigureret, og logoet ikke foretrækkes
"appTitle": "ABC Company", "logo": "no-logo", 
Konfigureret tekst Intet logo

Hvis appTitle ikke er konfigureret, og logoet ikke foretrækkes.

"appTitle": "", "logo": "intet logo", 
Ingen titel Intet logo
Hvis appTitle tilføjes som billede, og logoet er konfigureret
"appTitle": "https://my-cdn.com/abccompanylogo.png", "logo": "https://my-cdn.com/abclogo.png", 
Konfigureret billede Konfigureret logo

Hvis appTitle tilføjes som billede, og logoet ikke er konfigureret

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "", 
Konfigureret billede Standardlogo

Hvis appTitle tilføjes som billede, og logo ikke foretrækkes

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "no-logo", 
Konfigureret billede Intet logo
  • Den brugerdefinerede billedstørrelse justeres baseret på billedformatet. Den brugerdefinerede titeltekst, der blev konfigureret tidligere, kan nu blive vist i to rækker på skrivebordet. For at undgå dette kan du ændre den brugerdefinerede titeltekst.
  • Hvis titel og logo ikke er konfigureret i den vandrette overskrift på skrivebordet, bruges denne plads af sidehovedwidgets. Sidehovedwidgets skal konfigureres korrekt til at bruge titel- og logopladsen.
  • Titlen og logoet må tilsammen ikke overstige den maksimale bredde på 304 pixels (inklusive polstring). Hvis logobredden er mindre end 96 pixels, kan den resterende bredde bruges til titlen.
  • Hvis den brugerdefinerede billedstørrelse er højere end den understøttede størrelse, justeres billedstørrelsen baseret på højde-bredde-forholdet i den vandrette overskrift. Hvis den brugerdefinerede billedstørrelse er mindre end den understøttede størrelse, bevares den faktiske billedstørrelse i den vandrette overskrift.

opgaveSideillustration

At angive en brugerdefineret illustration til opgavesiden baseret på organisationspræferencer og brandjustering. Når en agent logger på, vises den konfigurerede illustration som baggrund på opgavesiden. Opgavesiden vises som standard uden illustration.

Eksempel:

"taskPageIllustration": "https://www.abc.com/image/logo.jpg",

Du kan enten bruge data-URI'er eller hoste en brugerdefineret illustration på en indholdsleveringsnetværk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3)-spand eller en lignende hostingtjeneste og derefter angive URL'en til den hostede illustration. Illustrationen kan konfigureres på globalt niveau eller teamniveau baseret på layoutdefinitionen. Sørg for at konfigurere den korrekte URL for at forhindre, at det ødelagte billede vises på skrivebordet.

De understøttede illustrationsformater for opgavesider er PNG, JPG, JPEG, GIF, SVG og WebP. Den anbefalede illustrationsstørrelse er 400 x 400 pixel (bredde x højde). Hvis den brugerdefinerede illustrationsstørrelse er større end den anbefalede størrelse, justeres illustrationsstørrelsen baseret på højde-bredde-forholdet på opgavesiden. Hvis den brugerdefinerede illustrationsstørrelse er mindre end den anbefalede størrelse, bevares den faktiske illustrationsstørrelse på opgavesiden.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Eksempeleksempel på en brugerdefineret illustration, der bevarer den faktiske størrelse
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Eksempeleksempel på en brugerdefineret illustration, der er justeret baseret på højde-bredde-forholdet

stopNavigateOnAcceptTask

For at afgøre, om fokus skal flyttes til en nyligt accepteret opgave, når agenten accepterer den nye opgave, mens vedkommende arbejder på en tidligere opgave. Standardværdien er falsk.

Eksempel:

"stopNavigateOnAcceptTask": false

Hvis værdien er angivet som sand, når brugeren accepterer en ny opgave på skrivebordet, bevares fokus på den forrige opgave og skifter ikke til den nyligt accepterede opgave. Denne indstilling forhindrer brugeren i at miste data, når en ny anmodning accepteres.

Overvej f.eks., at agent 1 chatter med kunde 1 og samtidig er i taleopkald med kunde 2. Under taleopkaldet opdaterer agent 1 oplysningerne om kunde 2 i ruden Interaktionskontrol. I øjeblikket har agent 1 to aktive opgaver i ruden Opgaveliste, og fokus er på ruden Interaktionskontrol. Når agent 1 accepterer en ny chatanmodning fra kunde 3, forbliver fokus på ruden Interaktionskontrol med kunde 2 og skifter ikke til den nyligt accepterede chatanmodning.

Hvis du vil bevare fokus på den forrige opgave og ikke skifte til den netop accepterede opgave, skal du vælge det brugerdefinerede layout med egenskabsværdien stopNavigateOnAcceptTask indstillet til true.

Hvis egenskabsværdien stopNavigateOnAcceptTask ikke er angivet i JSON-layoutet, flytter skrivebordet fokus til den netop accepterede opgave. Funktionsmåden svarer til, når egenskabsværdien stopNavigateOnAcceptTask er angivet til false.

  • Indstillingen gælder for alle opgaver (talekanaler og digitale kanaler), der udføres på skrivebordet – f.eks. accept af en opgave, konference, konsultation eller viderestilling, og for udgående opkald, udgående kampagneopkald, automatisk afslutning osv.
  • Indstillingen gælder ikke, hvis desktopbrugeren er på siden Home og ikke har nogen aktiv opgave i ruden Opgaveliste. I et sådant tilfælde, når en ny opgave accepteres, flyttes fokus fra siden Home til den nyligt accepterede opgave.

dragDropEnabled

Hvis du vil aktivere træk og slip og ændring af størrelsen på widgets på de brugerdefinerede sider, skal du indstille værdien til sand. Standardværdien er falsk.

Eksempel:

"dragDropEnabled": falsk

Du kan finde flere oplysninger om aktivering af træk-og-slip-funktionen for fanerne i ruden Ekstra oplysninger under Ekstra oplysninger.

notifikationstimer

At indstille varigheden (i sekunder), hvorefter skrivebordsmeddelelser på skrivebordet automatisk afvises. Meddelelsen vises øverst til højre på skrivebordet. Standardtimeoutværdien er 8 sekunder. Det gyldige interval for timeoutværdier er 1-10 sekunder. For at timeoutændringerne kan træde i kraft, skal browseren opdateres, efter at ændringerne er foretaget.

Eksempel:

"notifikationstimer": 8

maximumNotificationCount

At indstille antallet af skrivebordsmeddelelser, der skal vises ad gangen på skrivebordet. Standardværdien er 3. Intervallet for skrivebordsmeddelelser er 1-10. Skrivebordsmeddelelserne er stablet. Hvis der er mange meddelelser, vises de med en lille forsinkelse afhængigt af notificationTimer-indstillingerne .

Eksempel:

"maks. antal notifikationer": 3

browserNotificationTimer

Indstiller varigheden (i sekunder), hvorefter browserens brødristermeddelelser på skrivebordet automatisk afvises. Brødrister er en indbygget browsermeddelelse, der kun vises, hvis skrivebordet ikke er det aktive browservindue eller Tab. Desktop-browservinduet eller Tab er inaktivt, når

  • Du arbejder i andre browservinduer eller faner.

  • Du arbejder i andre programmer.

  • Du har minimeret browservinduet på skrivebordet.

Meddelelsen vises øverst til højre på skrivebordet. Standardtimeoutværdien er 8 sekunder. Det anbefalede interval for timeoutværdier er 5-15 sekunder. For at timeoutændringerne kan træde i kraft, skal browseren opdateres, efter at ændringerne er foretaget.

Eksempel:

"browserNotificationTimer": 8

Den konfigurerede timeout for browsermeddelelser afhænger af operativsystemet og browserindstillingerne. Timeoutværdien kan accepteres i Chrome-browseren på tværs af Windows OS, Chrome OS og macOS. De andre understøttede browsere overholder dog ikke den konfigurerede timeoutværdi for beskeder.

wxmKonfigureret

(Valgfrit) Hvis du vil konfigurere Webex Experience Management, skal du indstille værdien til sand. Standardværdien er falsk.

Eksempel:

"wxmConfigured": true

skrivebordChatApp

At konfigurere flere Chat-programmer, der tilbydes af Cisco, f.eks. Webex App.

webexKonfigureret

Webex App sammen med dets messaging- og mødefunktioner kan konfigureres på skrivebordet. Denne konfiguration gør det muligt for agenter at samarbejde med andre agenter, supervisorer og fageksperter (SMV'er) i deres organisation uden at navigere væk fra skrivebordet.

  • Webstedsadministratoren administrerer Webex Meeting-brugere og tildeler kun privilegier, hvis brugerne har Webex Enterprise Edition. Du kan finde flere oplysninger under Administrer Webex Meetings brugere i Cisco Webex Control Hub.
  • Tilsynsmyndighederne og SMV'erne skal downloade Webex-klienten på deres system (personlig enhed) eller få adgang til Webex-appen ved hjælp af Webex App for Web ( https://web.webex.com/). Du kan finde flere oplysninger under Download appen.
  • Du kan få adgang til Webex-appen i Agent Desktop for at samarbejde med andre agenter, supervisorer og fageksperter (SMV'er) i din organisation uden at navigere væk fra Agent Desktop. Funktionen til opkaldskontrol er ikke tilgængelig. For at modtage og foretage opkald skal du bruge den eksterne, ikke-integrerede Webex-app. Du kan finde flere oplysninger under Opkaldsapps.

Sådan konfigureres Webex-appen på skrivebordet:

  • I Cisco Webex Control Hub skal du, når du tilføjer tjenester for en bruger, markere afkrydsningsfeltet Avancerede meddelelser (Brugere > Administrer brugere > tjenester > Meddelelser). Du kan finde flere oplysninger under Administrer brugerkonti i Cisco Webex webstedsadministration.

  • I det brugerdefinerede skrivebordslayout skal du angive egenskabsværdien for webexConfigured til true.

    Eksempel:

    "desktopChatApp": { "webexConfigured": true },

    Standardværdien for egenskaben webexConfigured er falsk.

    Webex App er kun tilgængelig for rollerne agent, supervisor og supervisorAgent, hvis du indstiller egenskabsværdien webexConfigured til true for hver af disse roller. Agenten, supervisoren eller supervisoragenten kan ikke logge af Webex App.

    Hvis du vil have vist Webex ikon (Webex) i den vandrette overskrift på skrivebordet, skal du angive værdi Webex i egenskaben headerActions . Du kan finde flere oplysninger under headerActions.

    Hvis du vil aktivere Webex-appen for et bestemt team, skal du vælge det brugerdefinerede layout med egenskabsværdien webexConfigured indstillet til true. Du kan finde flere oplysninger i Oprette et team.

Du kan også konfigurere Webex-appen i ruden Ekstra oplysninger, brugerdefineret side og brugerdefineret widget. Du kan finde flere oplysninger under Ruden Ekstra oplysninger.

Webex App-meddelelse

De værdier, der er angivet ved hjælp af egenskaberne notificationTimer og browserNotificationTimer for notifikationstimeren, gælder for Webex-appen. Standard timeout-værdien er 8 sekunder for disse egenskaber. For yderligere information, se notificationTimer og browserNotificationTimer.

headerActions

For at ændre rækkefølgen af ikonerne i den vandrette sidehoved på skrivebordet. Standardrækkefølgen er som følger:

  1. Webex ikon (Webex)

  2. Brug telefonen som lydindikator (Udendørsopkald)

  3. Notifikationsikon. (Meddelelsescenter)

Angiv værdien for egenskaben headerActions som følger:

Ikonnavn

Værdi af egenskaben headerActions

Webex-app

webex

Udgående opkald

ringe ud

Meddelelsescenter

besked

Eksempel:

"headerActions": ["Webex", "outdial", "notifikation"],

Værdien for egenskaben headerActions er forskellig fra store og små bogstaver.

For at ændre standardrækkefølgen af ikonerne skal du indtaste egenskaben headerActions og derefter angive værdierne i det brugerdefinerede layout.

Eksempel:

"headerActions": ["notifikation", "udgående opkald", "Webex"],
  • Hvis du ikke indtaster egenskaben og værdierne headerActions i det brugerdefinerede layout, vises ikonerne i standardrækkefølgen.
  • For at fjerne headerikonerne og de tilhørende funktioner fra skrivebordet skal du angive en tom værdi for egenskaben headerActions ("headerActions": []). Hvis du har tilføjet Webex-appen til ruden med hjælpeoplysninger, en brugerdefineret side eller som en brugerdefineret widget, kan agenten stadig få adgang til Webex-appen, selvom Webex-appen ikke er tilgængelig i den vandrette sidehoved på skrivebordet.
  • Hvis egenskabsværdien webexConfigured er indstillet til falsk, vises Webex App ikonet ikke i den vandrette header på skrivebordet, selvom Webex værdien tilføjes i headerActions egenskaben. For yderligere information, se webexConfigured.

areal

Egenskaben område er kerneafsnittet i skrivebordslayoutet. Du kan definere layoutet i henhold til området.

"område": { "overskrift": { ... }, "advancedHeader: { { "comp": "widget-1", "attributter": { ... }, "script": .... } }, "panel": { ... }, "navigation": { ... }, "vedvarende": { ... }, "hovedløs": { ... } },

Du kan konfigurere følgende område objekter:

  • Panel: Repræsenterer det andet panel eller panelet yderst til højre i ruden med hjælpeoplysninger.

  • Navigation: Repræsenterer brugerdefinerede sider og deres navigationselementer, der er relateret til siderne.

  • Permanent: Repræsenterer de widgets på sideniveau, der er persistente og vises på alle sider på skrivebordet.

  • Headless: Repræsenterer de widgets, der ikke har en visuel brugerflade, men udfører logik i baggrunden.

Hvis egenskaben advancedHeader er konfigureret, skal egenskaberne header og headerActions fjernes.

avanceret overskrift

Tilpas synligheden og ændre rækkefølgen af ikonerne i den vandrette sidehoved på skrivebordet. Standardrækkefølgen er som følger:

  1. Webex ikon (Webex)

  2. Brug telefonen som lydindikator (Udendørsopkald)

  3. Notifikationsikon. (Meddelelsescenter)

  4. Webex Contact Center agenttilstandsvælger. (Agentstatusvælger)

Angiv værdien for egenskaben advancedHeader som følger:

Ikonnavn

Værdi af egenskaben headerActions

Webex-app

agentx-webex

Udgående opkald

agentx-udendørs

Meddelelsescenter

agentx-notifikation

Agentstatusvælger

agentx-tilstandsvælger

Eksempel:

"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notifikation" }, { "comp": "agentx-tilstandsvælger" } { "comp": "widget-1", "attributter": { ... }, "script": .... } ]

Egenskabsværdien advancedHeader skelner mellem store og små bogstaver.

For at ændre standardrækkefølgen af ikonerne skal du indtaste egenskaben advancedHeader og værdierne i det brugerdefinerede layout i overensstemmelse hermed.

Widgetsene flyder ind i rullemenuen fra venstre mod højre.

  • Hvis du ikke indtaster egenskaben advancedHeader i det brugerdefinerede layout, vises standardheaderen.

  • Når avanceret header er aktiveret, skal du flytte widgets fra den eksisterende header til den avancerede header som vist i eksemplet.

  • Når avanceret header er aktiveret, vises den gamle header ikke.

  • Hvert widget-ikon har en standardmargen og -polstring, der er defineret via CSS og kan ikke tilpasses via skrivebordet.

  • Placeringen af logo, titel og profilikoner er fast og kan ikke tilpasses.

  • For at fjerne headerikonerne og de tilhørende funktioner fra skrivebordet skal du angive en tom værdi for den tilhørende komponent i egenskaben advancedHeader ("advancedHeader": []).

    Hvis du har tilføjet Webex-appen til ruden med hjælpeoplysninger, en brugerdefineret side eller som en brugerdefineret widget, kan agenten stadig få adgang til Webex-appen, selvom Webex-appen ikke er tilgængelig i den vandrette sidehoved på skrivebordet.

  • Hvis du tilføjer en widget med en lang etiket, vises et afkortet etiketnavn i henhold til den tilgængelige plads.

    Du kan bruge attributten tekstIndhold for at tilføje en etiket til en widget.

    Eksempel:

    { "comp": "timer-widget", "attributes": { "duration": "08:00:00" }, "textContent": "Nedtællingstimer for nuværende vagt", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }

    Etiketten "Nedtællingstimer for aktuel vagt" vil blive afkortet og vist i henhold til den tilgængelige plads.

    • Undgå at tilføje widgets med en lang etiket.

    • Når en widget vises i rullemenuen, er det kun widget-ikonet, der kan klikkes på.

  • Hvis webexKonfigureret ejendomsværdien er sat som falsk, den Webex-appen Ikonet vises ikke i den vandrette sidehoved på skrivebordet, selvom Webex der tilføres værdi i avanceret overskrift ejendom. For mere information, se webexKonfigureret.

Home Side

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

Home-siden gælder kun for supervisorer og SupervisorAgent-persona.

Du kan se følgende widgets på Home-siden. Analysator-widgets leveres som standard, men administratoren kan også konfigurere permanente og brugerdefinerede widgets. For mere information, se Egenskaber for øverste niveau af JSON-layout.

Analysator-widgets

Som standard vises Analyzer-widgetten på skrivebordssiden Home.

Home Konfiguration af sidelayout

Du kan konfigurere Home-siden på skrivebordet til at vise et layout, der er baseret på dine organisationspræferencer og brandtilpasning. Rediger Hjemmeside feltet til at konfigurere siden Home. Du kan konfigurere følgende komponenter til at blive vist på siden Home, når en bruger logger ind på skrivebordet:

  • En velkomstbesked

  • De Opgave ikonet på navigationslinjen for at navigere til opgaveruden. Opgaveikonet vises for rollene Supervisor og Supervisor & Agent, når funktionen til opkaldsovervågning er aktiveret. Opgaveruden viser indgående kundeanmodninger, aktive og tidligere kundeinteraktioner samt aktive overvågningsanmodninger.

  • Filtrer sektioner som f.eks. Kønavn, Kanaltype og Administrerede teams.

Følgende tabel beskriver de side egenskaber, der kræves for at konfigurere Home-siden:

Tabel 2. Dynamisk Home Sidelayout – sideegenskaber

Ejendom

Beskrivelse og kode

Side > brugFlexLayout

Flex layout er en ny webkomponent. Det ændrer ikke de eksisterende widgets. Det nye flex-layout bruger det samme layoutkonfigurationsformat på en forenklet måde. Den er bagudkompatibel og påvirker ikke eksisterende widgets. Du skal konfigurere JSON-layoutet. For at konfigurere JSON-layoutet skal du angive widgettens højde og bredde. Widgetten gengives i samme rækkefølge, som den er konfigureret i JSON-layoutet. Widgets har en standardmargen på 8 px.

JSON-layoutet er baseret på widgets' dimensioner (bredde x højde) og koordinater (X, Y og Z).

Det fleksible layout understøtter funktioner som f.eks. ændring af størrelsen på individuelle widgets, maksimering af widgets og så videre.

Højden på individuelle widgets måles i pixels. 1 højdeenhed = 40 pixels. Widgetens bredde afhænger af antallet af kolonner i containeren og antallet af kolonner, der ændres baseret på containerens bredde.

Widgets vises fra venstre mod højre. Den avancerede layoutmotor bruger brugerdefineret logik til at anvende både vandret og lodret pladsjustering af widgets. I starten indlæses layoutet vandret. Efter vandret indlæsning indlæses widgetten lodret og sikrer optimal pladsudnyttelse.

Konfigurer widgets baseret på skærmstørrelsen. Du kan enten øge eller mindske bredden på widgets, baseret på skærmstørrelsen. Dette gør widgets mere læsbare og brugbare.

Flex-layoutet indeholder standardbrudspunkter såsom stor, mellem, lille og ekstra lille.

  • Store widgets har en opløsning på 1360 px eller mere. For store widgets skal du angive kolonneværdien som 12.

  • Mellemstore widgets har en opløsning på 1070 px til 1360 px. For mellemstore widgets skal du angive kolonneværdien som 10.

  • Små widgets har en opløsning på 850 px til 1070 px. For små widgets skal du angive kolonneværdien som 6.

  • Ekstra små widgets har en opløsning på 500 px. For ekstra små widgets skal du angive kolonneværdien som 4.

Disse pixels kan variere afhængigt af operativsystemet og browseren.

"side": { "id": "landing", "useFlexLayout": sand, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 1", "attributter": { "style": "width: max-content; margin: 80px 240px; color: white;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributter": { "style": "width: max-content; margin: 80px 240px;color: white;" } } } 

Side > sammensætning

Sørg for at du leverer en unik, brugerdefineret komponent.

"comp": "sidetitel",

Komponenten page-title repræsenterer niveau 2-overskriften <h2> for det brugerdefinerede HTML-element.

Side > sideoverskrift

Sørg for at angive en titelstreng, der kan være statisk, dynamisk eller begge dele.

Komponenten page-title repræsenterer niveau 2-overskriften <h2> i det brugerdefinerede HTML-element.

  • Statisk streng: For eksempel Hej, velkommen!

    "comp": "sidetitel", "attributter": { "sidetitel": "Hej, velkommen!" }
  • Dynamisk streng: Til at hente værdien fra BUTIKKEN. For eksempel Jane Doe.

    "comp": "sidetitel", "attributter": { "sidetitel": "$STORE.agent.agentName" }

  • Begge: Kombinationen af statiske og dynamiske strenge. For eksempel, Hej Jane Doe, velkommen!

    "comp": "page-title", "attributes": { "pageTitle": "Hej {$STORE.agent.agentName}, velkommen!" }

    Du skal omslutte den dynamiske del af strengen inden for de lukkede krøllede parenteser {} og sætte præfikset $ på.

Side > sideUnderoverskrift

Sørg for at tilføje en underoverskrift, der vises på skrivebordet. Brugeren kan tilføje Gå til Analysator i underoverskriften.

  • Kodeblok til underoverskrift

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "attributter": { "style": "display: flex; float:right;margin:16px 0px 16px 16px" }, "børn": [ { "comp": "div", "børn": [ { "comp": "md-label", "textContent": "$I18N.pageSubHeader.queueName", "attributter": { "style": "margin-bottom:8px;" }
  • Kodeblok for Gå til analysator i underoverskrift

    { "comp": "div", "børn": [ { "comp": "agentx-more-actions-wrapper", "egenskaber": { "actionList": [ { "comp": "agentx-wc-goto-analyzer" } ] } }

Navigation (brugerdefinerede sider)

I dette afsnit kan du tilføje sider, der vises i venstre navigationslinje. Du angiver et navigationsikon og en unik URL, som widgetten skal vise på navigationslinjen. Vi anbefaler at bruge et specifikt præfiks til URL'en for at undgå konflikter. For yderligere oplysninger, se afsnittet nav-egenskab .

Du kan også have en samling af widgets, der kan vises på denne side. Siden kan have en enkelt widget, der vises på skærmen, eller en samling af widgets i et gitter. For yderligere oplysninger om gitteropsætning, se layoutegenskab afsnit.

Du behøver ikke at tilføje en dynamisk område-wrapper til widget-træet. Det betyder, at du kan trække og slippe og ændre størrelsen på widgets på brugerdefinerede sider, når du aktiverer denne indstilling.

Eksempel:

{ "nav": { "label": "Brugerdefineret side", "icon": "stored-info", "iconType": "momentumDesign", "navigateTo": "dynamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Vagttimer", "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": "Vagttimer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textContent": "Aktiemarked", "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": "Aktiemarked", "maximizeAreaName": "app-maximize-area" } }], }, { "comp": "md-tab", "textContent": "Widget3", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "textContent": "Tre indhold", "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": { "areaes": [ ["venstre", "højre"] ], "size": { "cols": [1, 1], "rows": [1] } } } },

Følgende tabel beskriver navigation og side egenskaber sammen med deres underordnede egenskaber:

Tabel 3. nav Ejendomsdetaljer

Ejendom

Beskrivelse og kode

navigation > mærke

Denne egenskab angiver sidenavigations-id'et. Skærmlæseren læser denne egenskab, og den vises i værktøjstippet.

Disse parametre er nødvendige for at vise din brugerdefinerede side på navigationslinjen.

type Navigation.Item = { label: string; iconType: "momentumDesign" | "andet"; icon: string; align: "top" | "bund"; navigateTo: string; iconSize? : nummer; erResponsiv? : boolsk; };

De mærke property er titlen på den brugerdefinerede side.

navigation > ikonType

Denne egenskab repræsenterer den type ikon, der vises i navigationslinjen for den brugerdefinerede side.

Følgende typer ikoner er tilgængelige:

  • momentumDesign: Du kan vælge alle tilgængelige ikoner i samlingen: https://momentum-design.github.io/momentum-design/en/tokens/icons/. Fordelen ved at bruge Momentum er, at det giver et par ikoner med en "aktiv" version.

    Brug tilfælde af en aktiv version:

    Hvis du f.eks. vælger et Momentum-ikon bekendtgørelse, kan du se standardikonet på navigationslinjen. Når du navigerer til den brugerdefinerede side (linket til ikonet), ændres ikonet til Meddelelse-aktiv Version automatisk. Sørg for at kontrollere, om den har en aktiv Version af det samme ikon i ikonbiblioteket.

  • Andet: Du kan angive en brugerdefineret billed-URL (hostet på et CDN), der vises på navigationslinjen. Hvis du bruger et sort eller hvidt brugerdefineret ikon, er ikonet ikke synligt, når du skifter mellem lys og mørk tilstand.

nav > ikon

Denne egenskab repræsenterer navnet på ikonet i Momentum-biblioteket eller CDN-URL-adressen.

skriv Navigation.Item ={ ikon:"meddelelse"; }; ELLER // skriv Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };

nav > juster

Denne egenskab hjælper dig med at justere ikonet til toppen eller bunden af navigationslinjen.

I øjeblikket tillader ejendommen kun topjustering.

nav > isDefaultLandingPage

Denne egenskab angiver standardlandingssiden for agenterne i Agent Desktop. Angiv denne egenskab til sand for at gøre navigationslinjesiden til den standardlandingsside, der vises for agenterne, når de er logget på Agent Desktop. Hvis denne egenskab er angivet til true på mere end én navigationslinjeside, anser systemet den første navigationslinjeside for at være standardlandingssiden.

Hvis denne egenskab ikke er angivet til true på navigationslinjesiden, fungerer siden Home som standardlandingssiden.

Du kan ikke angive rapporter om agenteffektivitetsstatistikker som standardlandingsside.

nav > navigerTil:

Denne egenskab angiver navnet på den brugerdefinerede side. Dette navn vises på adresselinjen, når agenten navigerer.

NavigateTo må ikke indeholde følgende værdier: images, fonts, css, build_info, help, app, i18n, icons, images-mfe-wc og sounds.

skriv Navigation.Item = { navigateTo: "my - custom - page"; };
Tabel 4. side Egenskabsoplysninger

Egenskab

Beskrivelse og kode

side > id

Ind side Egenskab, angiver du objektet Brugerdefineret side (dynamisk widget).

Værktøjet id Ejendom repræsenterer et entydigt side-id. F.eks. min-brugerdefinerede-side-1. Agenten kan ikke se dette id på skrivebordet.

type DynamicWidgets.Page = { id: string; widgets: Record < string, DynamicWidget.Options > ; layout: Layout; };

page > useFlexLayout

Flex-layout er en ny webkomponent. Det ændrer ikke de eksisterende widgets. Det nye flexlayout bruger det samme layoutkonfigurationsformat på en forenklet måde. Den er bagudkompatibel og påvirker ikke eksisterende widgets. Du skal konfigurere JSON-layoutet. Hvis du vil konfigurere JSON-layoutet, skal du angive widgetens højde og bredde. Widgetten gengives i samme rækkefølge, som den er konfigureret i JSON-layoutet. Widgets har en standardmargen på 8 px.

JSON-layoutet er baseret på widgets dimensioner (bredde x højde) og koordinater (X, Y og Z).

Det fleksible layout understøtter funktioner som f.eks. individuel widgetstørrelse, maksimering af widgets osv.

Højden på individuelle widgets måles i pixels. 1 højdeenhed = 40 pixels. Widgettens bredde afhænger af antallet af kolonner i beholderen og antallet af kolonner, der ændres baseret på containerbredden.

Widgets vises fra venstre mod højre. Programmet med avanceret layout bruger brugerdefineret logik til at anvende både vandret og lodret pladsjustering af widgets. Indledningsvis indlæses layoutet vandret. Efter vandret belastning indlæses widgetten lodret og sikrer, at pladsudnyttelsen er optimal.

Konfigurer widgets baseret på skærmstørrelsen. Du kan enten øge eller formindske bredden af widgets baseret på skærmstørrelsen. Dette gør widgets mere læsbare og anvendelige.

Flex-layout giver standardbrudpunkter som stor, mellem, lille og ekstra lille.

  • Store widgets har en opløsning på 1360 px eller mere. For store widgets skal du angive kolonneværdien som 12.

  • Mellemstore widgets har en opløsning på 1070 px til 1360 px. For mellemstore widgets skal du angive kolonneværdien som 10.

  • Små widgets har en opløsning på 850 px til 1070 px. For små widgets skal du angive kolonneværdien som 6.

  • Ekstra små widgets har en opløsning på 500 px. For ekstra små widgets skal du angive kolonneværdien som 4.

Disse pixels kan variere afhængigt af operativsystemet og browseren.

"page": { "id": "landing", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 1", "attributes": { "style": "width: max-content; margen: 80px 240px; farve: hvid;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margen: 80px 240px; farve: hvid;" } } } 

side > widgets

side > comp

Hjælper dig med at definere dine brugerdefinerede widgets. Hvis du vil placere flere widgets, skal du angive widgetindstillinger i rækkefølge. Sørg for at give hver widget et unikt områdenavn. Brug det i layoutafsnittet senere.

"widgets": { "comp1": { ... } "comp2": { ... } }

Denne egenskab repræsenterer navnet på det brugerdefinerede HTML-element (kaldes en webkomponent eller ethvert andet element – hvis du vil bruge det som en indpakning). Du kan finde flere oplysninger i Eksempler på eksempler på use case. Indtast dit brugerdefinerede elementnavn her uden kantede parenteser ("<" eller ">"). For eksempel "mit-brugerdefinerede-element".

Hver post under widgetsektionen understøtter følgende format:

type Options = { comp: string; script? :streng; Egenskaber? : Optag < streng, enhver > ; Attributter? : Optag < streng, streng > ; børn? : Valgmuligheder[]; textContent? :streng; stil? : Delvis < CSSStyleDeclaration > ; Wrapper? : { titel: streng; maximizeAreaName: string; }; };

side > script

(Valgfrit) Denne egenskab kræves kun, når du indlæser widgetten eller komponenten fra en fjernplacering, f.eks. et CDN.

"comp1": { "comp": "widget-one", "script": "http:/my-cdn.com / dynamisk - widgets / widget - one.js ", }

Du skal ikke ændre script-URL-adressen for den samme komponent. Hvis du har brug for at ændre script-URL-adressen for den samme komponent, skal du benytte en af følgende fremgangsmåder:

  • Giv agenten besked om at rydde browserens cache og genindlæse Agent Desktop.

  • Bevar den eksisterende URL-adresse. Importér dynamisk den nye samlingswebadresse ved hjælp af det javascript, der hostes i den eksisterende URL.

    Eksempel:

    (funktion() { var script = document.createElement("script"); script.src = <Din JS Script URL> script.type = "text/javascript"; script.async = true; document.getElementsByTagName ("head").item(0).appendchild(script); } ) ()

side > egenskaber

Du kan angive egenskaber, som du skal overføre for webkomponenten.

"egenskaber": { "bruger": "admin", },

side >responsiv

Bestemmer, om en webkomponent eller en iFrame-baseret widget, der tilføjes i det brugerdefinerede layout på sideniveau eller på sammensætningsniveau , reagerer. Responsive webkomponenter gør din webside visuelt tiltalende på alle enheder og er nemme at bruge. Du skal bruge responsive iFrame-widgets.

Konfigurer denne egenskab med en af følgende værdier:

  • Sand: Aktiverer widgettens dynamiske indstilling. Som standard reagerer alle widgets baseret på de progressive skærmstørrelser, retning og visningsområder på den anvendte enhed.

  • Falsk: Deaktiverer widgettens dynamiske indstilling. Hvis widgets ikke understøtter visning på forskellige enheder, skal du markere dem som ikke-reagerende.

{ "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" } }], "synlighed": "CALL_GUIDE" },

Widgets, der ikke reagerer, kan ikke sikre den bedste brugeroplevelse og vises ikke i den mindre visning. Agenten skal øge browservinduets størrelse for at få vist widgets, der er konfigureret som ikke-svarer.

side > attributter

Du kan angive webkomponentattributterne i dette afsnit.

"attributter": { "deaktiveret": "falsk", },

side > synlighed

Angiver, om de Cisco-tilbudte widgets, der er tilføjet i det brugerdefinerede layout på sideniveau eller comp-niveau , er synlige eller ej.

Widgets, der tilbydes af Cisco, er Kontakthistorik, Cisco Webex Experience Management, IVR Afskrift, Forhåndsvisning af kampagneopkaldsvejledning og Pop op-skærm.

  • Egenskabsværdierne for synlighed er indbygget og defineret i JSON-standardfilen i skrivebordslayoutet. Administratoren kan ikke ændre egenskabsværdierne for synlighed for widgets, der tilbydes af Cisco.

  • Egenskabsværdien for synlighed NOT_RESPONSIVE udfases. Du kan fortsætte med kun at bruge det til bagudkompatibilitet. Alle værdisæt, som NOT_RESPONSIVE tidligere, kræver ikke ændringer, da funktionaliteten forbliver den samme.

    Hvis du vil indstille en nyoprettet widget som responsiv eller ikke responsiv, skal du bruge egenskaben responsiv . Du kan finde flere oplysninger under Responsiv ejendom.

side > børn

Denne egenskab er kernen i layoutet. I børn Sektion, kan du indlejre så mange niveauer som nødvendigt, hvis den webkomponentbaserede widget giver dig mulighed for at passere underordnede. For at gøre det muligt skal udvikleren programmatisk håndtere Slidset indhold. Du kan finde flere oplysninger under Cisco Webex Contact Center Desktop Developer Guide.

Hvis du vil vide mere om overførsel af STORE-værdier som egenskaber, skal du se Del data fra computer til widgets.

"børn": [{ "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 ved array-sektionen "underordnede" er, at du kan bruge eksisterende webkomponenter i din layoutspecifikation, som allerede er en del af desktop-pakken. Et par af webkomponenterne i desktop-pakken omfatter:

  • agentx-wc-iframe: En widget, der gør det muligt at placere enhver webside i en iFrame som en widget.

  • Dynamisk område: En komponent, der giver dig mulighed for at aktivere træk-og-slip-funktionen for agenter et andet sted end på brugerdefinerede sider. De brugerdefinerede sider kan også have denne funktion, hvis du aktiverer træk-og-slip som standard.

  • Enhver komponent i momentum-ui-web-komponentbiblioteket. Du kan finde flere oplysninger under GitHub. For eksempel:

    • md-faner: Tabs container wrapper

    • md-fane: Enkelt Tab overskrift

    • md-tab-panel: Enkelt Tab indhold

Du kan finde flere oplysninger om attributterne for den vedvarende Tab under Attributter for vedvarende faner.

side > tekstIndhold

Hjælper dig med at tilføje dit tekstindhold.

"textContent": "Mit tekstindhold",

side > stil

Hjælper dig med at tildele en bestemt CSS-stil til din komponent.

"style": { "backgroundColor": "#CBD", "overløb": "scroll" },

side > omvikling

Med widgetindpakning kan du tilføje en værktøjslinje oven på din widget. Værktøjslinjen kan indeholde en titel og ikonet Maksimer, ikon (Maksimer) øverst på widgetten. Når widgetten har optaget en lille plads på siden, giver maksimeringsikonet agenten mulighed for at se widgetten i et fuldt arbejdsområde.

Sørg for, at du bruger standardværdien som "app-maximize-area". I øjeblikket er kun standardværdien tilgængelig.

"wrapper": { "title": My Widget Title ", "maximizeAreaName": "app-maximize-area" }

Side > indpakning>-id

(Valgfrit) Webkomponentwidgetindpakningen gør det muligt at opdatere den dynamiske widgettitel ved hjælp af et entydigt id. Angiv egenskabsværdien for widgetindpaknings-id som unique-id-to-update-title.

"wrapper": { "title": My Widget Title ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" } 

Sørg for, at du bruger det samme unikke id til JavaScript CustomEvent. Du kan finde flere oplysninger i afsnittet Asynkrone hændelser i kapitlet Agentkontaktmodul i Cisco Webex Contact Center Desktop Developer.

Hvis du vil opdatere den iFrame-baserede widgettitel, skal du bruge iFrame-indholdet fra det samme domæne. Følgende er et eksempeleksempel:

< scripttype = "tekst/javascript" > var title = ""; window.addEventListener ("update-title-event", funktion (e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { bobler: true, detail: { title: "new title" } }); window.parent.dispatchEvent(e); }; < /script> < button id = "customEvent" > ny titel < /button> < iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iframe>

side > agentx-wc-iframe

Gør det muligt at integrere en webside i en iFrame, der vises som en widget på skrivebordet. Du kan bruge iFrame-widgetten kaldet "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 > layout

Gør det muligt at arrangere widgets på en side.

Følgende format repræsenterer et gitterlayout:

type Layout = { områder: streng[][]; størrelse: { rækker: nummer []; kol: nummer []; }; };

Her kan du definere gitteret med de områdenavne, som du definerede i widgets-sektionen .

Følgende eksempel viser, hvordan layoutet af tre rækker og tre kolonner er angivet:

"layout": { "områder": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "size": { "cols": [1, 1, 1], "rækker": [1, 1, 1] } }
Lige fordeling af et 3x3-layout
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

I størrelsesafsnittet repræsenterer tal den brøkdel af plads, som en widget kan optage i forhold til de andre widgets. Alle tre kolonner optager lig med 1 brøkdel af rummet. Med 100 % som tilgængelig bredde optager hver widget 33.33 % af vandret plads.

Med samme kolonnebredde
Equal column width layout for Webex Contact Center Desktop layout configuration.

Et andet eksempel på brugstilfælde, hvis du indstiller som "cols": [1, 2, 2], betyder det, at den samlede plads divideres med 5 (1+2+2), og den første widget optager 20 % af den vandrette plads. Den anden og tredje widgets tager 40 % hver. Du kan finde flere oplysninger under Grundlæggende begreber i gitterlayout.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
Efter ændring af kolonnebredden

side > ROD

Indlejring af layouts kaldes et underlayout. Hvis du har indlejrede layout i din layoutkonfiguration, skal du have et enkelt "ROOT"-objekt som overordnet for underlayout. Ellers kan layoutkonfigurationen være flad, hvis der ikke kræves indlejring.

Dette underlayout giver mere kontrol over funktionsmåden for layoutstørrelse. Sidelayoutegenskaben skal være af typen Post<streng, Layout>. Egenskaben layout giver dig mulighed for at arrangere widgets 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": { "areas": [ ["c1", "sub1"], ["c2", "sub2"], ], "size": { "cols": [1, 1], "rows": [1, 1] } }, "sub1": { "areas": [ ["c3", "c4"] ], "size": { "cols": [1, 1], "rows": [1] } }, "sub2": { "areas": [ ["c1"], ["c5"] ], "størrelse": { "cols": [1], "rækker": [1, 1] } } } } }

Denne opsætning opretter et gitter i ROOT-layoutet med to undergitre, som du kan ændre størrelsen på hver for sig.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Underlayoutets udseende

Ændring af størrelsen på en komponent påvirker komponenterne i det pågældende underlayout.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
Efter ændring af størrelse på begge underlayout

Vær opmærksom på følgende tilfælde:

Uendelig løkke: Hvis du inkluderer ROOT-layout som et underlayout af ROOT, forårsager det fejlen "opkaldsstakken overskredet" og løber ind 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.
Underlayout med uendelig løkke

Samme underlayout (N)-tider: Hvis du medtager underlayoutet i gitteret mere end én gang med samme navn, og hvis du ændrer størrelsen på et af dem, ændres størrelsen på alle underlayoutene automatisk.

Hvis dette ikke er den ønskede funktionsmåde, skal du omdøbe hvert af underlayoutene med et entydigt 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.
Underlayout med N-tider

Attributter for vedvarende faner

Hvis du vil indstille fanerne på de brugerdefinerede sider og brugerdefinerede widgets som permanente, skal du angive attributterne for md-faner i det brugerdefinerede layout.

Eksempel: Angiv faner som permanente

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id for alle fanerne sammen i containeren" }, }

Egenskab

Beskrivelse

Fastholdende udvælgelse

At indstille md-faner til at være vedvarende. Standardværdien er sand.

tabs-id

Unik identifikation for alle fanerne sammen i containeren.

Når du indstiller md-faner til at være vedvarende (vedvarende markering: sand), bevarer Agent Desktop Tab-valget, selvom en agent skifter mellem sider eller widgets på skrivebordet.

  • Egenskaben for det permanente valg gælder ikke for fanerne i ruden Ekstra oplysninger og rapportsiden Statistik for agentpræstation, fordi den vedvarende funktionsmåde Tab allerede er angivet på skrivebordet.
  • Valget Tab nulstilles til standard Tab, når du logger af skrivebordet, genindlæser/opdaterer browseren eller rydder browserens cache.

Konfiguration af vedvarende widgets

Du kan konfigurere enhver brugerdefineret widget til at være permanent. Vedvarende widgets vises på alle sider på skrivebordet. Vedvarende widgets vises kun som et nyt Tab i ruden Ekstra oplysninger, når du har en aktiv kontaktanmodning eller samtale. f.eks. . widgetten Eksempel på vedvarende .

Faste widgets vises ikke på siden Home på samme måde, som de vises på de andre sider. Men hvis du har en aktiv interaktion, vises de vedvarende widgets på siden Home som en del af ruden Ekstra oplysninger. Når du f.eks. har besvaret et opkald, vises ruden Interaktionskontrol, og widgetten Eksempel på vedvarende vises som en del af ruden Ekstra oplysninger.

Eksempel:

"area": { "persistent": [{ "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 en widget, kan du vælge en af mulighederne:

  • Vær vært for et program på en webside, der kan integreres i en iframe.

  • Byg en brugerdefineret widget.

Kravene til tekniske widgets er beskrevet i dokumentationen til udvikling afskrivebordswidgets. Som layouteditor skal du sikre dig, at du har disse oplysninger:

  • Hvad hedder det brugerdefinerede HTML-element (også kaldet webkomponent)?

  • Hvad er URL-adressen til den CDN-kilde (Content Delivery Network), der er vært for JavaScript-pakken?

Sidehovedwidgets

Overskriften bruges til at vise indbyggede oplysninger, til at tilføje rullemenuer osv. Da headerobjektbeholderen har begrænset lodret plads, er den samlede headerhøjde kun 64 pixel. Du kan finde flere oplysninger om layoutjustering i afsnittet om layoutegenskaber .

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 føje et værktøjstip til en headerwidget, skal du ombryde komponenten med md-tooltip. Angiv oplysninger om værktøjstip i meddelelsesegenskaben .

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 skal tilføje formatattributter , visning og højde for at konfigurere widgets via iFrame i det widgetområde, der kan tilpasses, i sidehovedet. Den bedst tilpassede værdi for attributten height er 64 pixels.

Sørg for at føje formatattributterne til de eksisterende overskriftswidgets, så de kan indlæses 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; skærm:flex;" } },

Vi anbefaler, at du kun bruger en enkelt række med flere kolonner til overskriften, da overskriftshøjden kun er 64 pixel. Du kan finde flere oplysninger om justeringen i afsnittet om layoutegenskaber .

Rude med yderligere oplysninger

Ruden Ekstra oplysninger på skrivebordet viser fanerne, som omfatter de Cisco-tilbudte (standard) widgets og brugerdefinerede widgets. Følgende widgets, der tilbydes af Cisco, vises på de foruddefinerede faner:

  • Kontakt Historik

  • IVR-transskription

  • Rejsen mod kundeoplevelsen

  • Pop op-vindue på skærm

Du kan bruge ruden Ekstra oplysninger til at:

  • Tilføj faner

  • Ændre rækkefølgen Tab

  • Fjern foruddefinerede faner

  • Markere de brugertilpassede faner som trækbare

  • Føj værktøjstip til de brugertilpassede faner

  • Tilføj indstillingen Nulstil Tab ordre

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" }, "children": [{ "comp": "md-icon", "attributes": { "name": "pop-out_16" } }, { "comp": "span", "textContent": "Screen Pop" } ], "synlighed": "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", "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], "rækker": [1, 1] } } } } }] } ] },

Du kan konfigurere widgetten Kundeoplevelseskampagneforløb, når du har aktiveret Data for styring af kundeoplevelse på Management Portal.

I vinduet Ekstra oplysninger kan du tilføje nye faner for at placere dine tilpassede widgets. Der gælder ingen særlige regler her, og komponentindlejringen er som forventet og beskrevet i børneafsnittet . Du kan finde flere oplysninger i egenskaben Børn for siden.

Følgende er de specifikke eksempler til tilpasning af dine Tab-overskrifter:

Eksempel på placering af ikoner og etiketter i egenskaben 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å placering af billede (med CSS) og etiketter i egenskaben Børn

{ "comp": "md-tab", "attributes": { "slot": "Tab" }, "children": [{ "comp": "span", "attributes": { "style": "align-items: center; display: flex;" }, "children": [{ "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" } ] }], },

Rullelisten Flere faner vises automatisk, når ruden Ekstra oplysninger indeholder flere faner.

Du skal tilføje et brugerdefineret Tab-værktøjstip for at opnå læsbarhed og tilgængelighed. Hvis du vil tilføje et værktøjstip til en brugerdefineret Tab, skal du pakke komponenten ind med md-tooltip. Angiv oplysningerne om værktøjstippet i meddelelsesegenskaben , og anvend værdierne for typografiegenskaben som vist i følgende eksempel.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Tab 1", "style": "max-width: 252px; min-bredde: 110px; overløb: skjult; tekst-overløb: ellipse; hvidt mellemrum: nowrap; skærm: inline-blok; margen-bund: -10px;" },

For en brugerdefineret Tab anbefaler vi en maksimal bredde på 252 pixels og en minimumsbredde på 110 pixels.

Hvis du vil aktivere træk-og-slip-funktionen i den brugerdefinerede Tab, skal du tilføje følgende egenskab under attributterne :

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },
  • trækbar: Angiv egenskabsværdien for trækbart til sand.

  • comp-unique-id: Angiv en entydig værdi for at identificere komponenten.

    Eksempel:

    "comp-unique-id": "eksempel-dynamisk-brugerdefinerede-faner" 

Hvis du aktiverer træk-og-slip for en brugerdefineret Tab, kan agenten trække og slippe Tab til den ønskede position i ruden Ekstra oplysninger. Hvis du vil nulstille fanerne til standardrækkefølgen Tab, skal du tilføje følgende egenskab:

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
  • agentx-wc-flere-handlinger-widget: Angiv den komponent, der vises som Flere handlinger (Ikonet Flere handlinger) i ruden Ekstra oplysninger.

  • slot="settings": Indtast en attribut i komponenten, der vises som indstillingen Nulstil Tab rækkefølgerullelisten Flere handlinger . Agenter kan nulstille fanerne i ruden Ekstra oplysninger til standardrækkefølgen ved at klikke på ikonet Ikonet Flere handlinger > Nulstil Tab ordre.

  • tabs-unique-id: Angiv den samme unikke værdi, der er defineret for egenskaben comp-unique-id , for at tilknytte og nulstille komponenterne i md-tabs .

Følgende eksempelkode bruger funktionerne Flere handlinger og Nulstil Tab rækkefø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 er værktøjstippet, ellipseikonet og Tab order reset for foruddefinerede faner defineret.

Rullelisten Flere handlinger kan udvides til at tilføje yderligere brugerdefinerede komponenter eller widgets efter indstillingen Nulstil Tab rækkefølge . Følgende er et eksempelsæt af typografiegenskabsværdier , der kan anvendes på yderligere komponenter.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-bredde: 110px; overløb: skjult; tekst-overløb: ellipse; hvidt mellemrum: nowrap; skærm: inline-blok; margen-bund: -10px;" },
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

Træk-og-slip-funktionen understøttes ikke for de ekstra brugerdefinerede komponenter eller widgets, der føjes til rullelisten Flere handlinger .

Hovedløse widgets

I den konsolløse sektion kan du tilføje widgets, der er skjult og ikke vises på Agent Desktop. Disse widgets bruges til at udføre logik i baggrunden. Dette afsnit er nyttigt til at udløse hændelser, der forekommer på skrivebordet og udføre widgetspecifik logik. For eksempel åbning af en brugerdefineret CRM Screen Pop for en SMS ved dens 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 desktop til widgets

Hvis du vil modtage realtidsdata via egenskaber eller attributter i en brugerdefineret widget, skal du tildele relevante STORE-værdier i layout-JSON-konfigurationen.

Hvis du vil have adgang til dataene via JavaScript SDK-abonnenter, kan du også videregive dataene via egenskaber eller attributter. Hvis din komponent er bygget til at reagere på egenskabs- eller attributændringer, får du dataopdateringer i realtid fra Agent Desktop, som kaldes en dataprovider.

I øjeblikket har vi en enkelt dataudbyder under en nøgle STORE. Du kan finde flere oplysninger i afsnittet Dataudbyder – widgetegenskaber og attributter i # Cisco Webex Contact Center Desktop Developer Guide.

Se eksempel på kampagneopkald

Administratoren opretter kampagner, konfigurerer opkaldstilstanden (forhåndsversion) og tildeler kampagnerne til teams. Hvis en agent er en del af et team, som kampagner er tildelt til, kan agenten foretage et udgående kampagneopkald. Du kan finde flere oplysninger under Konfigurer kampagnetilstande for udgående stemme i Webex Contact Center.

Administratoren konfigurerer følgende i det brugerdefinerede layout for at aktivere eksempelkampagnekontakt for en agent.

Kampagnekontakt

Administratoren tilføjer widgetten Kampagnekontakt i sidehovedbeholderen i det brugerdefinerede layout. Kampagnekontakten viser kundens kontaktoplysninger baseret på de definerede egenskaber. Du kan finde flere oplysninger om layoutjustering i layoutegenskabsrækken på siden Egenskabsdetaljer .

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" } ] 

Opkaldsguide

Widgetten Opkaldsguide vises i ruden Ekstra oplysninger på skrivebordet. Opkaldsvejledningen viser spørgsmål og svar på kampagneniveau. Agenten bliver bedt om at læse opkaldsvejledningen 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" } } ], "synlighed":"CALL_GUIDE" } ] }
  • Følgende referencer til comp-egenskaber er ændret. AgentX i egenskabsværdien erstattes med Acqueon:
    • agentx-preview-campaign omdøbes til acqueon-preview-campaign
    • agentx-call-guide omdøbes til acqueon-call-guide
  • Du skal hoste Liste- og kampagneadministrator (LCM) på et CDN og derefter angive URL-adressen i scriptegenskaben .

Pop op-vindue på skærm

I skrivebordslayoutet kan du konfigurere Pop op-skærm på en af følgende måder:

  • Som en brugerdefineret side

  • Som et af diverse widgets på den brugerdefinerede side

  • Som Tab i ruden Ekstra oplysninger

Pop op-vinduet vises på skrivebordet baseret på følgende faktorer:

For stemmekanalen:

  • Den konfiguration, der er defineret i skrivebordslayoutet

  • Den Screen Pop-aktivitet, der er defineret i flowdesigneren

For de nye digitale kanaler:

  • Den konfiguration, der er defineret i skrivebordslayoutet

  • Den pop op-node Skærm, der er defineret i Connect Flow Builder

Du kan finde flere oplysninger om konfiguration af Screen pop under Screen Pop.

Konfiguration af Pop op-skærm i navigationslinjen

Du kan konfigurere Pop op-skærm som en brugerdefineret side eller som en af widgets på en brugerdefineret side. Du får adgang til den brugerdefinerede side Pop op-skærm ved at klikke på ikonet Pop op-skærm på navigationslinjen. Hvis du vil have adgang til Screen Pop-widgetten på den brugerdefinerede side, skal du klikke på det brugerdefinerede ikon på navigationslinjen. Du kan finde flere oplysninger om navigationsegenskaber under Navigation (brugerdefinerede sider).

Eksempel: Pop op-skærm som en brugerdefineret 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: Pop op-skærm som widget på den tilpassede side

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

Hvis Pop op-skærm ikke er konfigureret i flowdesigneren, vises den brugerdefinerede side som tom. Du kan finde flere oplysninger om konfiguration af Screen Pop i flowdesigneren under Screen Pop.

Konfiguration af Screen Pop i ruden Ekstra oplysninger

Du kan konfigurere Pop op-vindue, så det vises som et Tab i vinduet Ekstra oplysninger.

Som standard vises Screen Pop som en ny sub Tab i Pop op-skærmTab i ruden Ekstra oplysninger, hvis Screen Pop er konfigureret til at blive vist som Inside Desktop i flowdesigneren.

Tilføj følgende attribut i panelsektionen for at inkludere Screen Pop som Tab i ruden Ekstra oplysninger. Du kan finde flere oplysninger om paneldetaljer under Ruden Ekstra oplysninger.

Eksempel: Pop op-skærm som et Tab i ruden Ekstra oplysninger

 { "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" } ], }

Den indstilling for skærmpop-visning, der er defineret i flowdesigneren, har forrang for den konfiguration, der er defineret i skrivebordslayoutet.

Overvej f.eks., at du har konfigureret følgende indstillinger for Pop op-skærm:

  • Flowdesigner – Vis indstillinger som I den nye browser Tab
  • Skrivebordslayout – Som Tab i ruden Ekstra oplysninger

Når den begivenhed, som screen pop er konfigureret til, opstår, vises Screen Pop uden for skrivebordet - det vil sige i en ny browser Tab.

Eksempler på eksempler på brugseksempler

De følgende afsnit indeholder et par eksempler til din reference:

Konfigurer og få adgang til widgetten Målepunkter for kundeoplevelsesstyring fra navigationslinjen

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, skal du se dokumentationen # Webex Experience Management .

Brug af faner på den brugerdefinerede side

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] } } } }

Ruden Ekstra standardoplysninger med Kontakthistorik og Pop op-skærm

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" }, { "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" } }], "synlighed": "SCREEN_POP" } },

Ruden Ekstra oplysninger med widgetten Kundeoplevelsesforløb

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

Lokalisering

Computerbrugergrænsefladen understøtter lokalisering på 29 sprog.

Følgende sprog understøttes:

Bulgarsk, catalansk, kinesisk (Kina), kinesisk (Taiwan), kroatisk, tjekkisk, dansk, hollandsk, engelsk (Storbritannien), engelsk (USA), finsk, fransk, tysk, ungarsk, italiensk, japansk, koreansk, norsk, polsk, portugisisk (Brasilien), portugisisk (Portugal), rumænsk, russisk, serbisk, slovakisk, slovensk, spansk, svensk og tyrkisk.

Sproget i Desktop UI er baseret på sprogindstillingerne i din browser. Lad os f.eks. antage, at du har valgt fransk som foretrukket sprog i Firefox-browseren. Når du starter skrivebordet i Firefox-browseren, vises desktop-brugergrænsefladen på Français (fransk). Den vandrette overskrift, navigationslinjen og andre komponenter, der tilføjes i skrivebordslayoutet, er dog ikke lokaliseret baseret på sprogindstillingerne i din browser.

Lokaliser stationære komponenter

For at lokalisere skrivebordskomponenter,

  • Brug de eksisterende lokaliseringsnøgler, der er angivet i app.json filen. Hvis lokaliseringstasterne ikke er angivet, bruges standardsproget engelsk (USA). Du kan sende en serviceanmodning til Cisco Support for at få føjet en lokaliseringsnøgle til app.json filen.

    Eksempel: Lokaliseringsnøgle

    { "common": { "buttonTitle": "Stop Timer" } }
  • Angiv følgende egenskab, hvor der skelnes mellem store og små bogstaver i JSON-filen til skrivebordslayout for at lokalisere en komponent:

    "textContent": "$I 18N.<nøgle>", 

    hvor <nøgle> henviser til den tilsvarende lokaliseringsnøgle i app.json filen.

Eksempel: Lokaliser headerkomponent

"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 komponenten Tab i ruden Ekstra oplysninger

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