V tem članku
Pregled
dropdown icon
Lastnosti najvišje ravni postavitve JSON
    AppTitle
    logotip
    NalogPageIlustracija
    StopNavigateOnAcceptTask
    DragDropOmogočeno
    Časovnik za obveščanje
    Največje število obvestil
    BrskalnikNotificationTimer
    WXMKonfigurirano
    Namizna aplikacijaAplikacija za klepet
    NaslovUdejanja
    območje
    Napredna glava
dropdown icon
Domača stran
    Konfiguracija postavitve domače strani
dropdown icon
Navigacija (strani po meri)
    Atributi za trajne zavihke
Konfiguracija trajnih pripomočkov
Pripomočki za glavo
Podokno za pomožne informacije
Pripomočki brez glave
Skupna raba podatkov iz namizja v pripomočke
Predogled klica kampanje
Pop zaslon
Primeri primerov uporabe
Lokalizacija

Ustvarite postavitev namizja po meri

list-menuV tem članku
list-menuPovratne informacije?

Ta članek pomaga pri ustvarjanju postavitve po meri z urejanjem datoteke JSON in ponuja vzorčne primere uporabe, ki vam pomagajo začeti s pripomočki, kot sta pripomoček Customer Experience Management Metrics in pripomoček Customer Experience Journey. Če želite učinkovito delati s postavitvami namizja po meri, morate dobro razumeti strukturo HTML, model drevesa dokumentov v brskalniku in obliko JSON.

Pregled

Funkcija Postavitev namizja vam omogoča, da namizje Webex Contact Center konfigurirate glede na vaše poslovne zahteve. Prilagodite lahko elemente, kot so logotip, naslov in pripomočki. Ustvarite lahko postavitev namizja in jo dodelite skupini. Ta postavitev ustvari izkušnjo agenta na namizju za vse agente, ki se vpišejo kot del te ekipe.

Obstajata dve vrsti postavitev:

  • Globalna postavitev: Ta postavitev je sistemsko ustvarjena postavitev, ki je privzeto dodeljena, ko ustvarite skupino. Če želite več informacij, glejte U pravljanje skupin. Ko ustvarite skupino, se Globalna postavitev samodejno nast avi kot namizna postavitev skupine. Te postavitve ne morete izbrisati.

  • Postavitev po meri: postavitev, ki zagotavlja prilagojeno izkušnjo namizja. Ustvarite lahko postavitev po meri za eno ali več ekip.

Če dodelite novo postavitev namizja, ko je agent prijavljen, mora agent ponovno nalož iti stran, da si prikaže novo postavitev.

Namizje Webex Contact Center podpira tri osebe:

  • zastopnik

  • Nadzornik

  • Nadzornik in zastopnik

Datoteka postavitve JSON ima ločene odseke za vsako osebo. Skrbnik mora konfigurirati nastavitve za vsako osebo v ustreznem razdelku datoteke postavitve JSON. Če želite več informacij o vzorčni datoteki postavitve JSON, glejte Lastnosti postavitve na najvišji ravni JSON.

Ko Cisco doda novo funkcijo v postavitev namizja, se nespremenjena postavitev samodejno posodobi z novimi funkcijami. Posodobljena postavitev namizja je samodej no na voljo obstoječim skupinam, ki uporabljajo nespremenjeno postavitev namizja. Uporabniki namizja, ki uporabljajo nespremenjeno postavitev namizja, prejmejo nove funkcije, ki temeljijo na postavitvi, ko se vpišejo ali ponovno naložijo brskalnik.

Če uporabljate datoteko Def ault Desktop Layout.json brez kakršnih koli sprememb, se šteje za nespremenjeno postavitev. Če pa prenesete datoteko Def ault Desktop Layout.json in jo znova naložite , se šteje za spremenjeno postavitev, tudi če vsebina datoteke ali ime datoteke nista spremenjena.

Za skupine, ki uporabljajo postavitev namizja po meri, morajo skrbniki občasno osvežiti definicijo postavitve, da bodo vključile nove funkcije. Ko si skrbniki ogledajo nespremenjeno postavitev ali skupino, ki uporablja nespremenjeno postavitev, se prikaže sporočilo, da so nove funkcije namizja samodejno uporabljene.

Na namizju obstajata dve vrsti pripomočkov — na osnovi iframe in spletnih komponent. Glava, navigacija (stran po meri), obstojno območje, območje brez glave in pomožna plošča so prilagodljivo območje na namizju. To niso pripomočki.

Naslednji seznam podrobno opisuje presledke, ki jih lahko konfigurirate. Slike ponazarjajo postavitev namizja:

  1. Območje naslova in logotipa: Ta prostor prikazuje logotip in ime Webex Contact Center (privzeto) v zgornjem levem kotu zaslona.

  2. Območje vodorav ne glave: Ta prostor ima nastavljivo območje, ki je napolnjeno s pripomočki po meri. Ti pripomočki lahko prikazujejo na primer vgrajene informacije in spustne menije. Ker je višina te glave le 64 slikovnih pik, višina pripomočka ne more prečkati višine glave.

  3. Območje delovnega prostora: ta prostor se spreminja glede na izbiro v navigacijski vrstici ali ko agent komunicira s strankami. Ko agent kliče, se na tem območju prikaže podokno za nadzor interakcije in pomožne informacije (ki vključuje pripomočke po meri in trajne pripomočke). Ko agent komunicira prek e-pošte, klepeta ali družabnih kanalov, to območje prikaže območje delovnega prostora in podokno pomožnih informacij (ki vključuje območje trajnega pripomočka).

    Stran po meri se prikaže v namiznem vmesniku v podoknu delovnega prostora. Do strani po meri lahko dostopate prek ikon v navigacijski vrstici. Vsaka stran po meri lahko vsebuje enega ali več pripomočkov po meri.

    Custom Widget je aplikacija tretje osebe, ki je konfigurirana v postavitvi JSON. Pripomoček po meri lahko postavite na stran po meri, zavihek po meri (podokno Pomožne informacije) ali na vodoravno glavo namizja.

  4. Območje vr stice za krmarjenje: uporabite ta prostor za dodajanje elementov krmarjenja za dostop do strani po meri.

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.
Vzorčni uporabniški vmesnik namizja za glas
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.
Vzorčni uporabniški vmesnik namizja za nove digitalne kanale

Lastnosti najvišje ravni postavitve JSON

Vloge

Privzeta postavitev JSON ima naslednje tri vloge.

  • Agent — nastavite postavitev namizja, ki bo prikazana, ko se agent prijavi v namizje Webex Contact Center za upravljanje dejavnosti agenta.

  • Nadzornik — nastavite postavitev namizja, ki bo prikazana, ko se nadzornik prijavi v namizje Webex Contact Center za upravljanje samo zmogljivosti nadzornika.

    Ko se nadzornik prijavi na namizje, se uporabi postavitev namizja, ki je določena za primarno ekipo. Če ne zagotovite primarne ekipe, velja globalna postavitev. Privzeto so poročila APS onemogočena.

  • Supervisoragent — nastavite postavitev namizja, ki bo prikazana, ko se nadzornik prijavi v namizje Webex Contact Center za upravljanje zmogljivosti nadzornika in dejavnosti agenta.

Dodate ali spremenite pripomočke za vsako vlogo v ustrezni osebi ustrezne datoteke postavitve JSON.

Sledijo lastnosti najvišje ravni postavitve JSON glede na vlogo:

{
    "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": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    },
    "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": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            },
            "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": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    }
},
  • Spremembe lastnosti postavitve JSON začnejo veljati, ko je brskalnik namizja osvežen.
  • Če funkcija, ki ste jo omogočili v postavitvi JSON, ni na voljo na namizju, se obrnite na podporo Cisco, da jo omogočite.
  • Vse lastnosti v postavitvi JSON so občutljive na velike in male črke.

AppTitle

Če želite določiti naslov v vodoravni glavi namizja. Privzeti naslov je Webex Contact Center.

Primer:

"appTitle": "Webex Contact Center"

Privzeti AppTitle se spremeni iz Contact Center Desktop v Webex Contact Center. Ne vpliva na obstoječe postavitve po meri, ki uporabljajo stari privzeti AppTitle (namizje kontaktnega centra). Če želite uporabiti nov AppTitle, morate spremeniti postavitev po meri. Vendar nova globalna postavitev uporablja privzeti AppTitle kot Webex Contact Center.

Naslov je lahko besedilo, slika ali prazen niz. Besedilo naslova se prikaže v dveh vrsticah. Če besedilo sega čez drugo vrstico, se prikaže ikona elipse, v nasvetu pa se prikaže celoten naslov. Slogov ni mogoče uporabiti za naslov.

Uporabite lahko podatkovne URI (Uniform Resource Identifier) ali gostite sliko naslova po meri v omrežju za dostavo vsebine (CDN), zbirki storitve Simple Storage Service (S3) Amazon Web Services (AWS) ali podobni storitvi gostovanja, nato pa določite URL gostovane slike. Podprti formati naslovnih slik so PNG, JPG, JPEG, GIF, SVG in WebP. Podprta velikost naslovne slike je 184 x 32 slikovnih pik (širina x višina).

