Pregled

S funkcijo postavitve namizja lahko konfigurirate Webex namizja središča za stike v skladu z vašimi poslovnimi zahtevami. Prilagodite lahko elemente, kot so logotip, naslov in pripomočki. Ustvarite lahko postavitev namizja in jo dodelite ekipi. Ta postavitev ustvari izkušnjo posrednika na namizju za vse posrednike, ki se prijavijo kot del te ekipe.

Obstajata dve vrsti postavitev:

  • Globalna postavitev: Ta postavitev je sistemsko ustvarjena postavitev, ki se privzeto dodeli, ko ustvarite ekipo. Če želite več informacij, glejte Upravljanje ekip. Ko ustvarite ekipo, je globalna postavitev samodejno nastavljena kot postavitev namizja za ekipo. Te postavitve ni mogoče izbrisati.

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

Če ob prijavi posrednika dodelite novo postavitev namizja, mora posrednik znova naložiti stran, da si ogleda novo postavitev.

Namizje Webex kontaktnega centra podpira tri osebe:

  • Telefonist

  • Nadzornik

  • Nadzornik in zastopnik

Datoteka postavitve JSON ima ločene razdelke 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 najvišje ravni postavitve JSON.

Ko Cisco postavitvi namizja doda novo funkcijo, se nespremenjena postavitev samodejno posodobi z novimi funkcijami. Posodobljena postavitev namizja je samodejno 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 prijavijo ali znova naložijo brskalnik.

Če uporabljate datoteko privzetega namizja Layout.json brez sprememb, se to šteje za nespremenjeno postavitev. Če pa prenesete datoteko privzetega namizja Layout.json in jo znova naložite, se šteje, da je spremenjena postavitev, tudi če vsebina datoteke ali ime datoteke ni spremenjeno.

Na namizju sta na voljo dve vrsti pripomočkov – na osnovi elementa iframe in spletne komponente. Glava, krmarjenje (stran po meri), trajno območje, območje brez glave in aux plošča so prilagodljivo območje na namizju. To niso pripomočki.

Na spodnjem seznamu so podrobno opisani prostori, ki jih lahko konfigurirate. Slike ponazarjajo postavitev namizja:

  1. Območje z naslovom in logotipom: v tem prostoru sta prikazana logotip Webex središča za stike in ime (privzeto) v zgornjem levem kotu zaslona.

  2. Vodoravno območje glave : Ta prostor ima nastavljivo območje, ki je poseljeno s pripomočki po meri. Ti pripomočki lahko prikažejo na primer informacije v vrstici 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 izbor v vrstici za krmarjenje ali glede na to, kako posrednik komunicira s strankami. Ko posrednik kliče, se v 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 posrednik komunicira prek e-pošte, klepeta ali družabnih kanalov, se v tem območju prikaže območje delovnega prostora in podokno s pomožnimi informacijami (ki vključuje trajno območje pripomočkov).

    Stran po meri je prikazana v vmesniku namizja v podoknu delovnega prostora. Do strani po meri lahko dostopate prek ikon v vrstici za krmarjenje. Vsaka stran po meri lahko vsebuje enega ali več pripomočkov po meri.

    Pripomoček po meri je aplikacija drugega proizvajalca, ki je konfigurirana v postavitvi JSON. Pripomoček po meri lahko postavite na stran po meri, zavihek po meri (podokno s pomožnimi informacijami) ali vodoravno glavo namizja.

  4. Območje vrstice za krmarjenje: ta prostor uporabite 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 glasovne klice
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 postavitve JSON najvišje ravni

Vloge

Privzeta postavitev JSON ima naslednje tri vloge.

  • Agent – nastavitev postavitve namizja tako, da bo prikazana, ko se posrednik vpiše v Webex središče za stike Desktop za upravljanje dejavnosti posrednikov.

  • Nadzornik – nastavitev postavitve namizja tako, da bo prikazana, ko se nadzornik vpiše v Webex središče za stike Desktop in tako upravlja le z zmogljivostmi nadzornika.

    Ko se nadzornik vpiše na namizje, se uporabi postavitev namizja, ki je določena za primarno skupino. Če ne navedete primarne ekipe, velja globalna postavitev. Poročila APS so privzeto onemogočena.

  • supervisorAgent – če želite nastaviti postavitev namizja, ki bo prikazana, ko se nadzornik vpiše v središče za stike Webex Desktop, kjer bo obravnaval zmogljivosti nadzornika in dejavnosti posrednika.

Pripomočke lahko dodajate ali spreminjate za vsako vlogo v ustrezni osebi ustrezne datoteke postavitve JSON.

V nadaljevanju so navedene lastnosti najvišje ravni za postavitev JSON, ki temeljijo na vlogi:

{ "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": { ... }, "navigacija": { ... }, "obstojno": { ... }, "brez glave": { ... } }, }, "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": { ... }, "navigacija": { ... }, "obstojno": { ... }, "brez glave": { ... }, "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": { ... }, "navigacija": { ... }, "obstojno": { ... }, "brez glave": { ... } }, } },
  • Spremembe lastnosti postavitve JSON stopijo v veljavo, ko je namizni brskalnik osvežen.
  • Če funkcija, ki ste jo omogočili v postavitvi JSON, ni na voljo na namizju, se obrnite na podporo Cisco, da omogočite funkcijo.
  • Vse lastnosti v postavitvi JSON razlikujejo med velikimi in malimi črkami.

appTitle

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

Primer:

"appTitle": "Webex kontaktni center"

Privzeti appTitle je spremenjen iz Namizje kontaktnega centra do Webex Kontaktni center. Ni 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 pa nova globalna postavitev uporablja privzeti appTitle kot Webex Kontaktni center.

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

Uporabite lahko podatkovne URI (Uniform Resource Identifier) ​​ali gostite naslovno sliko po meri v omrežju za dostavo vsebine (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) vedru ali podobni storitvi gostovanja in nato določite URL do gostujoče 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 ne navedete URL-ja, se privzeto prikaže Webex logotip kontaktnega centra.

Primer:

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

Sliko logotipa po meri lahko gostite v vedru CDN, Amazon Web Services (AWS) Simple Storage Service (S3) ali podobni storitvi gostovanja in nato podate URL do 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 matrike za appTitle in logotip Na podlagi konfiguracije postavitve namizja
Pogoj Primer appTitle logotip
Če appTitle in logotip nista konfigurirana
"appTitle": "", "logotip": "", 
Brez naslova Privzeti logotip
Če sta appTitle in logotip konfigurirana
"appTitle": "Podjetje ABC", "logotip": "https://my-cdn.com/abclogo.png", 
Konfigurirano besedilo Konfiguriran logotip
Če je appTitle konfiguriran in logotip ni konfiguriran
"appTitle": "Podjetje ABC", "logotip": "", 
Konfigurirano besedilo Privzeti logotip