logotip

Če želite določiti URL za logotip podjetja. Če URL-ja ne navedete, se privzeto prikaže logotip Webex Contact Center.

Primer:

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

Sliko logotipa po meri lahko gostite v zbirki CDN, Amazon Web Services (AWS) Simple Storage Service (S3) ali podobni storitvi gostovanja, nato pa določite URL gostujoče slike. Podprti formati slik logotipa so PNG, JPG, JPEG, GIF, SVG in WebP. Podprta velikost slike logotipa je 96 x 32 slikovnih pik (širina x višina).

Tabela 1. Prikaz matrice za AppTitle in logotip Na podlagi konfiguracije postavitve namizja
Stanje Primer AppTitle logotip
Če AppTitle in logotip nista konfigurirana
"appTitle": "",
  "logo": "",
Brez naslova Privzeti logotip
Če sta konfigurirana AppTitle in logotip
"appTitle": "ABC Company",
  "logo": "https://my-cdn.com/abclogo.png",
Konfigurirano besedilo Konfiguriran logotip
Če je AppTitle konfiguriran in logotip ni konfiguriran
"appTitle": "ABC Company",
  "logo": "",
Konfigurirano besedilo Privzeti logotip

Če AppTitle ni konfiguriran in je logotip konfiguriran

"appTitle": "",
  "logo": "https://my-cdn.com/abclogo.png",
Brez naslova Konfiguriran logotip
Če je AppTitle konfiguriran in logotip ni prednosten
"appTitle": "ABC Company",
  "logo": "no-logo",
Konfigurirano besedilo Brez logotipa

Če AppTitle ni konfiguriran in logotip ni prednosten

"appTitle": "",
  "logo": "no-logo",
Brez naslova Brez logotipa
Če je AppTitle dodan kot slika in logotip je konfiguriran
"appTitle": "https://my-cdn.com/abccompanylogo.png ",
  "logo": "https://my-cdn.com/abclogo.png",
Konfigurirana slika Konfiguriran logotip

Če je AppTitle dodan kot slika in logotip ni konfiguriran

"appTitle": "https://my-cdn.com/abccompanylogo.png ",
  "logo": "",
Konfigurirana slika Privzeti logotip

Če je AppTitle dodan kot slika in logotip ni prednosten

"appTitle": "https://my-cdn.com/abccompanylogo.png ",
  "logo": "no-logo",
Konfigurirana slika Brez logotipa
  • Velikost slike po meri se prilagodi glede na razmerje stranic. Besed ilo naslova po meri, ki je bilo konfigurirano prej, se lahko zdaj prikaže v dveh vrsticah na namizju. Da bi se temu izognili, lahko spremenite besedilo naslova po meri.
  • Če naslov in logotip nista konfigurirana v vodoravni glavi namizja, ta prostor uporabijo pripomočki za glavo. Pripomočki za glavo morajo biti pravilno konfigurirani, da uporabljajo prostor naslova in logotipa.
  • Naslov in logotip skupaj ne moreta presegati največje širine 304 slikovnih pik (vključno z oblazinjenjem). Če je širina logotipa manjša od 96 slikovnih pik, lahko za naslov uporabite preostalo širino.
  • Če je velikost slike po meri večja od podprte velikosti, se velikost slike prilagodi glede na razmerje stranic v vodoravni glavi. Če je velikost slike po meri manjša od podprte velikosti, se dejanska velikost slike ohrani v vodoravni glavi.

NalogPageIlustracija

Za določitev ilustracije po meri za stran opravila na podlagi nastavitev organizacije in usklajevanja blagovne znamke. Ko se agent prijavi, se na strani opravila prikaže konfigurirana ilustracija kot ozadje. Privzeto se stran opravila prikaže brez ilustracije.

Primer:

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

Uporabite lahko podatkovne URI-je ali gostite ilustracijo po meri v omrežju za dostavo vsebine (CDN), aplikaciji Amazon Web Services (AWS) Simple Storage Service (S3) ali podobni storitvi gostovanja, nato pa določite URL gostujoče ilustracije. Ilustracijo lahko konfigurirate na globalni ali skupinski ravni glede na definicijo postavitve. Poskrbite, da nastavite pravilen URL, da preprečite prikaz pokvarjene slike na namizju.

Podprti formati ilustracij strani opravil so PNG, JPG, JPEG, GIF, SVG in WebP. Priporočena velikost ilustracije je 400 x 400 slikovnih pik (širina x višina). Če je velikost ilustracije po meri večja od priporočene velikosti, se velikost ilustracije prilagodi glede na razmerje stranic na strani opravila. Če je velikost ilustracije po meri manjša od priporočene velikosti, se dejanska velikost ilustracije ohrani na strani opravila.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Vzorčni primer za ilustracijo po meri, ki ohranja dejansko velikost
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Vzorec za ilustracijo po meri, prilagojeno glede na razmerje stranic

StopNavigateOnAcceptTask

Če želite ugotoviti, ali je treba fokus preusmeriti na novo sprejeto nalogo, ko agent sprejme novo nalogo med delom na prejšnji nalogi. Privzeta vrednost je nap ačna.

Primer:

"stopNavigateOnAcceptTask": false

Če je vrednost nastavljena kot resni čna, ko uporabnik sprejme novo opravilo na namizju, se fokus ohrani na prejšnje opravilo in se ne premakne na novo sprejeto opravilo. Ta nastavitev preprečuje, da bi uporabnik izgubil kakršne koli podatke, ko sprejme novo zahtevo.

Upoštevajte na primer, da je agent 1 v klepetu s stranko 1 in hkrati glasovni klic s stranko 2. Med glasovnim klicem agent 1 posodablja podrobnosti stranke 2 v podoknu Nadzor interakcije. Trenutno ima agent 1 dve aktivni opravili v podoknu Seznam opravil, poudarek pa je na podoknu Nadzor interakcije. Ko agent 1 sprejme novo zahtevo za klepet stranke 3, ostaja poudarek na podoknu Nadzor interakcije s stranko 2 in se ne premakne na novo sprejeto zahtevo za klepet.

Če želite ohraniti fokus na prejšnjem opravilu in se ne premakniti na novo sprejeto opravilo, izberite postavitev po meri z vrednostjo lastnosti stopNavigateOnAcceptTask nastavljeno na true.

Če vrednost lastnosti S topNavigateOnAcceptTask ni vnesena v postavitev JSON, namizje premakne fokus na novo sprejeto opravilo. Obnašanje je podobno, ko je vrednost lastnosti stopNavigateOnAcceptTask nastavljena na false.

  • Nastavitev velja za vsa opravila (glasovni in digitalni kanali), ki se izvajajo na namizju, kot so sprejemanje opravila, konference, posvetovanje ali prenos, ter za zunanje klice, klice odhodnih oglaševalskih akcij, samodejno zaključevanje itd.
  • Nastavitev ne velja, če je uporabnik namizja na domači strani in v podoknu Seznam opravil ni aktivnega opravila. V takem primeru, ko je nova naloga sprejeta, se fokus premakne z domače strani na novo sprejeto nalogo.

DragDropOklopljeno

Če želite omogočiti povlečenje in spusti ter spreminjanje velikosti pripomočkov na straneh po meri, nastavite vrednost na resnično. Privzeta vrednost je nap ačna.

Primer:

"dragDropEnabled": false

Če želite več informacij o omogočanju funkcije povlečenja in spusti za zavihke v podoknu Pomožne informacije, glejte Podokno pomo žnih informacij.

Časovnik za obveščanje

Če želite nastaviti trajanje (v sekundah), po katerem se obvestila namizja na namizju samodejno zavrnejo. Obvestilo se prikaže v zgornjem desnem kotu namizja. Privzeta vrednost časovne omejitve je 8 sekund. Veljavni razpon za vrednosti časovne omejitve je 1-10 sekund. Da bi spremembe časovne omejitve začele veljati, je treba brskalnik po spremembah osvežiti.

Primer:

"notificationTimer": 8

Največje število obvestil

Če želite nastaviti število obvestil namizja, ki bodo hkrati prikazana na namizju. Privzeta vrednost je 3. Obseg obvestil za namizje je 1-10. Obvestila namizja so zložena. Če je obvestil veliko, se prikažejo z rahlo zamudo, odvisno od nastavitev NotificationTimer.

Primer:

"maximumNotificationCount": 3

BrskalnikNotificationTimer

Če želite nastaviti trajanje (v sekundah), po katerem se obvestila za opekač brskalnika na namizju samodejno zavrnejo. Toaster je izvorno obvestilo brskalnika, ki se prikaže le, če namizje ni aktivno okno ali zavihek brskalnika. Okno ali zavihek brskalnika Namizje ni aktiven, ko

  • Delate na drugih oknih ali zavihkih brskalnika.

  • Delate na drugih aplikacijah.

  • Zmanjšali ste okno brskalnika Namizje.

Obvestilo se prikaže v zgornjem desnem kotu namizja. Privzeta vrednost časovne omejitve je 8 sekund. Priporočeno območje za časovne omejitve je 5-15 sekund. Da bi spremembe časovne omejitve začele veljati, je treba brskalnik po spremembah osvežiti.

Primer:

"browserNotificationTimer": 8

Konfigurirani časovni omejitev za obvestila brskalnika je odvisen od operacijskega sistema in nastavitev brskalnika. Vrednost časovne omejitve je spoštovana v brskalniku Chrome v operacijskem sistemu Windows, Chrome OS in macOS. Vendar drugi podprti brskalniki ne upoštevajo dosledno konfigurirane vrednosti omejitve obvestil.

WXMKonfigurirano

(Neobvezno) Če želite konfiguriratiWebex Experience Management, nastavite vrednost na true. Privzeta vrednost je nap ačna.

Primer:

"wxmConfigured": true

Namizna aplikacijaAplikacija za klepet

Konfiguriranje več aplikacij za klepet, ki jih ponuja Cisco, kot je aplikacija Webex.

WebXKonfigurirano

Aplikacijo Webex skupaj s funkcijami za sporočanje in srečanja lahko konfigurirate znotraj namizja. Ta konfiguracija omogoča agentom sodelovanje z drugimi agenti, nadzorniki in strokovnjaki za temo (MSP) v njihovi organizaciji, ne da bi se odmaknili od namizja.

Če želite konfigurirati aplikacijo Webex v namizju:

  • Ko dodaj Cisco Webex Control Hub ate storitve za uporabnika, potrdite polje Napredno sporoč anje (Uporabniki > U pravl janje uporab nikov > Stor itve > S poročila). Če želite več informacij, glejte U pravljanje uporabniških računov v U Cisco Webex pravljanju spletnih mest.

  • V postavitvi namizja po meri nastavite vrednost lastnosti WebExCon figure na true.

    Primer:

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

    Privzeta vrednost lastnosti WebExConfigure je nap ačna.

    Aplikacija Webex je za vloge agenta, nadzornika in nadzornika na voljo le, če nastavite vrednost lastnosti WebExConfigure na true za vsako od teh vlog. Agent, nadzornik ali SupervisorAgent se ne morejo odjaviti iz aplikacije Webex.

    Če želite prikazati ikono Webex ikona (Webex) na vodoravni glavi namizja, vnesite vrednost webex v lastnost HeaderActions. Če želite več informacij, glejte HeaderActions.

    Če želite omogočiti aplikacijo Webex za določeno skupino, izberite postavitev po meri z vrednostjo lastnosti WebExConfigure nastavljeno na true. Če želite več informacij, glejte Ustvarjanje skupine.

Aplikacijo Webex lahko konfigurirate tudi v podoknu Pomožne informacije, strani po meri in pripomočku po meri. Če želite več informacij, glejte Po dokno pomožnih informacij.

Obvestilo o aplikaciji Webex

Vrednosti, ki so določene z lastnostmi NotificationTimer in BrowserNotificationTimer za časovnik obvestil, vel jajo za aplikacijo Webex. Privzeta vrednost časovne omejitve je za te lastnosti 8 sekund. Če želite več informacij, glejte NotificationTimer in BrowserNotificationTimer.

NaslovUdejanja

Če želite spremeniti vrstni red ikon na vodoravni glavi namizja. Privzeti vrstni red je naslednji:

  1. Webex ikona(Webex)

  2. Uporabite telefon za zvočni indikator(Zunanji klic)

  3. Ikona obvestila.(Center za obveščanje)

Nastavite vrednost lastnosti HeaderActions na naslednji način:

Ime ikone

HeaderVrednost lastnosti HeaderActions

Aplikacija Webex

webex

Zunanji klic

zunanji

Center za obveščanje

obvestilo

Primer:

»headerActions«: ["webex«, »outdial«, »obvestilo"],

Vrednost lastnosti HeaderActions je občut ljiva na velike in velike črke.

Če želite spremeniti privzeti vrstni red ikon, ustrezno vnesite last nost HeaderActions in vrednosti v postavitvi po meri.

Primer:

»headerActions«: ["obvestilo«, »outdial«, »webex"],
  • Če lastnosti in vrednosti Header Actions ne vnesete v postavitev po meri, se ikone prikažejo v privzetem vrstnem redu.
  • Če želite odstraniti ikone glave in povezane funkcije iz namizja, nastavite prazno vrednost za lastnost HeaderAc tions (»header Actions«: []). Če pa ste aplikacijo Webex dodali v podokno Pomožne informacije ali stran po meri ali kot pripomoček po meri, lahko agent še vedno dostopa do aplikacije Webex, čeprav aplikacija Webex ni na voljo v vodoravni glavi namizja.
  • Če je vrednost lastnosti WebExCon figure nastavljena kot napačna , se ikona aplikacije Webex ne prikaže na vodoravni glavi namizja, tudi če je vrednost webexa dodana v lastnost HeaderActions. Za več informacij glejte WebExConfigure.

območje

Lastnost območ ja je osrednji del postavitve namizja. Postavitev lahko določite glede na območje.

"area": {
    "header": {
        ...
    },
    "advancedHeader: {
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
    },
    "panel": {
        ...
    },
    "navigation": {
        ...
    },
    "persistent": {
        ...
    },
    "headless": {
        ...
    }
},

Konfigurirate lahko naslednje predmete območ ja:

  • Plošča: predstavlja drugo ploščo ali najbolj desno ploščo v podoknu Pomožne informacije.

  • Navigacija: predstavlja strani po meri in njihove navigacijske elemente, ki so povezani s stranmi.

  • Obstojno: predstavlja pripomočke na ravni strani, ki so obstojni in so prikazani na vseh straneh namizja.

  • Brez glave: predstavlja pripomočke, ki nimajo vizualnega vmesnika, vendar izvajajo logiko v ozadju.

Če je lastnost AdvancedHeader konfigurirana, je treba odstraniti lastnosti glave in HeaderActions.

Napredna glava

Za prilagoditev vidnosti in spreminjanje vrstnega reda ikon na vodoravni glavi namizja. Privzeti vrstni red je naslednji:

  1. Webex ikona(Webex)

  2. Uporabite telefon za zvočni indikator(Zunanji klic)

  3. Ikona obvestila.(Center za obveščanje)

  4. Izbirnik stanja agenta Webex kontaktnega centra.(Izbirnik stanja agenta)

Nastavite vrednost lastnosti AdvancedHeader na naslednji način:

Ime ikone

HeaderVrednost lastnosti HeaderActions

Aplikacija Webex

agentx-webex

Zunanji klic

agentx-outdial

Center za obveščanje

agentx-obvestilo

Izbirnik stanja agenta

agentx-state selektor

Primer:

"advancedHeader": [
        {
          "comp": "agentx-webex"
        },
        {
          "comp": "agentx-outdial"
        },
        {
          "comp": "agentx-notification"
        },
        {
          "comp": "agentx-state-selector"
        }
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
      ]

Vrednost lastnosti AdvancedHeader je občutljiva na velike in velike črke.

Če želite spremeniti privzeti vrstni red ikon, ustrezno vnesite lastnost AdvancedHeader in vrednosti v postavitvi po meri.

Pripomočki tečejo v spustni meni od leve proti desni.

  • Če lastnosti AdvancedHeader ne vnesete v postavitev po meri, se prikaže privzeta glava.

  • Ko je napredna glava omogočena, premaknite pripomočke iz obstoječe glave v napredno glavo, kot je prikazano v primeru.

  • Ko je napredna glava omogočena, stara glava ne bo prikazana.

  • Vsaka ikona pripomočka ima privzeto oblazinjenje in rob, ki je definiran s CSS in jih ni mogoče prilagoditi prek namizja.

  • Lokacija logotipa, naslova in ikon profila je fiksna in jih ni mogoče prilagoditi.

  • Če želite odstraniti ikone glave in povezane funkcije iz namizja, nastavite prazno vrednost za povezano komponento v lastnosti AdvancedHeader (»AdvancedHeader«: []).

    Če ste aplikacijo Webex dodali v podokno Pomožne informacije ali stran po meri ali kot pripomoček po meri, lahko agent še vedno dostopa do aplikacije Webex, čeprav aplikacija Webex ni na voljo v vodoravni glavi namizja.

  • Če dodate pripomoček z dolgo oznako, se prikaže skrajšano ime nalepke glede na razpoložljiv prostor.

    Za dodajanje oznake v pripomoček lahko uporabite atribut textContent.

    Primer:

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

    Oznaka »Count Down Timer for Current Shift« bo skrajšana in prikazana glede na razpoložljiv prostor.

    • Izogibajte se dodajanju pripomočkov z dolgo oznako.

    • Ko pripomoček preide v spustni meni, je mogoče klikniti samo ikono pripomočka.

  • Če je vrednost lastnosti WebExCon figure nastavljena kot napačna, se ikona aplikacije Webex ne prikaže na vodoravni glavi namizja, tudi če je vrednost webexa dodana v lastnost AdvancedHeader. Za več informacij glejte WebExConfigure.