Če appTitle ni konfiguriran in je konfiguriran logotip

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

Če appTitle ni konfiguriran in logotip ni prednosten

"appTitle": "", "logotip": "brez logotipa", 
Brez naslova Brez logotipa
Če je appTitle dodan kot slika in je logotip konfiguriran
"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logotip": "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 ", "logotip": "", 
Konfigurirana slika Privzeti logotip

Če je appTitle dodan kot slika in logotip ni prednosten

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "brez logotipa", 
Konfigurirana slika Brez logotipa
  • Velikost slike po meri se prilagodi glede na razmerje stranic. Besedilo 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 gradniki glave. Gradniki za glavo morajo biti pravilno konfigurirani, da uporabljajo prostor za naslov in logotip.
  • Naslov in logotip skupaj ne smeta preseči največje širine 304 slikovnih pik (vključno z oblazinjenjem). Če je širina logotipa manjša od 96 slikovnih pik, se lahko preostala širina uporabi za naslov.
  • Č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.

taskPageIllustration

Če želite določiti ilustracijo po meri za stran z opravili na podlagi preferenc organizacije in usklajenosti z blagovno znamko. Ko se agent vpiše, stran z opravili prikaže konfigurirano ilustracijo kot ozadje. Privzeto se stran z opravili 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), vedru Simple Storage Service (S3) Amazon Web Services (AWS) ali podobni storitvi gostovanja in nato podate URL do gostujoče ilustracije. Ilustracijo je mogoče konfigurirati na globalni ravni ali ravni skupine glede na definicijo postavitve. Prepričajte se, da ste konfigurirali 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 z opravili. Če je velikost ilustracije po meri manjša od priporočene velikosti, se dejanska velikost ilustracije ohrani na strani opravil.

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.
Vzorčni primer za ilustracijo po meri, prilagojeno glede na razmerje stranic

stopNavigateOnAcceptTask

Za določitev, ali naj fokus premakne na novo sprejeto nalogo, ko agent sprejme novo nalogo, medtem ko dela na prejšnji nalogi. Privzeta vrednost je lažno.

Primer:

"stopNavigateOnAcceptTask": false

Če je vrednost nastavljena kot res, ko uporabnik sprejme novo nalogo na namizju, se fokus obdrži na prejšnji nalogi in se ne premakne na novo sprejeto nalogo. Ta nastavitev preprečuje, da bi uporabnik ob sprejemu nove zahteve izgubil podatke.

Recimo, da Agent 1 klepeta s stranko 1 in hkrati opravlja glasovni klic s stranko 2. Med glasovnim klicem agent 1 posodablja podrobnosti o stranki 2 v podoknu za nadzor interakcije. Trenutno ima agent 1 dve aktivni nalogi v podoknu s seznamom opravil, fokus pa je na podoknu za nadzor interakcije. Ko agent 1 sprejme novo zahtevo za klepet od stranke 3, fokus ostane na podoknu za nadzor interakcije s stranko 2 in se ne preklopi na novo sprejeto zahtevo za klepet.

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

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

  • Nastavitev velja za vsa opravila (glasovne in digitalne kanale), ki se izvajajo na namizju, na primer za sprejemanje opravil, konferenco, svetovanje ali preusmeritev, za klice v tujini, klice iz odhodne oglaševalske akcije, samodejno zaključevanje itd.
  • Nastavitev ne velja, če je uporabnik namizja na domači strani in v podoknu s seznami opravil nima aktivnega opravila. V takem primeru, ko je sprejeta nova naloga, se fokus premakne z domače strani na novo sprejeto nalogo.

povleciDropEnabled

Če želite omogočiti povleci in spusti ter spreminjanje velikosti pripomočkov na straneh po meri, nastavite vrednost na true. Privzeta vrednost je false.

Primer:

"dragDropEnabled": false

Če želite več informacij o omogočanju funkcije povleci in spusti za zavihke v podoknu s pomožnimi informacijami, glejte Podokno s pomožnimi informacijami.

notificationTimer

Če želite nastaviti trajanje (v sekundah), po preteku katerega bodo obvestila na namizju samodejno opuščena. Obvestilo se prikaže v zgornjem desnem kotu namizja. Privzeta vrednost časovne omejitve je 8 sekund. Veljaven obseg za vrednosti časovne omejitve je 1–10 sekund. Če želite, da spremembe časovne omejitve začnejo veljati, morate brskalnik po opravljenih spremembah osvežiti.

Primer:

"notificationTimer": 8

največjeNotificationCount

Če želite nastaviti število obvestil na namizju, ki bodo hkrati prikazana na namizju. Privzeta vrednost je 3. Razpon za obvestila na namizju je 1–10. Obvestila na namizju so naložena. Če je obvestil veliko, se prikažejo z rahlo zakasnitvijo, odvisno od nastavitev notificationTimer .

Primer:

"maksimumNotificationCount": 3

browserNotificationTimer

Če želite nastaviti trajanje (v sekundah), po katerem se obvestila opekača brskalnika na namizju samodejno opustijo. Toaster je izvorno obvestilo brskalnika, ki se prikaže le, če namizje ni aktivno okno ali zavihek brskalnika. Okno ali zavihek namiznega brskalnika je neaktiven, kadar

  • delate v drugih oknih ali na drugih zavihkih brskalnika,

  • delate v drugih aplikacijah in

  • Okno namiznega brskalnika ste minimizirali.

Obvestilo se prikaže v zgornjem desnem kotu namizja. Privzeta vrednost časovne omejitve je 8 sekund. Priporočeni razpon za vrednosti časovne omejitve je 5–15 sekund. Če želite, da spremembe časovne omejitve začnejo veljati, morate brskalnik po opravljenih spremembah osvežiti.

Primer:

"browserNotificationTimer": 8

Konfigurirana časovna omejitev za obvestila brskalnika je odvisna od nastavitev operacijskega sistema in brskalnika. Vrednost časovne omejitve je upoštevana v brskalniku Chrome v operacijskih sistemih Windows, Chrome OS in macOS. Vendar pa drugi podprti brskalniki ne upoštevajo dosledno nastavljene vrednosti časovne omejitve za obvestila.

wxmKonfigurirano

(Neobvezno) Če želite konfigurirati Webex Experience Management, vrednost nastavite na true. Privzeta vrednost je false.

Primer:

»wxmConfigured«: resnično

desktopChatApp

Če želite konfigurirati več Ciscovih aplikacij za klepet, kot je aplikacija Webex.

webexKonfiguriran