Domača stran

Ko se prijavite na namizje, pristanete na domači strani.

Domača stran velja samo za nadzornike in osebo SupervisorAgent.

Naslednje pripomočke si lahko ogledate na domači strani. Pripomočki za analizator so privzeto na voljo, skrbnik pa lahko konfigurira tudi trajne pripomočke in pripomočke po meri. Če želite več informacij, glejte Lastnosti najvišje ravni postavitve JSON.

Pripomočki za analizator

Pripomoček Analyzer se privzeto prikaže na domači strani namizja.

Konfiguracija postavitve domače strani

Domačo stran namizja lahko konfigurirate tako, da prikazuje postavitev, ki temelji na nastavitvah organizacije in usklajevanju blagovne znamke. Uredite polje Domača stran, da konfigurirate domačo stran. Nastavite lahko naslednje komponente, ki bodo prikazane na domači strani, ko se uporabnik prijavi na namizje:

  • Sporočilo dobrodošlice

  • Ikona opravila v vrstici za krmarjenje za pomikanje do podokna opravila. Ikona opra vila se prikaže za vlogo nadzornika in nadzornika in agenta z omogočeno funkcijo spremljanja klicev. Podokno opravil prikazuje dohodne zahteve strank, aktivne in pretekle interakcije s strankami ter aktivne zahteve za spremljanje.

  • Filtrirajte razdelke, kot so ime čak alne vrste, vrsta kanala in Upravl jane eki pe.

V spodnji tabeli so opisane lastnosti strani, ki so potrebne za konfiguriranje domače strani:

Tabela 2. Dinamična postavitev domače strani — Lastnosti strani

Nepremičnine

Opis in koda

stran > UseFlexLayout

Flex postavitev je nova spletna komponenta. Ne spremeni obstoječih pripomočkov. Nova prilagodljiva postavitev uporablja enako obliko konfiguracije postavitve na poenostavljen način. Je vzvratno združljiv in ne vpliva na obstoječe pripomočke. Konfigurirati morate postavitev JSON. Če želite konfigurirati postavitev JSON, navedite višino in širino pripomočka. Pripomoček je prikazan v istem zaporedju, kot je konfiguriran znotraj postavitve JSON. Pripomočki imajo privzeto rob 8 px.

Postavitev JSON temelji na dimenzijah (širina x višina) in koordinatah (X, Y in Z) pripomočkov.

Prilagodljiva postavitev podpira zmogljivosti, kot so spreminjanje velikosti posameznega pripomočka, povečanje pripomočkov itd.

Višina posameznih pripomočkov se meri v slikovnih pik. 1 enota višine = 40 slikovnih pik. Širina pripomočka je odvisna od števila stolpcev v vsebniku in števila stolpcev, ki se spreminjajo glede na širino vsebnika.

Pripomočki so prikazani od leve proti desni. Napredni mehanizem postavitve uporablja logiko po meri za uporabo horizontalne in navpične prilagoditve prostora pripomočkov. Sprva se postavitev naloži vodoravno. Po vodoravnem nalaganju se pripomoček naloži navpično in zagotavlja optimalno izkoriščanje prostora.

Konfigurirajte pripomočke glede na velikost zaslona. Širino pripomočkov lahko povečate ali zmanjšate glede na velikost zaslona. Zaradi tega so pripomočki bolj berljivi in uporabni.

Flex postavitev zagotavlja standardne prelomne točke, kot so velike, srednje, majhne in izjemno majhne.

  • Veliki pripomočki imajo ločljivost 1360 px ali več. Za velike pripomočke določite vrednost stolpca kot 12.

  • Srednji pripomočki imajo ločljivost od 1070 px do 1360 px. Za srednje velike pripomočke določite vrednost stolpca kot 10.

  • Majhni pripomočki imajo ločljivost od 850 px do 1070 px. Za majhne pripomočke določite vrednost stolpca kot 6.

  • Izredno majhni pripomočki imajo ločljivost 500 px. Za dodatne majhne pripomočke določite vrednost stolpca kot 4.

Te slikovne pike se lahko razlikujejo glede na operacijski sistem in broswer.

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

stran > comp

Zagotovite si edinstveno komponento po meri.

"comp": "page-title",

Kompon enta naslova strani predstavlja naslov 2. stopnje element <h2>a HTML po meri.

stran > PageHeader

Prepričajte se, da določite naslovni niz, ki je lahko statičen, dinamičen ali oboje.

Kompon enta naslova strani predstavlja naslov 2. stopnje <h2>v elementu HTML po meri.

  • Statični niz: Na primer, Hej, Dobrodošli!

    "comp": "page-title",
    "attributes": {
        "pageTitle": "Hey, Welcome!"
    }
  • Dinamični niz: Za pridobitev vrednosti iz TRGOV INE. Na primer Jane Doe.

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

  • Oboje: Kombinacija statičnih in dinamičnih nizov. Na primer, Hej Jane Doe, Dobrodošli!

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

    Dinamični del niza morate priložiti znotraj zaprtih kodrastih oklepajev {} in predpono s strukturo $.

stran > PageSubheader