Webex App lahko skupaj s funkcijami sporočanja in srečanja konfigurirate na namizju. Ta konfiguracija posrednikom omogoča sodelovanje z drugimi zastopniki, nadzorniki in strokovnjaki za zadeve (MSP) v njihovi organizaciji, ne da bi se morali odmakniti od namizja.

  • Skrbnik mesta upravlja Webex uporabnike srečanja in jim dodeli pravice le, če so uporabniki Webex izdajo Enterprise Edition. Če želite več informacij, glejte Upravljanje Webex Meetings uporabnikov v Cisco Webex Control Hub.
  • Nadzorniki ter mala in srednje velika podjetja morajo prenesti odjemalca Webex v svoj sistem (osebno napravo) ali dostopati do aplikacije Webex Webex aplikacijo za splet ( https://web.webex.com/). Če želite več informacij, glejte Prenos aplikacije.
  • Do aplikacije Webex lahko dostopate v Agent Desktop in sodelujete z drugimi zastopniki, nadzorniki in strokovnjaki za zadeve (MSP) v svoji organizaciji, ne da bi se morali odmakniti od Agent Desktop. Funkcija nadzora klicev ni na voljo. Če želite sprejemati in opravljati klice, potrebujete zunanjo aplikacijo Webex, ki ni vdelana. Več informacij najdete v poglavju Aplikacije za klicanje.

Če želite konfigurirati Webex program na namizju:

  • V Cisco Webex Control Hub pri dodajanju storitev za uporabnika potrdite polje »Napredno sporočanje « (Uporabniki > Upravljanje uporabnikov > Storitve > Sporočila). Če želite več informacij, glejte Upravljanje uporabniških računov v Cisco Webex skrbništvu mesta.

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

    Primer:

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

    Privzeta vrednost lastnosti webexConfigured je false.

    Aplikacija Webex je na voljo za vloge posrednika, nadzornika in nadzornika samo, če vrednost lastnosti webexConfigured nastavite na true za vsako od teh vlog. Posrednik, nadzornik ali nadzornik se ne more izpisati iz Webex aplikacije.

    Za prikaz Webex ikona (Webex) ikono v vodoravni glavi namizja vnesite vrednost webex v lastnost headerActions . Če želite več informacij, glejte headerActions.

    Če želite omogočiti Webex program za določeno ekipo, izberite postavitev po meri, pri čemer je vrednost lastnosti webexConfigured nastavljena na true. Če želite več informacij, glejte Ustvarjanje ekipe.

Program Webex konfigurirate tudi v podoknu s pomožnimi informacijami, na strani po meri in v pripomočku po meri. Če želite več informacij, glejte Podokno s pomožnimi informacijami.

Obvestilo o aplikaciji Webex

Vrednosti, določene z lastnostma notificationTimer in browserNotificationTimer za časovnik obvestil, veljajo za Webex aplikacijo. Privzeta vrednost časovne omejitve za te lastnosti je 8 sekund. Če želite več informacij, glejte notificationTimer in browserNotificationTimer.

headerActions

Spreminjanje vrstnega reda ikon v vodoravni glavi namizja. Privzeti vrstni red je naslednji:

  1. Webex ikona (Webex)

  2. Uporaba telefona za indikator zvoka (zunanji klic)

  3. Ikona obvestila. (Center za obvestila)

Nastavite vrednost lastnosti headerActions na naslednji način:

Ime ikone

Vrednost lastnosti headerActions

Aplikacija Webex

Webex

Odhodni klic

klicanje

Središče za obvestila

obvestilo

Primer:

"headerActions": ["webex", "outdial", "notification"],

Vrednost lastnosti headerActions razlikuje med velikimi in malimi črkami.

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

Primer:

"headerActions": ["notification", "outdial", "webex"],
  • Če v postavitev po meri ne vnesete lastnosti in vrednosti headerActions , so ikone prikazane v privzetem vrstnem redu.
  • Če želite z namizja odstraniti ikone glave in z njimi povezane funkcije, nastavite prazno vrednost za lastnost headerActions ( »headerActions«: []). Če pa ste program dodali Webex v podokno s pomožnimi informacijami ali na stran po meri ali kot pripomoček po meri, lahko posrednik še vedno dostopa do Webex programa, čeprav Webex program ni na voljo v vodoravni glavi namizja.
  • Če je vrednost lastnosti webexConfigured nastavljena kot false , ikona programa Webex ni prikazana v vodoravni glavi namizja, tudi če je vrednost webex dodana v lastnost headerActions . Če želite več informacij, glejte webexConfigured.

površina

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

"območje": { "glava": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "skript": .... } }, "panel": { ... }, "navigacija": { ... }, "obstojno": { ... }, "brez glave": { ... } },

Konfigurirate lahko naslednje področne objekte:

  • Plošča: predstavlja drugo ali skrajno desno ploščo v podoknu s pomožnimi informacijami.

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

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

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

Če je lastnost advancedHeader konfigurirana, morate odstraniti lastnosti glave in headerActions.

naprednoGlava

Če želite prilagoditi vidljivost in spremeniti vrstni red ikon v vodoravni glavi namizja. Privzeti vrstni red je naslednji:

  1. Webex ikona (Webex)

  2. Uporaba telefona za indikator zvoka (zunanji klic)

  3. Ikona obvestila. (Center za obvestila)

  4. Webex Izbirnik stanja posrednika središča za stike. (Izbirnik stanja agenta)

Nastavite vrednost lastnosti advancedHeader na naslednji način:

Ime ikone

Vrednost lastnosti headerActions

Aplikacija Webex

agentX-Webex

Odhodni klic

AgentX-outdial

Središče za obvestila

Obvestilo agentX

Izbirnik stanja agenta

agentx-state-selector

Primer:

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

Vrednost lastnosti advancedHeader razlikuje med velikimi in malimi črkami.

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

Pripomočki se v spustni meni pretakajo od leve proti desni.

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

  • Ko je omogočena napredna glava, premaknite pripomočke iz izhodne glave v napredno glavo, kot je razvidno iz primera.

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

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

  • Mesto logotipa, naslova in ikon profila je fiksno in ga ni mogoče prilagoditi.

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

    Če ste program dodali Webex v podokno s pomožnimi informacijami ali na stran po meri ali kot pripomoček po meri, lahko posrednik še vedno dostopa do Webex programa, čeprav Webex program ni na voljo v vodoravni glavi namizja.

  • Če dodate pripomoček z dolgo oznako, se glede na razpoložljivi prostor prikaže okrnjeno ime oznake.

    Atribut textContent lahko uporabite za dodajanje oznake v pripomoček.

    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 »Odštevanje časovnika za trenutni premik« bo okrnjena in prikazana glede na razpoložljivi prostor.

    • Izogibajte se dodajanju pripomočkov z dolgo oznako.

    • Ko pripomoček teče na spustni seznam, je mogoče klikniti samo ikono pripomočka.

  • Če je vrednost lastnosti webexConfigured nastavljena kot false , ikona programa Webex ni prikazana v vodoravni glavi namizja, tudi če je vrednost webex dodana v lastnost advancedHeader . Če želite več informacij, glejte webexConfigured.