Poskrbite, da dodate podglavo, ki se prikaže na namizju. Uporabnik lahko do da Go to Analyzer v podglavi.

  • Kodni blok za podglavo

    "useFlexLayout": true,
              "pageSubHeader": {
                "comp": "div",
                "attributes": {
                  "style": "display: flex; float:right;margin:16px 0px 16px 16px"
                },
                "children": [
                  {
                    "comp": "div",
                    "children": [
                      {
                        "comp": "md-label",
                        "textContent": "$I18N.pageSubHeader.queueName",
                        "attributes": {
                          "style": "margin-bottom:8px;"
                        }
  • Blok kode za Go to Analyzer v podglavi

    {
                    "comp": "div",
                    "children": [
                      {
                        "comp": "agentx-more-actions-wrapper",
                        "properties": {
                          "actionList": [
                            {
                              "comp": "agentx-wc-goto-analyzer"
                            }
                          ]
                        }
                      }

Navigacija (strani po meri)

V tem razdelku lahko dodate strani, ki se prikažejo v levi vrstici za krmarjenje. Določite ikono za krmarjenje in edinstven URL, da se pripomoček prikaže v navigacijski vrstici. Priporočamo, da za URL uporabite določeno predpono, da se izognete konfliktom. Za več podrobnosti glejte razdelek Lastnosti nav.

Na tej strani lahko imate tudi zbirko pripomočkov, ki se lahko prikažejo. Stran ima lahko en sam pripomoček, ki se prikaže na zaslonu, ali zbirko pripomočkov v mreži. Za več podrobnosti o razporeditvi mreže glejte razdelek Lastnosti postav itve.

Drevesu pripomočkov vam ni treba dodati omota z dinamičnim območjem. To pomeni, da lahko pripomočke povlečete in spustite ter spremenite velikost pripomočkov na straneh po meri, ko omogočite to možnost.

Primer:

{
    "nav": {
        "label": “Custom Page”,
        "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": "Shift Timer",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel"
                        },
                        "children": [{
                            "comp": “my - custom - timer”,
                            “source”: http: //my-cdn.com/my-custom-timer.js
                                "wrapper": {
                                    "title": "Shift Timer",
                                    "maximizeAreaName": "app-maximize-area"
                                }
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "textContent": "Stock Market",
                        "responsive": "false"
                        "attributes": {
                            "slot": "tab"
                        },
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel"
                        },
                        "children": [{
                            "comp": "agentx-wc-iframe",
                            "responsive": "false"
                            "attributes": {
                                "src": "https://widget-kad.s3.amazonaws.com/Trading.htm"
                            },
                            "wrapper": {
                                "title": "Stock Market",
                                "maximizeAreaName": "app-maximize-area"
                            }
                        }],
                    },
                    {
                        "comp": "md-tab",
                        "textContent": "Widget3",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "textContent": "Three Content",
                        "attributes": {
                            "slot": "panel"
                        }
                    }
                ]
            },
            “comp2”: {
                "comp": “my - google - maps - component“,
                “source”: "https://my-cdn.com/my-google.maps.js
                "wrapper": {
                    "title": "Google Map",
                    "maximizeAreaName": "app-maximize-area"
                }
            }
        },
        "layout": {
            "areas": [
                ["left", "right"]
            ],
            "size": {
                "cols": [1, 1],
                "rows": [1]
            }
        }
    }
},

Naslednja tabela opisuje lastnosti navigacije in strani skupaj z njihovimi otroškimi lastnostmi:

Tabela 3. NAV Podrobnosti o nepremičnini

Nepremičnine

Opis in koda

nav > nalepka

Ta lastnost označuje identifikator krmarjenja po strani. Bralnik zaslona prebere to lastnost in se prikaže v nasveti za orodje.

Ti parametri so potrebni za prikaz vaše strani po meri v navigacijski vrstici.

type Navigation.Item = {
    label: string;
    iconType: "momentumDesign" | "other";
    icon: string;
    align: "top" | "bottom";
    navigateTo: string;
    iconSize ? : number;
    isResponsive ? : boolean;
};

Lastnost ozn ake je naslov strani po meri.

nav > IconType

Ta lastnost predstavlja vrsto ikone, ki se prikaže v navigacijski vrstici za stran po meri.

Na voljo so naslednje vrste ikon:

  • MomentumDesign: Izberete lahko poljubne razpoložljive ikone v zbirki: https://momentum-design.github.io/momentum-design/en/tokens/icons/. Prednost uporabe Momentuma je, da ponuja nekaj ikon z »aktivno« različico.

    Primer uporabe aktivne različice:

    Če na primer izberete obvestilo o vrsti ikone Momentum, lahko v navigacijski vrstici vidite privzeto ikono. Ko se pomaknete na stran po meri (povezana z ikono), se ikona samodejno spremeni v različico, ki je aktivna z oznako. Preverite, ali ima v knjižnici ikon aktivno različico iste ikone.

  • Drugo: Navedite lahko URL slike po meri (gostuje v CDN), ki se prikaže v navigacijski vrstici. Če uporabljate črno ali belo ikono po meri, ikona ni vidna, ko preklapljate med svetlim in temnim načinom.

nav > ikona

Ta lastnost predstavlja ime ikone v knjižnici Momentum ali URL CDN.

type Navigation.Item ={
   icon:“announcement”;
}; 
// OR //
type Navigation.Item ={
   icon:“https://my-cdn.com
   /my-navigation-icon.png”;
};

nav > poravnati

Ta lastnost vam pomaga poravnati ikono na vrh ali dno vrstice za krmarjenje.

Trenutno lastnost omogoča samo zgornjo poravnavo.

nav > is DefaultLandingPage

Ta lastnost določa privzeto ciljno stran za agente vAgent Desktop. Nastavite to lastnost na resni čno, da bo stran vrstice za krmarjenje privzeta ciljna stran, ki se prikaže za agente po prijavi vAgent Desktop. Če je ta lastnost nastavljena na več kot eni strani z navigacijsko vrstico na resni čno, sistem meni, da je prva stran vrstice za krmarjenje postala privzeta ciljna stran.

Če nobena stran za krmarjenje nima te lastnosti nastavljene na resni čno, domača stran deluje kot privzeta ciljna stran.

Za privzeto ciljno stran ne morete nastaviti poročil o statisti ki uspešnosti analizatorja in agenta.

navig@@ acija > NavigateTo

Ta lastnost določa ime strani po meri. To ime se prikaže v naslovni vrstici, ko agent krmarja.

NavigateTo ne sme vključevati naslednjih vrednosti: slike, pisave, css, build_info, help, app, i18n, ikone, images-mfe-wc in zvoki.

type Navigation.Item = {
    navigateTo: “my - custom - page”;
};
Tabela 4. stran Podrobnosti o lastnini

Nepremičnine

Opis in koda

stran > id

V lastnosti strani določite predmet strani po meri (dinamični pripomoček).

Lastnost id predstavlja edinstven identifikator strani. Na primer, my-custom-page-1. Agent ne vidi tega identifikatorja na namizju.

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

stran > UseFlexLayout

Flex postavitev je nova spletna komponenta. Ne spremeni obstoječih pripomočkov. Nova prilagodljiva postavitev uporablja enako obliko konfiguracije postavitve na poenostavljen način. Je vzvratno združljiv in ne vpliva na obstoječe pripomočke. Konfigurirati morate postavitev JSON. Če želite konfigurirati postavitev JSON, navedite višino in širino pripomočka. Pripomoček je prikazan v istem zaporedju, kot je konfiguriran znotraj postavitve JSON. Pripomočki imajo privzeto rob 8 px.

Postavitev JSON temelji na dimenzijah (širina x višina) in koordinatah (X, Y in Z) pripomočkov.

Prilagodljiva postavitev podpira zmogljivosti, kot so spreminjanje velikosti posameznega pripomočka, povečanje pripomočkov itd.

Višina posameznih pripomočkov se meri v slikovnih pik. 1 enota višine = 40 slikovnih pik. Širina pripomočka je odvisna od števila stolpcev v vsebniku in števila stolpcev, ki se spreminjajo glede na širino vsebnika.

Pripomočki so prikazani od leve proti desni. Napredni mehanizem postavitve uporablja logiko po meri za uporabo horizontalne in navpične prilagoditve prostora pripomočkov. Sprva se postavitev naloži vodoravno. Po vodoravnem nalaganju se pripomoček naloži navpično in zagotavlja optimalno izkoriščanje prostora.

Konfigurirajte pripomočke glede na velikost zaslona. Širino pripomočkov lahko povečate ali zmanjšate glede na velikost zaslona. Zaradi tega so pripomočki bolj berljivi in uporabni.

Flex postavitev zagotavlja standardne prelomne točke, kot so velike, srednje, majhne in izjemno majhne.

  • Veliki pripomočki imajo ločljivost 1360 px ali več. Za velike pripomočke določite vrednost stolpca kot 12.

  • Srednji pripomočki imajo ločljivost od 1070 px do 1360 px. Za srednje velike pripomočke določite vrednost stolpca kot 10.

  • Majhni pripomočki imajo ločljivost od 850 px do 1070 px. Za majhne pripomočke določite vrednost stolpca kot 6.

  • Izredno majhni pripomočki imajo ločljivost 500 px. Za dodatne majhne pripomočke določite vrednost stolpca kot 4.

Te slikovne pike se lahko razlikujejo glede na operacijski sistem in broswer.

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

stran > pri pomočki

stran > comp

Pomaga vam določiti pripomočke po meri. Če želite postaviti več pripomočkov, določite možnosti pripomočka v zaporedju. Poskrbite, da boste vsakemu pripomočku dali edinstveno ime območja. Kasneje ga uporabite v razdelku postavitve.

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

Ta lastnost predstavlja ime elementa HTML po meri (znanega kot spletna komponenta ali kateri koli drug element - če ga želite uporabiti kot ovoj). Za več informacij glejte Primeri primerov uporabe. Tu vnesite ime elementa po meri brez kotnih oklepajev (»<« or »>«). Na primer, »moj-custom-element«.

Vsak vnos v razdelku pripomočkov podpira naslednjo obliko:

type Options = {
    comp: string;
    script ? : string;
    properties ? : Record < string,
    any > ;
    attributes ? : Record < string,
    string > ;
    children ? : Options[];
    textContent ? : string;
    style ? : Partial < CSSStyleDeclaration > ;
    wrapper ? : {
        title: string;
        maximizeAreaName: string;
    };
};

stran > skript

(Neobvezno) Ta lastnost je potrebna le, če pripomoček ali komponento naložite z oddaljene lokacije, kot je CDN.

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

Ne spreminjajte URL-ja skripta za isto komponento. Če želite spremeniti URL skripta za isto komponento, naredite nekaj od tega:

  • Obvestite agenta, da počisti predpomnilnik brskalnika in ponovno naloži. Agent Desktop

  • Ohranite obstoječi URL. Dinamično uvozite nov URL paketa z uporabo javascripta, ki gosti v obstoječem URL-ju.

    Primer:

    (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);
    
                } ) ()

stran > lastnosti

Določite lahko lastnosti, ki jih morate posredovati za spletno komponento.

"properties": {
    "user": "admin",
},

stran > odziven

Določa, ali je spletna komponenta ali pripomoček, ki temelji na iFrame, ki je dodan v postavitvi po meri na ravni strani ali na ravni komp, odziven. Zaradi odzivnih spletnih komponent je vaša spletna stran vizualno privlačna na vseh napravah in je enostavna za uporabo. Uporabiti morate odzivne pripomočke iFrame.

Konfigurirajte to lastnost z eno od naslednjih vrednosti:

  • Res: Omogoča odzivnost pripomočka. Vsi pripomočki so privzeto odzivni glede na progresivno velikost zaslona, orientacijo in območja gledanja naprave, ki se uporablja.

  • Napačno: onemogoči odzivnost pripomočka. Če pripomočki ne podpirajo gledanja na različnih napravah, jih označite kot neodzivne.

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

Neodzivni pripomočki ne morejo zagotoviti najboljše uporabniške izkušnje in niso prikazani v manjšem pogledu. Agent mora povečati velikost okna brskalnika, da si ogleda vse pripomočke, ki so konfigurirani kot neodzivni.

stran > atributi

V tem razdelku lahko določite atribute spletne komponente.

"attributes": {
         "disabled": "false",
},

stran > vidnost

Določa, ali so pripomočki, ki jih ponuja Cisco, dodani v postavitev po meri na ravni strani ali na ravni kompa, vidni ali ne.

Pripomočki, ki jih ponuja Cisco, so zgodovina stikov, prepis IVRCisco Webex Experience Management, Vodnik za klicev za predogled kampanje in Screen Pop.

  • Vred nosti lastnosti vid nosti so vgrajene in definirane v privzeti datoteki JSON postavitve namizja. Skrbnik ne more spremeniti vrednosti lastnosti vid nosti pripomočkov, ki jih ponuja Cisco.

  • Vrednost lastnosti vid nosti NOT_RESPON SIVE je zastarela. Še naprej ga lahko uporabljate samo za povratno združljivost. Vsaka vrednost, ki je bila prej nastavljena kot NOT_RESPON SIVE, ne zahteva sprememb, saj funkcionalnost ostane enaka.

    Če želite nastaviti novo ustvarjeni pripomoček kot odziven ali ne odziven, morate uporabiti od ziv no lastnost. Če želite več informacij, glejte odzivna lastnost.

stran > otroci

Ta lastnost je osrednji del postavitve. V razdelku za otroke lahko gnezdite toliko ravni, kot je potrebno, če pripomoček, ki temelji na spletni komponenti, omogoča prehod otrok. Da bi to omogočili, mora razvijalec programsko obdelati vsebino z režami. Če želite več informacij, glejte Vod nik za razvi Cisco Webex Contact Center jalce namizja.

Če želite izvedeti o prenosu vrednosti STORE kot lastnosti, glejte Skupna raba podatkov iz namizja v pripomočke.

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

Prednost razdelka matrike »otroci« je, da lahko v specifikaciji postavitve uporabite obstoječe spletne komponente, ki je že del paketa namizja. Nekaj spletnih komponent paketa za namizje vključuje:

  • agentx-wc-iframe: Pripomoček, ki vam omogoča, da katero koli spletno stran postavite v iFrame kot pripomoček.

  • dinamično območje: komponenta, ki omogoča omogočanje funkcije povlečenja in spusti za agente na mestu, ki ni strani po meri. Strani po meri imajo lahko to možnost tudi, če privzeto omogočite povleči in spusti.

  • Katera koli komponenta v knjižnici momentum-ui-web-komponent. Za več informacij glejte GitHub. Na primer:

    • md-tabs: Ovitek za posodo za zavihke

    • md-tab: Glava z enim zavihkom

    • md-tab-panel: vsebina enega zavihka

Če želite več informacij o atributih za trajni zavihek, glejte Atributi za trajne zavihke.

stran > Bes edilo V sebina

Pomaga vam dodati besedilno vsebino.

"textContent": "My Text Content",

stran > slog

Pomaga vam dodeliti določen slog CSS komponenti.

"style": {
    "backgroundColor": "#CBD",
    "overflow": "scroll"
},

stran > ovit ek

Ovitek pripomočkov vam omogoča, da dodate orodno vrstico na vrh pripomočka. Orodna vrstica lahko vsebuje naslov in ikono Povečajte ikono (Povečaj) na vrhu pripomočka. Ko pripomoček zasede majhen prostor na strani, ikona za povečanje omogoča agentu, da si pripomoček vidi v celotnem delovnem prostoru.

Prepričajte se, da uporabite privzeto vrednost kot« app-maximize-area«. Trenutno je na voljo samo privzeta vrednost. Če je postavitev konfigurirana z uporabo UseFlexLayout, lahko v glavi pripomočka omogočite ikono za povečanje/obnovitev tako, da v konfiguracijo pripomočka dodate atribut isMaximizable in njegovo vrednost nastavite na resnično.

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

stran> ov ojnika> id

(Neobvezno) Ovitek pripomočka za spletne komponente vam omogoča posodobitev dinamičnega naslova pripomočka z edinstvenim identifikatorjem. Vnesite vrednost lastnosti id wrapper pripomočka kot unikatno-id-to-update-title.

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

Prepričajte se, da uporabljate enak edinstveni identifikator za JavaScript CustomEvent. Če želite več informacij, glejte razdelek Asinhroni dogodki v poglavju Kontaktni modul agenta pri razvi jalcu Cisco Webex Contact Centernam izja.

Če želite posodobiti naslov pripomočka, ki temelji na iFrame, uporabite vsebino iFrame iz iste domene. Sledi vzorec primera:

<
script type = "text/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" > New Title < /button> <
    iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iframe>

stran > agentx-wc-iframe

Omogoča vdelavo spletne strani v iFrame, ki se prikaže kot pripomoček na namizju. Uporabite lahko pripomoček iFrame, imenovan »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"
    }
},

stran > postavitev

Omogoča razporeditev pripomočkov na strani.

Naslednja oblika predstavlja postavitev mreže:

type Layout = {
    areas: string[][];
    size: {
        rows: number[];
        cols: number[];
    };
};

Tu lahko mrežo določite z imeni območij, ki ste jih določili v razdelku pripomoč kov.

Naslednji primer prikazuje, kako je določena postavitev treh vrstic in treh stolpcev:

"layout": {
    "areas": [
        [
            "comp1",
            "comp1",
            "comp3"
        ],
        [
            "comp2",
            "comp2",
            "comp3"
        ],
        [
            "comp4",
            "comp4",
            "comp4"
        ]
    ],
    "size": {
        "cols": [1, 1, 1],
        "rows": [1, 1, 1]
    }
}
Enaka porazdelitev postavitve 3x3
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

V razdelku velikosti številke predstavljajo delež prostora, ki ga lahko pripomoček zaseda glede na druge pripomočke. Vsi trije stolpci zavzemajo enak 1 del prostora. S 100% razpoložljivo širino vsak pripomoček zavzema 33,33% vodoravnega prostora.

Z enako širino stolpca
Equal column width layout for Webex Contact Center Desktop layout configuration.

Drug primer uporabe, če nastavite kot »cols«: [1, 2, 2], to pomeni, da je celoten prostor razdeljen s 5 (1+2+2), prvi pripomoček pa zavzema 20% vodoravnega prostora. Drugi in tretji pripomoček zajemata po 40%. Če želite več informacij, glejte Osnovni koncepti postavitve omrežja.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
Po spremembi širine stolpca

stran > RO OT

Gnezdenje postavitev se imenuje podrazporeditev. Če imate v konfiguraciji postavitve ugnezdene postavitve, morate imeti en sam predmet »ROOT« kot nadredek za podrazporeditve. V nasprotnem primeru je konfiguracija postavitve lahko ravna, če gnezdenje ni potrebno.

Ta podrazporeditev zagotavlja večji nadzor nad vedenjem spreminjanja velikosti postavitve. Last nost postav itve strani mora biti tipa Zapis<string, Layout>. Lastnost postavitve vam omogoča, da pripomočke razporedite na strani.

{
    "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"]
            ],
            "size": {
                "cols": [1],
                "rows": [1, 1]
            }
        }
    }
}

Ta nastavitev ustvari mrežo v postavitvi ROOT z dvema podmrežama, ki jih lahko samostojno spremenite.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Videz podpostavitve

Spreminjanje velikosti komponente vpliva na komponente znotraj tega podreda.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
Po spremembi velikosti obeh podpostavitev

Bodite pozorni na naslednje primere:

Neskončna zan ka: Če vključite postavitev ROOT kot podpostavitev ROOT, povzroči napako« presežen sklop klicev »in pride v neskončno zanko.