Domača stran

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

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

Na domači strani si lahko ogledate naslednje pripomočke. Pripomočki analizatorja so privzeto na voljo, skrbnik pa lahko konfigurira tudi pripomočke Persistent in Custom. Če želite več informacij, glejte JSON Layout Top-Level Properties.

Pripomočki analizatorja

Pripomoček Analyzer je privzeto prikazan na domači strani namizja.

Konfiguracija postavitve domače strani

Domačo stran namizja lahko konfigurirate tako, da prikazuje postavitev, ki temelji na organizacijskih nastavitvah in poravnavi blagovne znamke. Uredite polje domače strani , da konfigurirate domačo stran. Konfigurirate lahko naslednje komponente, ki bodo prikazane na domači strani, ko se uporabnik vpiše v namizje:

  • Pozdravno sporočilo

  • Ikona Opravilo v vrstici za krmarjenje za krmarjenje za krmarjenje do podokna opravil. Ikona Opravilo je prikazana za vlogo nadzornika in nadzornika in posrednika z omogočeno funkcijo spremljanja klicev. V podoknu opravil so prikazane dohodne zahteve strank, aktivne in pretekle interakcije s strankami ter aktivne zahteve za nadzor.

  • Filtrirajte razdelke, kot so Ime čakalne vrste, Vrsta kanala in Upravljane ekipe.

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

Preglednica 2. Dinamična postavitev domače strani – lastnosti strani

Lastnost

Opis in koda

Stran > useFlexLayout

Flex postavitev je nova spletna komponenta. Ne spremeni obstoječih pripomočkov. Nova fleksibilna postavitev na poenostavljen način uporablja enako obliko konfiguracije postavitve. Je vzvratno združljiv in ne vpliva na obstoječe pripomočke. Konfigurirati morate postavitev JSON. Če želite konfigurirati postavitev JSON, vnesite višino in širino pripomočka. Pripomoček je upodobljen v istem zaporedju, kot je konfiguriran znotraj postavitve JSON. Pripomočki imajo privzeto mejo 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, maksimiranje pripomočkov in tako naprej.

Višina posameznih pripomočkov se meri v slikovnih pikah. 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 vodoravne in vertikalne prilagoditve prostora gradnikov. Sprva se postavitev naloži vodoravno. Po vodoravnem nalaganju se pripomoček naloži navpično in zagotavlja optimalen izkoristek prostora.

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

Flex postavitev zagotavlja standardne prelomne točke, kot so velike, srednje, majhne in zelo 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.

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

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