{
    "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.
Podpostavitev z neskončno zanko

Časi iste podpostavitve (N): Če podpostavitev vključite v mrežo večkrat z istim imenom in če spremenite velikost enega od njih, se velikost vseh podrazporedov samodejno spremeni.

Če to ni želeno vedenje, preimenujte vsako podpostavitev z edinstvenim imenom.

{
    "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.
Podpostavitev z N-krat

Atributi za trajne zavihke

Če želite zavihke na straneh po meri in pripomočke po meri nastaviti kot obstojne, vnesite atribute za md-tabs v postav itev po meri.

Primer: Nastavite zavihke kot trajne

{
    "comp": "md-tabs",
    "attributes": {
        "persist-selection": true,
        "tabs-id": "unique-id for all the tabs together in the container"
    },
}

Nepremičnine

Opis

vztrajna selekcija

Če želite nastaviti md-zavihke kot ob stojne. Privzeta vrednost je resnična.

tab-id

Edinstvena identifikacija za vse zavihke skupaj v vsebniku.

Ko nastavite md-zavih ke kot trajne (trajna selekcija: true), obdrži izbor zavihkovAgent Desktop, tudi če agent preklaplja med stranmi ali pripomočki na namizju.

  • Lastnost izbire vztrajnosti se ne uporablja za zavihke v podoknu Pomožne informacije in strani Poročila o statistiki uspešnosti agenta, ker je obnašanje trajnega zavihka že nastavljeno na namiz ju .
  • Izbira zavihka se ponastavi na privzeti zavihek, ko se odjavite iz namizja, ponovno naložite/osvežite brskalnik ali počistite predpomnilnik brskalnika.

Konfiguracija trajnih pripomočkov

Vsak pripomoček po meri lahko konfigurirate tako, da je obstojen. Trajni pripomočki so prikazani na vseh straneh namizja. Trajni pripomočki so prikazani kot nov zavihek v podoknu Pomožne informacije le, če imate aktivno zahtevo za stik ali pogovor. Na primer, Pripomoč ek Persist ent widget.

Trajni pripomočki se na domači strani ne prikazujejo tako, kot so prikazani na drugih straneh. Če pa imate aktivno interakcijo, se trajni pripomočki prikažejo na domači strani kot del podokna Pomožne informacije. Ko ste na primer sprejeli klic, se prikaže podokno Nadzor interakcije, pripomoček Vz orec traj nosti pa se prikaže kot del podokna Pomožne informacije.

Primer:

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

Ko prilagodite pripomoček, lahko izberete eno od možnosti:

  • Na spletni strani gostite aplikacijo, ki jo je mogoče vdelati v iframe.

  • Ustvarite pripomoček po meri.

Zahteve tehničnih pripomočkov so opisane v dokumentaciji za razvoj pripomočkov za namizje. Kot urejevalnik postavitve poskrbite, da imate te podrobnosti:

  • Kako se imenuje element HTML po meri (znan kot spletna komponenta)?

  • Kakšen je URL vira omrežja za dostavo vsebine (CDN), ki gosti paket JavaScript?

Pripomočki za glavo

Glava se uporablja za prikaz vgrajenih informacij, dodajanje spustnih menijev itd. Ker ima vsebnik glave omejen navpični prostor, je skupna višina glave le 64 slikovnih pik. Če želite več informacij o poravnavi postavitve, glejte razdel ek Lastnosti postav itve.

Primer:

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

Če želite dodati nasvet orodja za pripomoček za glavo, komponento zavijte z m d-tooltip. V lastnost sporoč ila vnesite informacije o nasvetu orodja.

Primer:

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

    },
}

Če želite konfigurirati vse pripomočke prek iFrame v prilagodljivem območju pripomočka v glavi, morate dodati atribute sloga prikaz a in višine. Najboljša vrednost atributa height je 64 slikovnih pik.

Prepričajte se, da dodate atribute sloga obstoječim pripomočkom za glavo, da se lahko naložijo v iFrame, kot je bilo pričakovano.

Primer:

"head1": {
    "comp": "agentx-wc-iframe",
    "attributes": {
        "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm",
        "style": "height:64px;display:flex;"
    }


},

Priporočamo, da za glavo uporabite samo eno vrstico z več stolpci, ker je višina glave le 64 slikovnih pik. Če želite več informacij o poravnavi, glejte razdelek z lastnostmi postav itve.

Podokno za pomožne informacije

V podoknu Pomožne informacije na namizju so prikazani zavihki, ki vključujejo pripomočke, ki jih ponuja Cisco (privzeti), in pripomočke po meri. Naslednji pripomočki, ki jih ponuja Cisco, so prikazani na vnaprej določenih zavihkih:

  • Zgodovina stikov

  • Prepis IVR

  • Potovanje izkušenj strank

  • Pop zaslon

Podokno Pomožne informacije lahko uporabite za:

  • Dodajte zavihke

  • Spremenite vrstni red zavihkov

  • Odstranite vnaprej določene zavihke

  • Označite zavihke po meri kot vlečne

  • Dodajte nasvete za orodje zavihkom po meri

  • Dodajte možnost Ponast avi vrstni red zavih kov

Primer:

"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"
                }
            ],
            "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",
            "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": {
                            "areas": [
                                ["comp1"],
                                ["comp2"]
                            ],
                            "size": {
                                "cols": [1],
                                "rows": [1, 1]
                            }
                        }
                    }
                }
            }]
        }
    ]
},

Pripomoček Customer Experience Journey lahko konfigurirate, ko omogočite meritve upravljanja izkušenj strank naManagement Portal.

V podoknu Pomožne informacije dodajte nove zavihke za namestitev pripomočkov po meri. Tu ne veljajo posebna pravila in gnezdenje komponent je takšno, kot je pričakovano in opisano v razdel ku za otroke. Za več informacij glejte last nost Otro ci na strani.

Spodaj so navedeni posebni primeri za prilagajanje glav zavihkov:

Primer za postavitev ikon in nalepk v lastnino za otroke

{
    "comp": "md-tab",
    "attributes": {
        "slot": "tab",
        "class": "widget-pane-tab"
    },
    "children": [{
            "comp": "md-icon",
            "attributes": {
                "name": "transcript_16"
            }
        },
        {
            "comp": "span",
            "textContent": “My Widget Tab”
        }
    ],
},

Primer za postavitev slike (s CSS) in oznak v lastnino za otroke

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

Spust ni seznam Več zavih kov se samodejno prikaže, ko podokno Pomožne informacije vsebuje več zavihkov.

Za berljivost in dostopnost morate dodati navodilo za zavihek po meri. Če želite dodati namig orodja za zavihek po meri, komponento zavijte z m d-tooltip. V lastnost sporočila vnesite informacije o namigi orodja in uporabite vrednosti lastnosti slo ga, kot je prikazano v naslednjem primeru.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Tab 1",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

Za zavihek po meri priporočamo največjo širino 252 slikovnih pik in najmanjšo širino 110 slikovnih pik.

Če želite omogočiti funkcijo povlečenja in spusti na zavihku po meri, dodajte naslednjo lastnost znotraj atributov:

"comp": "md-tabs",
"attributes": {
    "class": "widget-tabs",
    "draggable": true,
    "comp-unique-id": "sample-dynamic-custom-tabs"
},
  • draggable: Nastavite vrednost lastnosti, ki jo je mogoče vleči, na true.

  • comp-unique-id: Vnesite edinstveno vrednost za identifikacijo komponente.

    Primer:

    "comp-unique-id": "sample-dynamic-custom-tabs"
    

Če omogočite povleči in spusti zavihek po meri, lahko agent zavihek povleče in spusti na zahtevano mesto v podoknu Pomožne informacije. Če želite zavihke ponastaviti na privzeti vrstni red zavihkov, dodajte naslednjo lastnost:

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},
  • agentx-wc-more-actions-widget: Vnesite komponento, ki je prikazana kot ikona Več dejanj () Ikona več dejanj v podok nu Pomožne informacije.

  • slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenti lahko zavihke v podoknu Pomožne informacije ponastavijo na privzeti vrstni red s klikom na Ikona več dejanj > Pon astavi vrstni red zavihkov.

  • tabs-unique-id: Vnesite isto edinstveno vrednost, določeno za lastnost comp-unique-id za preslikavo in ponastavitev komponent md-tabs.

Naslednja vzorčna koda uporablja funkcije Več dejan j in Pon astavi vrstni red zavi hkov.

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

Privzeto so določeni nasvet orodja, ikona elipse in ponastavitev vrstnega reda zavihkov za vnaprej določene zavihke.

Spust ni seznam Več dejanj lahko razširite za dodajanje dodatnih komponent ali pripomočkov po meri po možnosti Pon astavi vrstni red zavi hkov. Sledi vzorčni nabor vrednosti lastnosti slo ga, ki jih je mogoče uporabiti za dodatne komponente.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Element",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

Funkcija povlečenja in spusti ni podprta za dodatne komponente ali pripomočke po meri, ki so dodani na spustni seznam Več dejanj.

Pripomočki brez glave

V razdelku brez glave lahko dodate pripomočke, ki so skriti in se ne prikazujejo naAgent Desktop. Ti pripomočki se uporabljajo za izvajanje logike v ozadju. Ta razdelek je uporaben za sprožitev dogodkov, ki se zgodijo na namizju, in izvajanje logike, specifične za pripomoček. Na primer, odpiranje zaslona CRM po meri za SMS ob njegovem prihodu.

Primer:

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

Skupna raba podatkov iz namizja v pripomočke

Če želite prejemati podatke v realnem času prek lastnosti ali atributov znotraj pripomočka po meri, dodelite ustrezne vrednosti STORE v konfiguraciji postavitve JSON.

Poleg tega lahko za dostop do podatkov prek naročnikov JavaScript SDK podatke posredujete tudi prek lastnosti ali atributov. Če je komponenta zgrajena tako, da reagira na spremembe lastnosti ali atributov, prejmete posodobitve podatkov v realnem času od podjetjaAgent Desktop, ki se imenuje ponudnik podatkov.

Trenutno imamo enega samega ponudnika podatkov pod ključnim STORE. Če želite več informacij, glejte razdelek Lastnosti in atributi ponudnika podatkov — pripomočkov v Priročniku za razvijalce Cisco Webex Contact Centernamiz ja.

Predogled klica kampanje