"stran": { "id": "pristanek", "useFlexLayout": true, "pripomočki": { "comp1": { "comp": "div", "širina": 4, "višina": 4, "textContent": "Widget 1", "atributi": { "style": "širina: največja vsebina; marža: 80px 240px; barva: bela;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; marža: 80px 240px; barva: bela;" } } } 

Stran > comp

Zagotovite edinstveno komponento po meri.

"comp": "naslov strani",

Komponenta naslova strani predstavlja naslov 2<h2> elementa HTML po meri.

Stran > stranGlava

Zagotovite, da boste določili niz z naslovi, ki je lahko statičen, dinamičen ali oboje.

Komponenta naslova strani predstavlja naslov ravni 2<h2> v elementu HTML po meri.

  • Statični niz: na primer Hej, dobrodošli!

    "comp": "page-title", "attributes": { "pageTitle": "Hej, dobrodošli!" }
  • Dinamični niz: če želite pridobiti vrednost iz TRGOVINE. 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 v zaprte zavite oklepaje {} in predpono s strukturo $.

Stran > stranPodglava

Dodajte podglavo, ki je prikazana na namizju. Uporabnik lahko doda možnost Pojdi na analizator v podglavico.

  • Blok kode za podglavo

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "attributes": { "style": "display: flex; plovec:desno; rob: 16px 0px 16px 16px" }, "otroci": [ { "comp": "div", "children": [ { "comp": "md-label", "textContent": "$I 18N.pageSubHeader.queueName", "attributes": { "style": "margin-bottom:8px;" }
  • Blok kode za »Pojdi na analizator« v podglavi

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

Krmarjenje (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 pripomočka, ki se prikaže v vrstici za krmarjenje. Priporočamo, da za URL uporabite posebno predpono, da se izognete sporom. Če želite več podrobnosti, glejte razdelek z lastnostmi za krmarjenje.

Imate lahko tudi zbirko pripomočkov, ki se lahko prikažejo na tej strani. Stran ima lahko en sam pripomoček, ki se prikaže na zaslonu, ali zbirko pripomočkov v mreži. Če želite več podrobnosti o razporeditvi mreže, glejte razdelek z lastnostmi postavitve.

V drevo pripomočkov vam ni treba dodajati ovoja dinamičnega območja. To pomeni, da lahko pripomočke povlečete, spustite in spremenite velikost na straneh po meri, ko omogočite to možnost.

Primer:

{ "nav": { "label": "Custom Page", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributes": { "slot": "tab" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "otroci": [{ "comp": "my - custom - timer", "vir": http: 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": [ ["levo", "desno"] ], "size": { "cols": [1, 1], "rows": [1] } } } },

V spodnji tabeli so opisane lastnosti za krmarjenje in stran ter lastnosti podrejenih naprav:

Preglednica 3. Podrobnosti o lastnosti za navigacijo

Lastnost

Opis in koda

nav> nalepka

Ta lastnost označuje identifikator krmarjenja po strani. Bralnik zaslona prebere to lastnost in je prikazana v opisu orodja.

Ti parametri so potrebni za prikaz strani po meri v vrstici za krmarjenje.

vnesite Navigacija.Item = { oznaka: niz; ikonaVrsta: "momentum" | "drugo"; ikona: niz; poravnava: "zgoraj" | "dno"; pomaknite se: niz; iconSize? :številka; isResponsive? :Logična vrednost; };

Lastnost oznake je naslov strani po meri.

nav> iconType

Ta lastnost predstavlja vrsto ikone, ki je prikazana v vrstici za krmarjenje strani po meri.

Na voljo so naslednje vrste ikon:

  • Momentum: V zbirki lahko izberete vse ikone, ki so na voljo: https://momentum.design/icons. Prednost uporabe Momentuma je, da ponuja nekaj ikon z "aktivno" različico.

    Primer uporabe aktivne različice:

    Če na primer izberete vrsto ikone momentuma objava, lahko privzeto ikono vidite v vrstici za krmarjenje. Ko se pomaknete na stran po meri (povezana z ikono), se ikona spremeni v Objava aktivna Različica samodejno. Preverite, ali ima dejaven Različica iste ikone v knjižnici ikon.

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

Ikona za navigacijo >

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

vnesite Navigacija.Item ={ ikona:"obvestilo"; }; OR // vnesite navigacijo.Item ={ ikona:"https://my-cdn.com /my-navigation-icon.png"; };

nav> align

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

Trenutno nastanitev dovoljuje le poravnavo najvišjega dela.

nav > isDefaultLandingPage

Ta lastnost določa privzeto ciljno stran za posrednike v Agent Desktop. To lastnost nastavite na true , da bo stran vrstice za krmarjenje privzeta ciljna stran, ki se posrednikom prikaže po prijavi v Agent Desktop. Če je ta lastnost na več straneh vrstice za krmarjenje nastavljena na true, sistem meni, da prva stran vrstice za krmarjenje postane privzeta ciljna stran.

Če na nobeni strani vrstice za krmarjenje ta lastnost ni nastavljena na true, je domača stran privzeta ciljna stran.

Poročil statistike uspešnosti posrednikov ne morete nastaviti kot privzete ciljne strani.

navigacija > navigacijaDo

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

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

vnesite Navigacija.Item = { navigateTo: "my - custom - page"; };
Preglednica 4. stran Podrobnosti o nepremičnini

Lastnost

Opis in koda

stran > id

Dohodni stran Lastnost, določite predmet strani po meri (dinamični gradnik).

V Id Znamka predstavlja enolični identifikator strani. Na primer, my-custom-page-1. Posrednik ne vidi tega identifikatorja na namizju.

vrsta DynamicWidgets.Page = { id: niz; gradniki: Snemanje niza <, DynamicWidget.Options > ; postavitev: Postavitev; };

stran > useFlexLayout

Flex postavitev je nova spletna komponenta. Ne spremeni obstoječih pripomočkov. Nova fleksibilna postavitev na poenostavljen način uporablja enako obliko konfiguracije postavitve. Je vzvratno združljiv in ne vpliva na obstoječe pripomočke. Konfigurirati morate postavitev JSON. Če želite konfigurirati postavitev JSON, vnesite višino in širino pripomočka. Pripomoček je upodobljen v istem zaporedju, kot je konfiguriran znotraj postavitve JSON. Pripomočki imajo privzeto mejo 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, maksimiranje pripomočkov in tako naprej.

Višina posameznih pripomočkov se meri v slikovnih pikah. 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 vodoravne in vertikalne prilagoditve prostora gradnikov. Sprva se postavitev naloži vodoravno. Po vodoravnem nalaganju se pripomoček naloži navpično in zagotavlja optimalen izkoristek prostora.

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

Flex postavitev zagotavlja standardne prelomne točke, kot so velike, srednje, majhne in zelo 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.

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

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

"stran": { "id": "pristanek", "useFlexLayout": true, "pripomočki": { "comp1": { "comp": "div", "širina": 4, "višina": 4, "textContent": "Widget 1", "atributi": { "style": "širina: največja vsebina; marža: 80px 240px; barva: bela;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; marža: 80px 240px; barva: bela;" } } } 

stran > pripomočki

stran > comp

Pomaga določiti pripomočke po meri. Če želite namestiti več pripomočkov, določite možnosti pripomočkov v zaporedju. Poskrbite, da bo vsakemu pripomočku dodeljeno edinstveno ime območja. Uporabite ga v razdelku postavitve pozneje.

"pripomočki": { "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). Če želite več informacij, glejte Primeri vzorčne uporabe. Tukaj vnesite ime elementa po meri brez kotnih oklepajev ("<" ali ">"). Na primer »element moje po meri«.

Vsak vnos v razdelku pripomočkov podpira naslednjo obliko:

vrsta Možnosti = { comp: niz; skript? :niz; Lastnosti? : Zabeležite < niz, katero koli > ; Atribute? : Zapis < niz, niz > ; otroci? : možnosti[]; textContent? :niz; slog? : Delna < CSSStyleDeclaration > ; Ovoj? : { naslov: niz; maximizeAreaName: string; }; };

stran > skript

(Neobvezno) Ta lastnost je zahtevana le, če pripomoček ali komponento naložite z oddaljenega mesta, kot je omrež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, naj počisti predpomnilnik brskalnika in znova naloži Agent Desktop.

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

    Primer:

    (function() { var script = document.createElement("script"); script.src = <URL vašega JS skripta> 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.

"lastnosti": { "uporabnik": "admin", },

stran > odzivno

Določa, ali se odziva spletna komponenta ali pripomoček, ki temelji na elementu iFrame, ki je dodan v postavitev po meri na ravni strani ali na ravni comp . Odzivne spletne komponente naredijo vašo spletno stran vizualno privlačno na vseh napravah in so enostavne za uporabo. Uporabiti morate odzivne pripomočke iFrame.

Konfigurirajte to lastnost z eno od teh vrednosti:

  • True: omogoča odzivnost gradnika. Vsi pripomočki se privzeto odzivajo glede na progresivne velikosti zaslona, usmerjenost in območja gledanja naprave, ki jo uporabljate.

  • False: onemogoči odzivnost gradnika. Če pripomočki ne podpirajo ogleda v 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" } }], "vidljivost": "SCREEN_POP" }, { "comp": "md-tab-panel", "responsive": false, "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CALL_GUIDE" } }], "vidljivost": "CALL_GUIDE" },

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

stran > atributi

Atribute spletne komponente lahko določite v tem razdelku.

"atributi": { "onemogočen": "false", },

stran > vidnost

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

Pripomočki, ki jih ponuja Cisco, so zgodovina stikov, Cisco Webex Experience Management, prepis IVR, vodnik za klice oglaševalske akcije za predogled in zaslonski pop.

  • Vrednosti lastnosti vidljivosti so vgrajene in določene v privzeti datoteki JSON postavitve namizja. Skrbnik ne more spreminjati vrednosti lastnosti vidljivosti pripomočkov, ki jih ponuja Cisco.

  • Vrednost lastnosti vidljivosti NOT_RESPONSIVE je zastarela. Še naprej ga lahko uporabljate samo za združljivost s starejšimi različicami. Vrednosti, nastavljene kot NOT_RESPONSIVE prej, ni treba spreminjati, saj funkcionalnost ostaja enaka.

    Če želite novo ustvarjeni pripomoček nastaviti kot odziven ali neodziven, morate uporabiti odzivno lastnost. Če želite več informacij, glejte odzivna lastnost.

stran > otroci

Ta lastnost je osrednji del postavitve. V otroci , lahko ugnezdite toliko ravni, kot je zahtevano, če pripomoček, ki temelji na spletni komponenti, omogoča posredovanje otrok. Da bi to omogočil, mora razvijalec programsko ravnati z Reži vsebina. Če želite več informacij, glejte Cisco Webex Contact Center Priročnik za razvijalce namiznih računalnikov.

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

"otroci": [{ "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 »podrejena matrika« je, da lahko v specifikaciji postavitve uporabite obstoječe spletne komponente, ki so že del namiznega svežnja. Nekatere spletne komponente namiznega paketa vključujejo:

  • 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 posrednikom omogoča, da omogočite funkcijo povleci in spusti na mestu, ki ni stran po meri. Strani po meri imajo lahko to možnost tudi, če privzeto omogočite funkcijo povleci in spusti.

  • Katera koli komponenta v knjižnici momentum-ui-web-komponente. Če želite več informacij, glejte GitHub. Na primer:

    • md-zavihki: ovoj vsebnika zavihkov

    • md-tab: glava enega zavihka

    • md-tab-panel: vsebina enega zavihka

Če želite več informacij o atributih za trajno kartico, glejte Atributi za trajne tabulatorje.

stran > besediloVsebina

Pomaga vam dodati besedilno vsebino.

"textContent": "Vsebina mojega besedila",

stran > slog

Pomaga vam dodeliti določen slog CSS vaši komponenti.

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

stran > ovoj

Ovitek pripomočkov vam omogoča, da na vrh pripomočka dodate orodno vrstico. Orodna vrstica lahko vsebuje naslov in Ikona »Maksimiraj« (Maksimiziraj) na vrhu pripomočka. Ko pripomoček zavzame majhen prostor na strani, ikona za maksimiranje posredniku omogoča, da vidi pripomoček v celotnem delovnem prostoru.

Poskrbite, da boste privzeto vrednost uporabili kot »app-maximize-area«. Trenutno je na voljo le privzeta vrednost.

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

stran > ovoj> id

(Neobvezno) Ovitek pripomočkov za spletne komponente vam omogoča, da posodobite naslov dinamičnega pripomočka z edinstvenim identifikatorjem. Vnesite vrednost lastnosti ID pripomočka kot naslov unique-id-to-update.

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

Poskrbite, da boste za dogodek po meri JavaScript uporabili isti enolični identifikator. Če želite več informacij, glejte razdelek Asinhroni dogodki v poglavju »Modul stika posrednika« v članku »Razvijalec namizja Cisco Webex Contact Center

Če želite posodobiti naslov pripomočka, ki temelji na elementu iFrame, uporabite vsebino elementa iFrame iz iste domene. Sledi vzorčni primer:

< vrsta skripta = "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> < id gumba = "customEvent" > Nov naslov < /gumb> < iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iframe>

stran > agentx-wc-iframe

Omogoča vdelavo spletne strani v okvir 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.

Ta oblika zapisa predstavlja postavitev mreže:

vrsta Layout = { območja: niz[][]; velikost: { vrstice: številka[]; kolčki: številka[]; }; };

Tukaj lahko določite mrežo 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:

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

V razdelku velikosti številke predstavljajo del prostora, ki ga pripomoček lahko zasede 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.

Še en primer uporabe, če nastavite kot »kolčki«: [1, 2, 2], to pomeni, da je skupni prostor deljen s 5 (1 + 2 + 2) in prvi pripomoček zavzema 20% vodoravnega prostora. Drugi in tretji pripomoček vzameta po 40%. Če želite več informacij, glejte Osnovni koncepti postavitve mreže.

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

stran > ROOT

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

Ta podpostavitev omogoča večji nadzor nad vedenjem pri spreminjanju velikosti postavitve. Lastnost postavitve strani mora biti vrste Zapis<niz, Postavitev>. Lastnost postavitve vam omogoča, da pripomočke razporedite na strani.

{ "id": "some-id", "pripomočki": { "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" } }, "postavitev": { "ROOT": { "območja": [ ["c1", "sub1"], ["c2", "sub2"], ], "velikost": { "cols": [1, 1], "vrstice": [1, 1] } }, "sub1": { "območja": [ ["c3", "c4"] ], "velikost": { "cols": [1, 1], "vrstice": [1] } }, "sub2": { "območja": [ ["C1"], ["C5"] ], "Size": { "Cols": [1], "Rows": [1, 1] } } } } } }

Ta nastavitev ustvari mrežo v postavitvi ROOT z dvema podmrežama, ki ju lahko neodvisno spreminjate.

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

Spreminjanje velikosti komponente vpliva na komponente v tej podpostavitvi.

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

Bodite pozorni na naslednje primere:

Neskončna zanka: če vključite postavitev ROOT kot podpostavitev funkcije ROOT, to povzroči napako »sklad klicev presežen« in naleti na 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 v mrežo večkrat vključite podpostavitev z istim imenom in če spremenite velikost ene od njih, se velikost vseh postavitev samodejno spremeni.

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

{ "layout": { "ROOT": { "območja": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "vrstice": [1, 1] } }, "sub1": { "območja": [ ["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 tabulatorje

Če želite zavihke na straneh po meri in pripomočkih po meri nastaviti kot trajne, vnesite atribute za zavihke md v postavitvi po meri.

Primer: nastavitev tabulatorjev kot trajnih

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id za vse zavihke skupaj v vsebniku" }, }

Lastnost

Opis

Obstojna izbira

Če želite nastaviti md-tabličke kot trajne. Privzeta vrednost je true.

ID zavihkov

Edinstvena identifikacija za vse zavihke skupaj v vsebniku.

Ko nastavite md-tabličke kot trajne (izbira vztrajnosti: true), Agent Desktop ohrani izbiro tabulatorja, tudi če posrednik preklaplja med stranmi ali pripomočki na namizju.

  • Lastnost vztrajnega izbiranja ne velja za kartice v podoknu s pomožnimi informacijami in na strani s poročili o učinkovitosti delovanja posrednika, ker je trajno delovanje zavihkov že nastavljeno na namizju.
  • Izbira zavihka se ponastavi na privzeti zavihek, ko se izpišete iz namizja, znova naložite/osvežite brskalnik ali počistite predpomnilnik brskalnika.

Konfiguracija trajnih pripomočkov

Vsak pripomoček po meri lahko konfigurirate tako, da je trajen. Trajni pripomočki so prikazani na vseh straneh namizja. Trajni pripomočki so prikazani kot nov zavihek v podoknu s pomožnimi informacijami le, če imate aktivno zahtevo za stik ali pogovor. Na primer »Vzorčni trajni pripomoček«.

Trajni pripomočki se na domači strani ne prikažejo tako, kot so prikazani na drugih straneh. Če pa imate aktivno interakcijo, so trajni pripomočki prikazani na domači strani kot del podokna s pomožnimi informacijami. Ko na primer sprejmete klic, se prikaže podokno Nadzor interakcije, pripomoček Vzorčni trajni pripomoček pa 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" }, "otroci": [{ "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:

  • Gostite aplikacijo na spletni strani, ki jo je mogoče vdelati v iframe.

  • Ustvarite pripomoček po meri.

Zahteve za tehnične pripomočke so opisane v dokumentaciji za razvoj namiznega gradnika. Kot urejevalnik postavitev se prepričajte, da imate te podrobnosti:

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

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

Pripomočki za glave

Glava se uporablja za prikaz informacij v vrstici, za dodajanje spustnih menijev in tako naprej. 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 razdelek z lastnostmi postavitve.

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 opis orodja za pripomoček za glavo, komponento ovijte z opisom orodja md-tool. V lastnost sporočila vnesite informacije o opisu orodja.

Primer:

"glava": { "id": "dw-header", "pripomočki": { "head1": { "comp": "md-tooltip", "attributes": { "message": "Netlify" }, "children": [{ "comp": "agentx-wc-iframe", "attributes": { "src": "https://keen-jackson-8d352f.netlify.app" } }], }, }, }

Če želite konfigurirati pripomočke prek iFrame v prilagodljivem območju pripomočkov v glavi, morate dodati prikaz in višino slogovnih atributov . Najboljša vrednost atributa višine je 64 slikovnih pik.

Poskrbite, da boste obstoječim pripomočkom za glavo dodali atribute sloga, da se bodo lahko po pričakovanjih naložili v okvir iFrame.

Primer:

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

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

Podokno s pomožnimi informacijami

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

  • Zgodovina stikov

  • Prepis IVR

  • Potovanje po izkušnji strank

  • Zaslonsko pojavno okno

Podokno s pomožnimi informacijami lahko uporabite za:

  • Dodajanje zavihkov

  • Spreminjanje zaporedja premikanja

  • Odstranjevanje vnaprej določenih zavihkov

  • Označevanje zavihkov po meri kot tistih, ki jih je mogoče povleči

  • Dodajanje opisov orodij na zavihke po meri

  • Dodajanje možnosti Ponastavi vrstni red premikanja

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" }, "otroci": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "otroci": [{ "comp": "md-ikona", "atributi": { "ime": "pop-out_16" } }, { "comp": "span", "textContent": "Screen Pop" } ], "vidljivost": "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", "Atributi": { "reža": "panel" }, "otroci": [{ "comp": "dinamično območje", "lastnosti": { "območje": { "id": "dw-panel-two", "pripomočki": { "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 Pot po izkušnji strank lahko konfigurirate, ko na portalu za upravljanje omogočite meritve upravljanja uporabniške izkušnje.

V podoknu s pomožnimi informacijami dodajte nove zavihke, kamor želite postaviti pripomočke po meri. Tu ne veljajo posebna pravila, gnezdenje komponent pa je po pričakovanjih in opisano v oddelku za otroke . Če želite več informacij, glejte lastnost Otroci na strani.

V nadaljevanju so navedeni primeri prilagajanja glav zavihkov:

Primer postavitve ikon in oznak v podrejeno lastnost

{ "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 postavitve slike (s CSS) in oznak v podrejeno lastnost

{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "span", "attributes": { "style": "align-items: center; zaslon: flex;" }, "otroci": [{ "comp": "img", "attributes": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "height": "margin-right: 0.5rem;" } }, { "comp": "span", "textContent": "My Widget Tab" } ] }], },

Spustni seznam Več zavihkov se prikaže samodejno, če je v podoknu s pomožnimi informacijami več zavihkov.

Če želite berljivost in dostopnost, morate dodati opis orodja za zavihke po meri. Če želite dodati opis orodja za zavihek po meri, komponento ovijte z opisom orodja md. Vnesite informacije o opisu orodja v lastnost sporočila in uporabite vrednosti lastnosti sloga , kot je prikazano v spodnjem primeru.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Tab 1", "style": "max-width: 252px; min-širina: 110px; preliv: skrito; prelivanje besedila: elipsa; beli prostor: nowrap; zaslon: blok v vrstici; rob-dno: -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 povleci in spusti na zavihku po meri, znotraj atributov dodajte to lastnost:

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

  • comp-unique-id: vnesite enolično vrednost za identifikacijo komponente.

    Primer:

    »comp-unique-id«: »vzorčni dinamični zavihki po meri« 

Če za zavihek po meri omogočite funkcijo povleci in spusti, lahko posrednik zavihek povleče in spusti na želeno mesto v podoknu s pomožnimi informacijami. Če želite ponastaviti zavihke na privzeti vrstni red premikanja, dodajte to lastnost:

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
  • pripomoček agentx-wc-more-actions-widget: Vnesite komponento , ki je prikazana kot Več dejanj (Ikona več dejanj) v podoknu s pomožnimi informacijami.

  • slot="nastavitve": Vnesite atribut znotraj komponente, ki je na spustnem seznamu Več dejanj prikazana kot možnost Ponastavi vrstni red premikanja. Posredniki lahko ponastavijo zavihke v podoknu s pomožnimi informacijami na privzeti vrstni red tako, da kliknejo Ikona več dejanj > Ponastavi zaporedje premikanja.

  • tabs-unique-id: Vnesite isto enolično vrednost, določeno za lastnost comp-unique-id , da preslikate in ponastavite komponente zavihkov md.

Naslednja vzorčna koda uporablja funkciji Več dejanj in Ponastavitev zaporedja premikanja .

"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 opis orodja, ikona treh pik in ponastavitev zaporedja premikanja za vnaprej določene zavihke.

Spustni seznam Več dejanj lahko razširite in dodate dodatne komponente ali pripomočke po meri po možnosti Ponastavi vrstni red premikanja. V nadaljevanju je vzorčni nabor vrednosti lastnosti sloga , ki jih lahko uporabite za dodatne komponente.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-širina: 110px; preliv: skrito; prelivanje besedila: elipsa; beli prostor: nowrap; zaslon: blok v vrstici; rob-dno: -10px;" },
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

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

Brezglavi pripomočki

V razdelku brez glave lahko dodate pripomočke, ki so skriti in se ne prikažejo na Agent 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, značilne za pripomoček. Na primer, odpiranje zaslona po meri CRM Screen Pop za SMS ob 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 z namizja v pripomočke

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

Poleg tega lahko za dostop do podatkov prek naročnikov SDK za JavaScript podatke posredujete tudi prek lastnosti ali atributov. Če je komponenta zasnovana tako, da se odziva na spremembe znamke ali atributov, od Agent Desktop prejemate sprotne posodobitve podatkov, ki se imenuje ponudnik podatkov.

Trenutno imamo enega ponudnika podatkov pod ključno TRGOVINO. Če želite več informacij, glejte razdelek Ponudnik podatkov – lastnosti pripomočkov in atributi v priročniku za razvijalce za namizne računalnike Cisco Webex Contact Center

Predogled klica oglaševalske akcije

Skrbnik ustvari oglaševalske akcije, konfigurira način klicanja (predogled) in dodeli oglaševalske akcije ekipam. Če je posrednik del ekipe, ki so ji dodeljene oglaševalske akcije, lahko posrednik opravi odhodni klic za predogled. Če želite več informacij, glejte Konfiguracija načinov glasovne izhodne oglaševalske akcije v središču Webex stike.

Skrbnik v postavitvi po meri konfigurira to tako, da posredniku omogoči stik za predogled oglaševalske akcije.

Kontakt za kampanjo

Skrbnik doda pripomoček Stik oglaševalske akcije v vsebnik glave postavitve po meri. Stik oglaševalske akcije prikaže kontaktne podatke stranke na podlagi opredeljenih lastnosti. Če želite več informacij o poravnavi postavitve, glejte vrstico z lastnostmi postavitve na strani Tabela s podrobnostmi o lastnostih.

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.envVariables.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 je prikazan v podoknu Pomožne informacije na namizju. V vodniku po razpisih so prikazana vprašanja in odgovori na ravni kampanje. Agent je pozvan, da prebere niz vprašanj v vodniku 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", // tukaj vključite povezavo CDN " 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" } ] }
  • Spremenili so se naslednji sklici lastnosti comp . AgentX v vrednosti nepremičnine se nadomesti z Acqueon:
    • AgentX-Preview-Campaign se preimenuje v Acqueon-Preview-Campaign
    • Vodnik za klic agentX-Call se preimenuje v Acqueon-Call-Guide
  • V omrežju CDN morate gostiti upravitelja seznama in oglaševalskih akcij (LCM), nato pa v lastnosti skripta določiti URL .

Zaslonsko pojavno okno

V postavitvi namizja lahko konfigurirate zaslonski pop na enega od teh načinov:

  • Kot stran po meri

  • Kot eden od pripomočkov na strani po meri

  • Kot zavihek v podoknu s pomožnimi informacijami

Zaslon Pop se prikaže na namizju zaradi teh dejavnikov:

Za glasovni kanal:

  • Konfiguracija, določena v postavitvi namizja

  • Dejavnost popa zaslona, določena v oblikovalniku poteka

Za nove digitalne kanale:

  • Konfiguracija, določena v postavitvi namizja

  • Pop vozlišče zaslona, določeno v graditelju poteka povezave

Če želite več informacij o konfiguraciji popa zaslona, glejte Screen Pop.

Konfiguriranje pojavnega zaslona v navigacijski vrstici

Screen Pop lahko konfigurirate kot stran po meri ali kot enega od gradnikov na strani po meri. Za dostop do strani po meri na pojavnem zaslonu kliknite ikono Poskočni zaslon v navigacijski vrstici. Za dostop do pripomočka Screen Pop na strani po meri kliknite ikono po meri v navigacijski vrstici. Za več informacij o nav lastnostih glejte Navigacija (strani po meri).

Primer: pojav zaslona 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 pojav zaslona ni konfiguriran v oblikovalniku poteka, je stran po meri prazna. Za več informacij o konfiguraciji pojavnega zaslona v oblikovalniku toka glejte Poskočni zaslon.

Konfiguriranje pojavnega zaslona v podoknu s pomožnimi informacijami

Pojav zaslona lahko konfigurirate tako, da se prikaže kot zavihek v podoknu s pomožnimi informacijami.

Privzeto se Screen Pop prikaže kot nov podzavihek na Screen Pop zavihku v podoknu s pomožnimi informacijami, če je Screen Pop konfiguriran tako, da je prikazan kot Inside Desktop v Flow Designerju.

Dodajte naslednji atribut v razdelek panel , da vključite pojav zaslona kot zavihek v podoknu s pomožnimi informacijami. Za več informacij o podoknu glejte podokno s pomožnimi informacijami.

Primer: pojav zaslona kot zavihek v podoknu s pomožnimi informacijami

 { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp": "md-icon", "attributes": { "name": "pop-out_16" }}, { "comp": "span", "textContent": "Screen Pop" }], "vidnost": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" } ], }

Možnost zaslona Pop Pop, definirana v Flow Designerju, ima prednost pred konfiguracijo, definirano v Desktop Layout.

Recimo, da ste konfigurirali naslednje nastavitve pojavnega zaslona:

  • Flow Designer—Prikaži nastavitve kot V novem zavihku brskalnika
  • Postavitev namizja – kot zavihek v podoknu s pomožnimi informacijami

Ko pride do dogodka, za katerega je konfiguriran pojavni zaslon, se pojavni zaslon prikaže zunaj namizja – to je v novem zavihku brskalnika.

Vzorčni primeri uporabe

V naslednjih razdelkih je nekaj primerov za vašo referenco:

Konfigurirajte in dostopajte do pripomočka za meritve upravljanja uporabniške izkušnje iz navigacijske vrstice

Primer:

{ "nav": { "label": "Metrike upravljanja uporabniške izkušnje", "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"] ], "velikost": { "stolpci": [1], "vrstice": [1] } } } },

Če želite pridobiti spaceId in metricsId, glejte Webex Experience Management dokumentacijo.

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": "Dva", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Dve vsebini", "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 s pomožnimi informacijami 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 s pomožnimi informacijami s pripomočkom Customer Experience Journey

Primer:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attributes": { "name": "WXM_JOURNEY_TAB" } }], "vidnost": "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": "Potovanje uporabniške izkušnje", "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

Uporabniški vmesnik namizja podpira lokalizacijo v 29 jezikov.

Spodaj so navedeni podprti jeziki:

bolgarščina, katalonščina, kitajščina (Kitajska), kitajščina (Tajvan), hrvaščina, češčina, danščina, nizozemščina, angleščina (Združeno kraljestvo), 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 jezika v vašem brskalniku. Recimo, da ste v brskalniku Firefox kot želeni jezik izbrali francoščino. Ko zaženete namizje v brskalniku Firefox, se uporabniški vmesnik namizja prikaže v francoščini (Français). Vendar vodoravna glava, navigacijska vrstica in druge komponente, dodane v postavitev namizja, niso lokalizirane glede na nastavitve jezika v vašem brskalniku.

Lokalizirajte komponente namizja

Če želite lokalizirati komponente namizja,

  • Uporabite obstoječe lokalizacijske ključe, nastavljene v datoteki app.json . Če lokalizacijski ključi niso nastavljeni, se uporabi privzeti jezik angleščina (ZDA). Podpori Cisco lahko oddate zahtevo za storitev, da dodate lokalizacijski ključ v datoteko app.json .

    Primer: lokalizacijski ključ

    { "common": { "buttonTitle": "Ustavi časovnik" } }
  • V datoteko JSON postavitve namizja vnesite naslednjo lastnost, ki razlikuje med velikimi in malimi črkami, da lokalizirate komponento:

    "textContent": "$I18N.<ključ>", 

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

Primer: Localize Header Component

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

Primer: Localize Tab Component v podoknu s pomožnimi informacijami

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