Skrbnik ustvari oglaševalske akcije, konfigurira način klicanja (predogled) in oglaševalske akcije dodeli skup inam. Če je agent del skupine, ki ji so dodeljene oglaševalske akcije, lahko agent izvede klic oglaševalske akcije za predogled. Če želite več informacij, glejte Konfiguriranje načinov glasovne izhodne oglaševalske akcije v kontaktnem centru Webex.

Skrbnik v postavitvi po meri konfigurira naslednje, da omogoči predogled stika oglaševalske akcije za agenta.

Kontakt za kampanjo

Skrbnik doda pripomoček Contact Campaign v vsebnik glave postavitve po meri. Stik oglaševalske akcije prikaže kontaktne podatke stranke na podlagi določenih lastnosti. Če želite več informacij o poravnavi postavitve, glejte vr stico lastnosti postav itve na strani Tabela Podrobnosti o last nostih.

Primer:


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

Vodnik za klice

Pripomoč ek Vodnik za klice se prikaže v podoknu Pomožne informacije na namizju. Klicni vodnik prikazuje vprašanja in odgovore na ravni oglaševalske akcije. Agent je pozvan, da prebere niz vprašanj v priročniku za klice in pošlje odgovore.

Primer:

"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"
               }
            }
         ],
         "visibility":"CALL_GUIDE"
      }
   ]
}
  • Naslednje sk lice lastnosti comp so se spremenile. agentx v vrednosti nepremičnine se nadomesti z acqueon:
    • agentx-preview-Campaign se preimenuje v acqueon-preview-Campaign
    • agentx-call-guide se preimenuje v acqueon-call-guide
  • Na CDN morate gostiti upravitelja seznamov in kampanj (LCM) in nato določiti URL v last nosti skri pta.

Pop zaslon

V postavitvi namizja lahko konfigurirate Screen Pop na enega od naslednjih načinov:

  • Kot stran po meri

  • Kot eden od pripomočkov na strani po meri

  • Kot zavihek v podoknu Pomožne informacije

Screen Pop se prikaže na namizju glede na naslednje dejavnike:

Za kanal Voice:

  • Konfiguracija, določena v postavitvi namizja

  • Dejavnost Screen Pop, opredeljena v načrtovalcu toka

Za nove digitalne kanale:

  • Konfiguracija, določena v postavitvi namizja

  • Vozlišče Screen Pop, opredeljeno v orodju Connect Flow Builder

Če želite več informacij o konfiguriranju zaslona Pop, glejte S creen Pop.

Konfiguriranje pojavnega zaslona v navigacijski vrstici

Screen Pop lahko konfigurirate kot stran po meri ali kot enega od pripomočkov na strani po meri. Če želite dostopati do strani po meri Screen Pop, kliknite ikono S creen Pop v vrstici za krmarjenje. Če želite dostopati do pripomočka Screen Pop na strani po meri, kliknite ikono po meri v vrstici za krmarjenje. Če želite več informacij o lastnosti h navigacije, glejte Krmarjenje (strani po meri).

Primer: Screen Pop kot stran po meri

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

Primer: Pojav zaslona kot pripomoček na strani po meri

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

Če v programu Flow Designer ni konfiguriran Screen Pop, se stran po meri prikaže prazna. Če želite več informacij o konfiguriranju Screen Pop v programu Flow Designer, glejte S creen Pop.

Konfiguriranje pojavnega zaslona v podoknu pomožnih informacij

Screen Pop lahko konfigurirate tako, da se prikaže kot zavihek v podoknu Pomožne informacije.

Povzetek zaslona se privzeto prikaže kot nov podzavihek na zavihku S creen Pop v podoknu Pomožne informacije, če je Screen Pop konfiguriran tako, da se v načrtovalcu toka prikazuje kot Notranje namiz je.

Dodajte naslednji atribut v razdelek plošče, da vključite pojavni zaslon kot zavihek v podoknu Pomožne informacije. Če želite več informacij o podrobnosti h plo šče, glejte Po dokno pomožnih informacij.

Primer: Pojavi se na zaslonu kot zavihek v podoknu pomožnih informacij

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

Možnost prikaza Screen Pop, opredeljena v načrtovalcu toka, ima prednost pred konfiguracijo, določeno v postavitvi namizja.

Na primer, upoštevajte, da ste konfigurirali naslednje nastavitve Screen Pop:

  • Oblikovalec toka — Prikažite nastavitve kot V novem zavihku brskalnika
  • Namizna postavitev — kot zavihek v podoknu Pomožne informacije

Ko se zgodi dogodek, za katerega je konfiguriran zaslonski pop, se Screen Pop prikaže zunaj namizja - torej na novem zavihku brskalnika.

Primeri primerov uporabe

Naslednji razdelki ponujajo nekaj primerov za vašo referenco:

Konfigurirajte in dostopajte do pripomočka za meritve upravljanja uporabniške izkušnje v navigacijski vrstici

Primer:

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

Če želite dobiti SpaceID in MetricSID, si oglejte dokumentacijo. Webex Experience Management

Uporaba zavihkov na strani po meri

Primer:

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

Privzeto podokno pomožnih informacij z zgodovino stikov in pojavnim zaslonom

Primer:

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

Podokno za pomožne informacije s pripomočkom za potovanje uporabniške izkušnje

Primer:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
                "comp": "md-tab",
                "attributes": {
                    "slot": "tab"
                },
                "children": [{
                    "comp": "slot",
                    "attributes": {
                        "name": "WXM_JOURNEY_TAB"
                    }
                }],
                "visibility": "WXM_JOURNEY"
            },
            {
                "comp": "md-tab-panel",
                "attributes": {
                    "slot": "panel",
                    "class": "widget-pane"
                },
                "children": [{
                    "comp": "agentx-wc-cloudcherry-widget",
                    "properties": {
                        "userModel": "$STORE.app.userModel",
                        "spaceId": "",
                        "metricsId": "",
                        "teamId": "$STORE.agent.teamName",
                        "ani": "$STORE.agentContact.taskSelected.ani",
                        "isDarkMode": "$STORE.app.darkMode"
                    },
                    "wrapper": {
                        "title": "Customer Experience Journey",
                        "maximizeAreaName": "app-maximize-area"
                    }
                }],
                {
                    "comp": "md-tab",
                    "attributes": {
                        "slot": "tab",
                        "class": "widget-pane-tab"
                    },
                    "children": {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY_TAB"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP_TAB"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    }
                    "visibility": "SCREEN_POP"
                },
            },

Lokalizacija

Namizni uporab niški vmesnik podpira lokalizacijo v 29 jezikih.

V nadaljevanju so podprti jeziki:

bolgarščina, katalonščina, kitajščina (Kitajska), kitajščina (Tajvan), hrvaščina, češčina, danščina, nizozemščina, angleščina (ZDA), finščina, francoščina, nemščina, madžarščina, italijanščina, japonščina, korejščina, norveščina, poljščina, portugalščina (Brazilija), portugalščina (Portugalska), romunščina, ruščina, srbščina, slovaščina, slovenščina, španščina, švedščina in turščina.

Jezik uporabniškega vmesnika namizja temelji na nastavitvah jezikovnih nastavitev v vašem brskalniku. Upoštevajmo na primer, da ste v brskalniku Firefox izbrali želeni jezik kot francoščino. Ko zaženete namizje v brskalniku Firefox, se namizni uporabniški vmesnik prikaže v francoščini (francoščina). Vendar vodoravna glava, vrstica za krmarjenje in druge komponente, dodane v postavitvi namizja, niso lokalizirane glede na nastavitve jezikovnih nastavitev v brskalniku.

Lokalizacija komponent namizja

Če želite lokalizirati komponente namizja,

  • Uporabite obstoječe ključe za lokalizacijo, nastavljene v datote ki app.json. Če ključi za lokalizacijo niso nastavljeni, se uporabi privzeti jezik angleščina (US). Podpori Cisco lahko pošljete zahtevo za storitev, da v datoteko app.json dodate ključ za lokalizacijo.

    Primer: Lokalizacijski ključ

    {
        "common": {
            "buttonTitle": "Stop Timer"
        }
    }
  • Če želite lokalizirati komponento, v datoteko JSON postavitev namizja vnesite naslednjo lastnost, ki je občutljiva na velike in male črke:

    "textContent": "$I18N.<key>",
    

    kjer <key>se nanaša na ustrezen lokalizacijski ključ v datoteki app.json.

Primer: Lokalizacija komponente glave

"header": {
    "id": "header",
    "widgets": {
        "head1": {
            "comp": "md-button",
            "attributes": {
                "slot": "menu-trigger",
                "style": "height: 64px"
            },
            "children": [{
                    "comp": "span",
                    "textContent": "$I18N.common.buttonTitle",
                }
            },

        },
    }

Primer: Lokalizacija komponente zavihka v podoknu pomožnih informacij

"panel": {
    "comp": "md-tab",
    "attributes": {
        "slot": "tab"
    },
    "children": [{
        "comp": "span",
        "textContent": "$I18N.panelTwo.screenPopTitle"
    }]
}
Ali je bil ta članek koristen?
Ali je bil ta članek koristen?