Pregled

Značajka Izgled radne površine omogućuje vam da konfigurirate Webex radnu površinu kontakt centra prema vašim poslovnim zahtjevima. Možete prilagoditi elemente kao što su logotip, naslov i widgeti. Možete stvoriti izgled radne površine i dodijeliti ga timu. Ovaj izgled generira iskustvo agenta na radnoj površini za sve agente koji se prijavljuju kao dio tog tima.

Postoje dvije vrste rasporeda:

  • Globalni izgled: Ovaj izgled je izgled koji generira sustav i koji se dodjeljuje prema zadanim postavkama kada kreirate tim. Za više informacija pogledajte Upravljajte timovima. Kada stvorite tim, Global Layout se automatski postavlja kao izgled radne površine za tim. Ne možete izbrisati ovaj izgled.

  • Prilagođeni izgled: izgled koji pruža prilagođeno iskustvo radne površine. Možete izraditi prilagođeni izgled za jedan ili više timova.

Ako dodijelite novi izgled radne površine kada je agent prijavljen, agent mora ponovno učitati stranicu kako bi vidio novi izgled.

Radna površina Webex Contact Center podržava tri osobe:

  • Agent

  • Nadzornik

  • Supervizor i agent

JSON datoteka izgleda ima zasebne odjeljke za svaku osobu. Administrator bi trebao konfigurirati postavke za svaku osobu u odgovarajućem odjeljku JSON datoteke izgleda. Za više informacija o uzorku JSON datoteke izgleda, pogledajte Svojstva gornje razine JSON izgleda.

Kada Cisco doda novu značajku izgledu radne površine, neizmijenjeni izgled automatski se ažurira novim značajkama. Ažurirani izgled radne površine automatski je dostupan postojećim timovima koji koriste neizmijenjeni izgled radne površine. Korisnici stolnih računala koji koriste neizmijenjeni izgled radne površine dobivaju nove značajke temeljene na izgledu kada se prijave ili ponovno učitaju preglednik.

Ako koristite Zadani izgled radne površine.json datoteku bez ikakvih izmjena, tada se smatra neizmijenjenim izgledom. Međutim, ako preuzmete Zadani izgled radne površine.json datoteku i ponovno je učitajte, smatra se izmijenjenim izgledom čak i ako sadržaj datoteke ili naziv datoteke nisu izmijenjeni.

Na radnoj površini postoje dvije vrste widgeta—na temelju iframea i na temelju web komponente. Zaglavlje, navigacija (prilagođena stranica), trajno područje, bezglavo područje i pomoćna ploča su prilagodljiva područja na radnoj površini. Ovo nisu widgeti.

Sljedeći popis opisuje prostore koje možete konfigurirati. Slike ilustriraju izgled radne površine:

  1. Područje naslova i logotipa: ovaj prostor prikazuje Webex logo i naziv kontakt centra (zadano) u gornjem lijevom kutu vašeg zaslona.

  2. Horizontalno zaglavlje područje: Ovaj prostor ima podesivo područje koje je popunjeno prilagođenim widgetima. Ovi widgeti mogu prikazati, na primjer, ugrađene informacije i padajuće izbornike. Budući da je visina ovog zaglavlja samo 64 piksela, visina widgeta ne može prijeći visinu zaglavlja.

  3. Radni prostor područje: ovaj se prostor mijenja ovisno o odabiru na navigacijskoj traci ili kada agent komunicira s klijentima. Kada je agent u pozivu, ovo područje prikazuje kontrolu interakcije i okno pomoćnih informacija (koje uključuje prilagođene widgete i trajne widgete). Kada agent komunicira putem e-pošte, chata ili društvenih kanala, ovo područje prikazuje područje radnog prostora i okno pomoćnih informacija (koje uključuje trajno područje widgeta).

    Prilagođena stranica prikazuje se na sučelju radne površine u oknu radnog prostora. Možete pristupiti prilagođenoj stranici putem ikona na navigacijskoj traci. Svaka prilagođena stranica može sadržavati jedan ili više prilagođenih widgeta.

    Prilagođeni widget je aplikacija treće strane koja je konfigurirana u JSON izgledu. Prilagođeni widget možete postaviti na prilagođenu stranicu, prilagođenu karticu (okno pomoćnih informacija) ili na vodoravno zaglavlje radne površine.

  4. Navigacijska traka područje: Koristite ovaj prostor za dodavanje stavki navigacije za pristup prilagođenim stranicama.

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.
Primjer korisničkog sučelja radne površine za Voice
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.
Primjer korisničkog sučelja radne površine za nove digitalne kanale

Svojstva gornje razine JSON izgleda

Uloge

Zadani JSON izgled ima sljedeće tri uloge.

  • agent—Da biste postavili izgled radne površine koji će se prikazivati ​​kada se agent prijavljuje na Webex radnu površinu kontakt centra radi rukovanja aktivnostima agenta.

  • nadglednik—da biste postavili izgled radne površine koji će se prikazivati ​​kada se nadglednik prijavljuje na Webex radnu površinu kontakt centra kako bi rukovao samo mogućnostima nadglednika.

    Kada se nadzornik prijavi na radnu površinu, primjenjuje se izgled radne površine koji je naveden za primarni tim. Ako ne navedete primarni tim, primjenjuje se globalni izgled. Prema zadanim postavkama, APS izvješća su onemogućena.

  • supervisorAgent—Za postavljanje izgleda radne površine koji će se prikazivati ​​kada se nadređeni prijavi na Webex radnu površinu kontakt centra za rukovanje i mogućnostima nadzornika i aktivnostima agenta.

Možete dodati ili izmijeniti widgete za svaku ulogu u odgovarajućoj osobi relevantne JSON datoteke izgleda.

Sljedeća su svojstva najviše razine za JSON izgled na temelju uloge:

{ "agent": { "version": "0.1.0", "appTitle": "Webex Kontakt centar", "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": { ... }, "ploča": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, }, "supervisor": { "version": "0.1.0", "appTitle": "Webex Kontakt centar", "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": { ... }, "ploča": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... }, "početna stranica": { ... } }, } "supervisorAgent": { "version": "0.1.0", "appTitle": "Webex Kontakt centar", "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": { ... }, "ploča": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, } },
  • Promjene u svojstvima izgleda JSON stupaju na snagu kada se osvježi preglednik za radnu površinu.
  • Ako značajka koju ste omogućili u JSON izgledu nije dostupna na radnoj površini, obratite se Cisco podršci da biste omogućili značajku.
  • Sva svojstva u JSON izgledu razlikuju velika i mala slova.

AppTitle

Za određivanje naslova na vodoravnom zaglavlju radne površine. Zadani naslov je Webex kontaktni centar.

Primjer:

"appTitle": "Webex kontaktni centar"

Zadani appTitle mijenja se iz radne površine kontaktnog centra u kontaktni centar Webex. Nema utjecaja na postojeće prilagođene izglede koji koriste stari zadani appTitle (radna površina kontaktnog centra). Da biste koristili novi appTitle, morate izmijeniti prilagođeni izgled. Međutim, novi globalni izgled koristi zadani appTitle asWebex kontaktni centar.

Naslov može biti tekst, slika ili prazan niz. Tekst naslova prikazuje se u dva retka. Ako se tekst proteže dalje od drugog retka, prikazuje se ikona tri točke, a opis alata prikazuje cijeli naslov. Stilovi se ne mogu primijeniti na naslov.

Možete koristiti URI-je podataka (Uniform Resource Identifier) ili hostirati prilagođenu naslovnu sliku na mreži za isporuku sadržaja (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) segmentu ili sličnoj usluzi hostinga, a zatim navesti URL hostirane slike. Podržani formati naslovnih slika su PNG, JPG, JPEG, GIF, SVG i WebP. Podržana veličina naslovne slike je 184 x 32 piksela (širina x visina).

logotip

Da biste odredili URL za logotip tvrtke. Ako ne navedete URL, logotip Webex kontaktnog centra pojavljuje se prema zadanim postavkama.

Primjer:

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

Možete ugostiti prilagođenu sliku logotipa na CDN-u, Amazon Web Services (AWS) Simple Storage Service (S3) segmentu ili sličnoj usluzi hostinga, a zatim navesti URL hostirane slike. Podržani formati slika logotipa su PNG, JPG, JPEG, GIF, SVG i WebP. Podržana veličina slike logotipa je 96 x 32 piksela (širina x visina).

Tablica 1. Matrica prikaza za appTitle i logotip na temelju konfiguracije izgleda radne površine
Uvjet Primjer AppTitle logotip
Ako appTitle i logotip nisu konfigurirani 
"appTitle": "", "logo": "",
Nema naslova Zadani logotip
Ako su konfigurirani appTitle i logotip 
"appTitle": "ABC Company", "logo": "https://my-cdn.com/abclogo.png",
Konfigurirani tekst Konfigurirani logotip
Ako je appTitle konfiguriran, a logotip nije konfiguriran 
"appTitle": "ABC Company", "logo": "",
Konfigurirani tekst Zadani logotip

Ako appTitle nije konfiguriran i logotip je konfiguriran

 
"appTitle": "", "logo": "https://my-cdn.com/abclogo.png",
Nema naslova Konfigurirani logotip
Ako je appTitle konfiguriran, a logotip nije poželjan 
"appTitle": "ABC Company", "logo": "no-logo",
Konfigurirani tekst Nema logotipa

Ako appTitle nije konfiguriran i logotip nije preferiran

 
"appTitle": "", "logo": "bez logotipa",
Nema naslova Nema logotipa
Ako je appTitle dodan kao slika i konfiguriran je logotip 
"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "https://my-cdn.com/abclogo.png",
Konfigurirana slika Konfigurirani logotip

Ako je appTitle dodan kao slika, a logotip nije konfiguriran

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

Ako je appTitle dodan kao slika, a logotip nije preferiran 

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "no-logo",
Konfigurirana slika Nema logotipa
  • Prilagođena veličina slike prilagođava se na temelju omjera slike. Prilagođeni tekst naslova koji je ranije konfiguriran sada se može pojaviti u dva retka na radnoj površini. Da biste to izbjegli, možete izmijeniti prilagođeni tekst naslova.
  • Ako naslov i logotip nisu konfigurirani u vodoravnom zaglavlju radne površine, taj prostor koriste widgeti zaglavlja. Widgeti zaglavlja moraju biti ispravno konfigurirani za korištenje prostora naslova i logotipa.
  • Naslov i logotip zajedno ne smiju premašiti maksimalnu širinu od 304 piksela (uključujući podstavu). Ako je širina logotipa manja od 96 piksela, preostala širina može se koristiti za naslov.
  • Ako je prilagođena veličina slike veća od podržane veličine, veličina slike prilagođava se na temelju omjera slike u vodoravnom zaglavlju. Ako je prilagođena veličina slike manja od podržane veličine, stvarna veličina slike zadržava se u vodoravnom zaglavlju.

taskPageIllustration

Da biste odredili prilagođenu ilustraciju za stranicu zadatka na temelju preferencija tvrtke ili ustanove i usklađenosti robne marke. Kada se agent prijavi, na stranici zadatka konfigurirana ilustracija prikazuje se kao pozadina. Prema zadanim postavkama, stranica zadatka prikazuje se bez ilustracije.

Primjer:

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

Možete koristiti URI-je podataka ili hostirati prilagođenu ilustraciju na mreži za isporuku sadržaja (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) ili sličnoj usluzi hostinga, a zatim navesti URL hostirane ilustracije. Ilustracija se može konfigurirati na globalnoj ili timskoj razini na temelju definicije izgleda. Provjerite jeste li konfigurirali točan URL kako biste spriječili prikaz pokvarene slike na radnoj površini.

Podržani formati ilustracija stranica zadataka su PNG, JPG, JPEG, GIF, SVG i WebP. Preporučena veličina ilustracije je 400 x 400 piksela (širina x visina). Ako je prilagođena veličina ilustracije veća od preporučene veličine, veličina ilustracije prilagođava se na temelju omjera slike na stranici zadatka. Ako je prilagođena veličina ilustracije manja od preporučene veličine, stvarna veličina ilustracije zadržava se na stranici zadatka.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Primjer primjera prilagođene ilustracije koja zadržava stvarnu veličinu
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Primjer primjera prilagođene ilustracije prilagođene na temelju omjera slike

stopNavigateOnAcceptTask

Da biste odredili želite li premjestiti fokus na novoprihvaćeni zadatak, kada agent prihvati novi zadatak dok radi na prethodnom zadatku. Zadana vrijednost je false.

Primjer:

"stopNavigateOnAcceptTask": false

Ako je vrijednost postavljena kao true, kada korisnik prihvati novi zadatak na radnoj površini, fokus se zadržava na prethodnom zadatku i ne prebacuje se na novoprihvaćeni zadatak. Ova postavka sprječava da korisnik izgubi podatke prilikom prihvaćanja novog zahtjeva.

Na primjer, uzmite u obzir da je agent 1 na chatu s klijentom 1 i istovremeno na glasovnom pozivu s klijentom 2. Tijekom glasovnog poziva, agent 1 ažurira pojedinosti o klijentu 2 u oknu Kontrola interakcije. Agent 1 trenutačno ima dva aktivna zadatka u oknu Popis zadataka, a fokus je na oknu Kontrola interakcije. Kada agent 1 prihvati novi zahtjev za čavrljanje od klijenta 3, fokus ostaje na oknu Kontrola interakcije s klijentom 2 i ne prebacuje se na novoprihvaćeni zahtjev za čavrljanje.

Kako biste zadržali fokus na prethodnom zadatku i ne prebacili se na novoprihvaćeni zadatak, odaberite prilagođeni izgled s vrijednošću svojstva stopNavigateOnAcceptTask postavljenom na true.

Ako vrijednost svojstva stopNavigateOnAcceptTask nije unesena u JSON izgled, radna površina prebacuje fokus na novoprihvaćeni zadatak. Ponašanje je slično onome kada je vrijednost svojstva stopNavigateOnAcceptTask postavljena na false.

  • Postavka se primjenjuje na sve zadatke (glasovne i digitalne kanale) koji se izvode na radnoj površini — kao što su prihvaćanje zadatka, konferencije, savjetovanja ili prijenosa te za pozive za izlazak, odlazne pozive kampanje, automatsko završavanje itd.
  • Postavka se ne primjenjuje ako se korisnik radne površine nalazi na početnoj stranici, bez aktivnog zadatka u oknu Popis zadataka. U tom slučaju, kada se prihvati novi zadatak, fokus se prebacuje s početne stranice na novoprihvaćeni zadatak.

dragDropEnabled

Da biste omogućili povlačenje i ispuštanje i promjenu veličine widgeta na prilagođenim stranicama, postavite vrijednost na true. Zadana vrijednost je netočna.

Primjer:

"dragDropEnabled": false

Dodatne informacije o omogućivanju značajke povlačenja i ispuštanja za kartice u oknu pomoćnih informacija potražite u oknu pomoćnih informacija.

timodifikacija obavijesti

Postavljanje trajanja (u sekundama) nakon kojeg se obavijesti na radnoj površini automatski odbacuju. Obavijest se pojavljuje u gornjem desnom kutu radne površine. Zadana vrijednost prekoračenja vremena je 8 sekundi. Valjani raspon za vrijednosti prekoračenja vremena je 1-10 sekundi. Da bi promjene vremenskog ograničenja stupile na snagu, preglednik se mora osvježiti nakon izvršenih promjena.

Primjer:

"notificationTimer": 8

maximumNotificationCount

Postavljanje broja obavijesti na radnoj površini koje će se istovremeno prikazivati na radnoj površini. Zadana vrijednost je 3. Raspon obavijesti na radnoj površini je 1-10. Obavijesti na radnoj površini su složene. Ako postoji mnogo obavijesti, one se pojavljuju s malim zakašnjenjem, ovisno o postavkama obavijesti Timer .

Primjer:

"maximumNotificationCount": 3

browserNotificationTimer

Da biste postavili trajanje (u sekundama) nakon kojeg se obavijesti tostera preglednika na radnoj površini automatski odbacuju. Toster je izvorna obavijest preglednika koja se pojavljuje samo ako radna površina nije aktivni prozor ili kartica preglednika. Prozor ili kartica preglednika radne površine neaktivni su kada

  • Radite na drugim prozorima ili karticama preglednika.

  • Radite na drugim aplikacijama.

  • Minimizirali ste prozor preglednika radne površine.

Obavijest se pojavljuje u gornjem desnom kutu radne površine. Zadana vrijednost prekoračenja vremena je 8 sekundi. Preporučeni raspon za vrijednosti prekoračenja vremena je 5-15 sekundi. Da bi promjene vremenskog ograničenja stupile na snagu, preglednik se mora osvježiti nakon izvršenih promjena.

Primjer:

"browserNotificationTimer": 8

Konfigurirano vremensko ograničenje za obavijesti preglednika ovisi o operacijskom sustavu i postavkama preglednika. Vremensko ograničenje dodjeljuje se u pregledniku Chrome za Windows OS, Chrome OS i macOS. Međutim, ostali podržani preglednici ne preuzimaju postavljenu vrijednost vremenskog ograničenja obavijesti dosljedno.

wxmKonfigurirano

(Neobavezno) Da biste konfigurirali Webex Experience Management, postavite vrijednost na true. Zadana vrijednost je netočna.

Primjer:

"wxmConfigured": istinito

desktopChatApp

Konfiguriranje više aplikacija za chat koje nudi Cisco, kao što Webex aplikacija.

webexKonfigurirano

Aplikacija Webex zajedno s funkcijama razmjene poruka i sastanaka može se konfigurirati na radnoj površini. Ova konfiguracija omogućuje agentima suradnju s drugim agentima, nadzornicima i stručnjacima za predmete (MSP-ove) u njihovoj tvrtki ili ustanovi bez navigacije s radne površine.

  • Administrator web-mjesta upravlja Webex korisnicima sastanka i dodjeljuje privilegije samo ako su korisnici Webex Enterprise Edition. Dodatne informacije potražite u članku Upravljanje Webex Meetings korisnicima u Cisco Webex Control Hub.
  • Nadzornici i MSP-ovi moraju preuzeti Webex klijenta na svoj sustav (osobni uređaj) ili pristupiti aplikaciji Webex putem aplikacije Webex Web ( https://web.webex.com/). Dodatne informacije potražite u odjeljku Preuzimanje aplikacije.
  • Aplikaciji Webex možete pristupiti unutar Agent Desktop da biste surađivali s drugim agentima, nadzornicima i stručnjacima za predmete (MSP-ove) svoje tvrtke ili ustanove bez navigacije od Agent Desktop. Značajka upravljanja pozivima nije dostupna. Za primanje i upućivanje poziva potrebna vam je vanjska, neugrađena aplikacija Webex. Dodatne informacije potražite u odjeljku Aplikacije za pozivanje.

Da biste konfigurirali aplikaciju Webex na radnoj površini:

  • U Cisco Webex Control Hub prilikom dodavanja usluga za korisnika potvrdite okvir Napredna razmjena poruka (Korisnici > Upravljanje korisnicima > Usluge > Poruke). Dodatne informacije potražite u odjeljku Upravljanje korisničkim računima u odjeljku Cisco Webex Administracija web-mjesta.

  • U prilagođenom izgledu radne površine postavite vrijednost svojstva webexConfigured na true.

    Primjer:

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

    Zadana vrijednost svojstva webexConfigured je netočna.

    Webex aplikacija dostupna je za uloge agenta, nadzornika i nadzornikaAgenta samo ako postavite vrijednost svojstva webexConfigured na istinito za svaku od ovih uloga. Agent, nadzornik ili nadzornik ne mogu se odjaviti iz aplikacije Webex.

    Da biste prikazali Webex ikona (Webex) u vodoravnom zaglavlju radne površine unesite webex vrijednosti u svojstvo HeaderActions . Dodatne informacije potražite u odjeljku Akcije zaglavlja.

    Da biste omogućili aplikaciju Webex za određeni tim, odaberite prilagođeni izgled s vrijednošću svojstva webexConfigured postavljenom na istinito. Dodatne informacije potražite u članku Stvaranje tima.

Aplikaciju Webex možete konfigurirati i u oknu pomoćnih informacija, prilagođenoj stranici i prilagođenom widgetu. Dodatne informacije potražite u oknu pomoćnih informacija.

Obavijest aplikacije Webex

Vrijednosti određene pomoću svojstava NotificationTimer i browserNotificationTimer za mjerač vremena obavijesti primjenjive su za aplikaciju Webex. Zadana vrijednost prekoračenja vremena je 8 sekundi za ta svojstva. Dodatne informacije potražite u člancima NotificationTimer i browserNotificationTimer.

Akcije zaglavlja

Promjena redoslijeda ikona u vodoravnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

  1. Webex ikona (Webex)

  2. Korištenje telefona za zvučni indikator (Outdial poziv)

  3. Ikona obavijesti. (Centar za obavijesti)

Vrijednost svojstva headerActions postavite na sljedeći način:

Naziv ikone

zaglavlja Akcija Vrijednost svojstva

Aplikacija Webex

Webex

Odlazni poziv

outdial

Centar za obavijesti

obavijest

Primjer:

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

Vrijednost svojstva headerActions razlikuje velika i mala slova.

Za promjenu zadanog redoslijeda ikona unesite svojstvo HeaderActions i vrijednosti u prilagođenom izgledu u skladu s tim.

Primjer:

"headerActions": ["notification", "outdial", "webex"],
  • Ako u prilagođeni izgled ne unesete svojstvo i vrijednosti zaglavlja , ikone će se prikazati zadanim redoslijedom.
  • Za uklanjanje ikona zaglavlja i pridruženih funkcija s radne površine postavite praznu vrijednost za svojstvo headerActions (" headerActions": []). Međutim, ako ste Webex aplikaciju dodali u okno pomoćnih informacija ili prilagođenu stranicu ili kao prilagođeni widget, agent i dalje može pristupiti aplikaciji Webex iako Webex aplikacija nije dostupna u vodoravnom zaglavlju radne površine.
  • Ako je vrijednost svojstva webexConfigured postavljena kao netočna, ikona aplikacije Webex ne prikazuje se u vodoravnom zaglavlju radne površine, čak i ako je vrijednost webex dodana u svojstvo zaglavljeActions . Dodatne informacije potražite u odjeljku webexConfigured.

područje

Svojstvo područja osnovni je dio izgleda radne površine. Izgled možete definirati prema području. 

"područje": { "zaglavlje": { ... }, "advancedHeader: { { "comp": "widget-1", "atributi": { ... }, "skripta": .... } }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } },

Možete konfigurirati sljedeće objekte područja :

  • Ploča: predstavlja drugu ploču ili krajnju desnu ploču u oknu pomoćnih informacija.

  • Navigacija: predstavlja prilagođene stranice i njihove navigacijske elemente povezane sa stranicama.

  • Postojano: predstavlja widgete na razini stranice koji su postojani i prikazuju se na svim stranicama radne površine.

  • Bez glave: predstavlja widgete koji nemaju vizualno sučelje, ali izvršavaju logiku u pozadini.

Ako je konfigurirano svojstvo advancedHeader, potrebno je ukloniti svojstva zaglavlja i zaglavljaAkcija.

napredni Zaglavlje

Da biste prilagodili vidljivost i promijenili redoslijed ikona u vodoravnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

  1. Webex ikona (Webex)

  2. Korištenje telefona za zvučni indikator (Outdial poziv)

  3. Ikona obavijesti. (Centar za obavijesti)

  4. Webex birač stanja agenta kontaktnog centra. (Birač stanja agenta)

Vrijednost svojstva advancedHeader postavite na sljedeći način:

Naziv ikone

zaglavlja Akcija Vrijednost svojstva

Aplikacija Webex

AgentX-Webex

Odlazni poziv

AgentX-outdial

Centar za obavijesti

AgentX-obavijest

Birač stanja agenta

AgentX-State Selector

Primjer:

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

Vrijednost svojstva advancedHeader razlikuje velika i mala slova.

Za promjenu zadanog redoslijeda ikona unesite svojstvo advancedHeader i vrijednosti u prilagođenom izgledu u skladu s tim.

Widgeti ulaze u padajući izbornik s lijeva na desno.

  • Ako u prilagođeni izgled ne unesete svojstvo advancedHeader , prikazat će se zadano zaglavlje.

  • Kada je omogućeno napredno zaglavlje, trebali biste premjestiti widgete iz postojećeg zaglavlja u napredno zaglavlje prema primjeru.

  • Kada je omogućeno napredno zaglavlje, staro zaglavlje neće biti prikazano.

  • Svaka ikona widgeta ima zadanu podlogu i marginu koja je definirana putem CSS-a i ne može se prilagoditi putem radne površine.

  • Mjesto ikona logotipa, naslova i profila je fiksno i ne može se prilagoditi.

  • Za uklanjanje ikona zaglavlja i pridruženih funkcionalnosti s radne površine postavite praznu vrijednost za pridruženu komponentu u svojstvu advancedHeader ("advancedHeader": []).

    Ako ste aplikaciju dodali Webex oknu pomoćnih informacija ili prilagođenoj stranici ili kao prilagođeni widget, agent i dalje može pristupiti aplikaciji Webex iako Webex aplikacija nije dostupna u vodoravnom zaglavlju radne površine.

  • Ako dodate widget s dugom oznakom, bit će prikazan skraćeni naziv naljepnice u skladu s raspoloživim prostorom.

    Atribut textContent možete koristiti za dodavanje natpisa u widget.

    Primjer:

    { "comp": "timer-widget", "atributi": { "trajanje": "08:00:00" }, "textContent": "Odbrojavanje mjerača vremena za trenutni pomak", "skripta": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }

    Oznaka "Odbrojavanje brojača vremena za trenutnu smjenu" bit će skraćena i prikazana u skladu s raspoloživim prostorom.

    • Izbjegavajte dodavanje widgeta s dugom oznakom.

    • Kada widget teče prema padajućem izborniku, moguće je kliknuti samo ikonu widgeta.

  • Ako je vrijednost svojstva webexConfigured postavljena kao false, ikona aplikacije Webex ne prikazuje se u vodoravnom zaglavlju radne površine, čak i ako je vrijednost webex dodana u svojstvo advancedHeader . Dodatne informacije potražite u odjeljku webexConfigured.

Polazna stranica

Kada se prijavite na radnu površinu, slijećete na početnu stranicu.

Početna stranica primjenjiva je samo na nadzornike i supervizore.

Sljedeće widgete možete pogledati na početnoj stranici. Widgeti za analizu pružaju se prema zadanim postavkama, ali administrator može konfigurirati i trajne i prilagođene widgete. Dodatne informacije potražite u odjeljku JSON Svojstva najviše razine izgleda.

Widgeti analizatora

Prema zadanim postavkama widget Analizator prikazuje se na početnoj stranici radne površine.

Konfiguracija izgleda početne stranice

Početnu stranicu radne površine možete konfigurirati za prikaz izgleda koji se temelji na preferencama tvrtke ili ustanove i usklađivanju robne marke. Uredite polje Početna stranica da biste konfigurirali početnu stranicu. Možete konfigurirati sljedeće komponente za prikaz na početnoj stranici kada se korisnik prijavi na radnu površinu:

  • Poruka dobrodošlice

  • Ikona Zadatak na navigacijskoj traci za navigaciju do okna zadatka. Ikona Zadatak prikazuje se za ulogu nadzornika i nadzornika i agenta s omogućenom značajkom nadzora poziva. Okno zadatka prikazuje dolazne zahtjeve kupaca, aktivne i prošle interakcije s klijentima te aktivne zahtjeve za praćenje.

  • Filtrirajte odjeljke kao što su Naziv reda čekanja, Vrsta kanala i Upravljani timovi.

U sljedećoj su tablici opisana svojstva stranice potrebna za konfiguriranje početne stranice:

Stol 2. Dinamički izgled početne stranice – svojstva stranice

Svojstvo

Opis i šifra

Stranica > koristiFlexLayout

Flex izgled je nova web-komponenta. To ne mijenja postojeće widgete. Novi flex izgled koristi isti format konfiguracije izgleda na pojednostavljen način. Kompatibilan je sa starijim verzijama i ne utječe na postojeće widgete. Morate konfigurirati JSON izgled. Za konfiguriranje JSON izgleda, navedite visinu i širinu widgeta. Widget se prikazuje u istom redoslijedu kao što je konfiguriran unutar JSON izgleda. Widgeti imaju zadanu marginu od 8 px.

JSON izgled temelji se na dimenzijama (širina x visina) i koordinatama (X, Y i Z) widgeta.

Fleksibilan izgled podržava mogućnosti kao što su promjena veličine pojedinačnog widgeta, maksimiziranje widgeta i tako dalje.

Visina pojedinačnih widgeta mjeri se u pikselima. 1 jedinica visine = 40 piksela. Širina widgeta ovisi o broju stupaca u spremniku i broju stupaca koji se mijenjaju ovisno o širini spremnika.

Widgeti se prikazuju s lijeva na desno. Napredni mehanizam izgleda koristi prilagođenu logiku za primjenu horizontalnog i okomitog podešavanja prostora widgeta. U početku se izgled učitava vodoravno. Nakon vodoravnog učitavanja, widget se učitava okomito i osigurava optimalnu iskorištenost prostora.

Konfigurirajte widgete na temelju veličine zaslona. Širinu widgeta možete povećati ili smanjiti na temelju veličine zaslona. To widgete čini čitljivijima i upotrebljivijima.

Flex izgled pruža standardne točke prekida kao što su velike, srednje, male i iznimno male.

  • Veliki widgeti imaju razlučivost od 1360 px ili više. Za velike widgete navedite vrijednost stupca kao 12.

  • Srednji widgeti imaju razlučivost od 1070 px do 1360 px. Za srednje widgete navedite vrijednost stupca kao 10.

  • Mali widgeti imaju razlučivost od 850 px do 1070 px. Za male widgete navedite vrijednost stupca kao 6.

  • Iznimno mali widgeti imaju razlučivost od 500 px. Za ekstra male widgete navedite vrijednost stupca kao 4.

Ti se pikseli mogu razlikovati ovisno o operacijskom sustavu i pregledniku.

"stranica": { "id": "slijetanje", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 1", "atributi": { "style": "width: max-content; margina: 80px 240px; Boja: bijela;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "atributi": { "style": "width: max-content; margina: 80px 240px; Boja: bijela;" } } }

Stranica > komp

Provjerite jeste li naveli jedinstvenu prilagođenu komponentu.

"račun": "Naslov stranice",

Komponenta naslova stranice predstavlja naslov razine 2<h2> prilagođenog HTML elementa.

Stranica > straniceZaglavlje

Provjerite jeste li odredili niz naslova koji može biti statičan, dinamičan ili oboje.

Komponenta naslova stranice predstavlja naslov razine 2<h2> u prilagođenom HTML elementu.

  • Statički niz: Na primjer, Hej, Dobrodošli!

    "račun": "naslov stranice", "atributi": { "pageTitle": "Hej, dobrodošli!" }

  • Dinamički niz: za dohvaćanje vrijednosti iz TRGOVINE. Na primjer, Jane Doe.

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

  • Oboje: Kombinacija statičkih i dinamičkih nizova. Na primjer, Hey Jane Doe, Dobrodošli!

    "comp": "page-title", "atributi": { "pageTitle": "Hey {$STORE.agent.agentName}, Dobrodošli!" }

    Dinamički dio niza morate zatvoriti unutar zatvorenih kovrčavih zagrada {} i prefiksa sa strukturom $.

Stranica > straniceSubHeader

Obavezno dodajte podzaglavlje koje se prikazuje na radnoj površini. Korisnik može dodati Go to Analyzer u podzaglavlje.

  • Blok koda za podzaglavlje

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "atributi": { "style": "display: flex; float:desno; margina:16px 0px 16px 16px" }, "djeca": [ { "comp": "div", "children": [ { "comp": "md-label", "textContent": "$I 18N.pageSubHeader.queueName", "atributi": { "style": "margin-bottom:8px;" }

  • Blok koda za Idi na analizator u podzaglavlju

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

Navigacija (prilagođene stranice)

U ovom odjeljku možete dodati stranice koje se pojavljuju na lijevoj navigacijskoj traci. Određujete ikonu navigacije i jedinstveni URL widgeta koji će se pojaviti na navigacijskoj traci. Preporučujemo korištenje određenog prefiksa za URL kako biste izbjegli sukobe. Za više detalja pogledajte odjeljak svojstava navigacije .

Možete imati i zbirku widgeta koji se mogu prikazati na ovoj stranici. Stranica može imati jedan widget koji se pojavljuje na zaslonu ili zbirku widgeta u rešetki. Dodatne pojedinosti o rasporedu rešetke potražite u odjeljku svojstava izgleda.

Ne morate dodavati omot dinamičkog područja na stablo widgeta. To znači da možete povući i ispustiti i promijeniti veličinu widgeta na prilagođenim stranicama kada omogućite ovu mogućnost.

Primjer: 

{ "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", "atributi": { "slot": "tab" } }, { "comp": "md-tab-panel", "atributi": { "slot": "panel" }, "children": [{ "comp": "my - custom - timer", "source": http: my-cdn.com/my-custom-timer.js "omot": { "title": "Shift Timer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textContent": "Stock Market", "responzivno": "false" "atributi": { "slot": "tab" }, }, { "comp": "md-tab-panel", "atributi": { "slot": "panel" }, "children": [{ "comp": "agentx-wc-iframe", "responsive": "false" "atributi": { "src": "https://widget-kad.s3.amazonaws.com/Trading.htm" }, "wrapper": { "title": "Stock Market", "maximizeAreaName": "app-maximize-area" } }], }, { "comp": "md-tab", "textContent": "Widget3", "atributi": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Tri sadržaja", "atributi": { "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] } } },

Sljedeća tablica opisuje svojstva navigacije i stranice zajedno s njihovim podređenim svojstvima:

Stol 3. Detalji o navigacijskom svojstvu

Svojstvo

Opis i šifra

Navigacijska > oznaka

Ovo svojstvo označava identifikator navigacije stranicom. Čitač zaslona čita ovo svojstvo i pojavljuje se u opisu alata.

Ti su parametri potrebni za prikaz prilagođene stranice na navigacijskoj traci. 

type Navigation.Item = { label: string; iconType: "momentum" | "ostalo"; ikona: niz; poravnaj: "gore" | "dno"; navigateTo: niz; veličina ikone? : broj; je Responsive? : booleov; };

Svojstvo label je naslov prilagođene stranice.

nav > iconType

Ovo svojstvo predstavlja vrstu ikone koja se prikazuje u navigacijskoj traci za prilagođenu stranicu.

Dostupne su sljedeće vrste ikona:

  • Momentum: Možete odabrati bilo koju dostupnu ikonu u zbirci: https://momentum.design/icons. Prednost korištenja Momentuma je u tome što nudi nekoliko ikona s "aktivnom" verzijom.

    Slučaj upotrebe aktivne verzije:

    Na primjer, ako odaberete vrstu ikone Momentum najava, možete vidjeti zadanu ikonu na navigacijskoj traci. Kada prijeđete na prilagođenu stranicu (povezanu s ikonom), ikona se mijenja u najava-aktivna Verzija automatski. Obavezno provjerite ima li aktivan Verziju te iste ikone u biblioteci ikona.

  • Ostalo: Možete dati prilagođeni URL slike (koji se nalazi na CDN-u) koji se pojavljuje na navigacijskoj traci. Ako koristite crnu ili bijelu prilagođenu ikonu, ikona nije vidljiva kada se prebacujete između svijetlog i tamnog načina rada.

nav > ikona

Ovo svojstvo predstavlja naziv ikone u biblioteci Momentum ili CDN URL.

type Navigation.Item ={ icon:"announcement"; }; // ILI // upišite Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };

nav > poravnaj

Ovo svojstvo pomaže vam poravnati ikonu s vrhom ili dnom navigacijske trake.

Trenutačno svojstvo dopušta samo gornje poravnanje.

nav > isDefaultLandingPage

Ovo svojstvo navodi zadanu odredišnu stranicu za agente u Agent Desktop. Postavite ovo svojstvo na true da stranica navigacijske trake bude zadana odredišna stranica koja se pojavljuje za agente nakon prijave na Agent Desktop. Ako više od jedne stranice navigacijske trake ima ovo svojstvo postavljeno na true, sustav smatra da je prva stranica navigacijske trake zadana odredišna stranica.

Ako nijedna stranica navigacijske trake nema ovo svojstvo postavljeno na true, početna stranica djeluje kao zadana odredišna stranica.

Ne možete postaviti izvješća statistike učinka agenta kao zadanu odredišnu stranicu.

nav > kreni do

Ovo svojstvo navodi naziv prilagođene stranice. Ovo se ime pojavljuje u adresnoj traci kada se agent kreće.

NavigateTo ne smije sadržavati sljedeće vrijednosti: slike, fontovi, css, build_info, pomoć, aplikacija, i18n, ikone, slike-mfe-wc i zvukovi.

type Navigation.Item = { navigateTo: "my - custom - page"; };
Tablica 4. stranica Detalji o svojstvu

Vlasništvo

Opis i šifra

stranica > id

Dolazni stranica Svojstvo, navedete objekt prilagođene stranice (dinamički widget).

Usluga id Svojstvo predstavlja jedinstveni identifikator stranice. Na primjer, moja-prilagođena-stranica-1. Agent ne može vidjeti ovaj identifikator na radnoj površini.

type DynamicWidgets.Page = { id: niz; widgeti: Snimi < niz, DynamicWidget.Options > ; izgled: Izgled; };

stranica > koristi FlexLayout

Flex layout je nova web komponenta. Ne mijenja postojeće widgete. Novi fleksibilni izgled koristi isti format konfiguracije izgleda na pojednostavljen način. Kompatibilan je s prethodnim verzijama i ne utječe na postojeće widgete. Morate konfigurirati JSON izgled. Da biste konfigurirali JSON izgled, navedite visinu i širinu widgeta. Widget se prikazuje u istom slijedu kao što je konfiguriran unutar JSON izgleda. Widgeti imaju zadanu marginu od 8 px.

JSON izgled temelji se na dimenzijama (širina x visina) i koordinatama (X, Y i Z) widgeta.

Fleksibilni izgled podržava mogućnosti kao što su promjena veličine pojedinačnih widgeta, maksimiziranje widgeta i tako dalje.

Visina pojedinačnih widgeta mjeri se u pikselima. 1 jedinica visine = 40 piksela. Širina widgeta ovisi o broju stupaca u spremniku i broju stupaca koji se mijenjaju na temelju širine spremnika.

Widgeti se prikazuju slijeva nadesno. Napredni mehanizam za izgled koristi prilagođenu logiku za primjenu vodoravne i okomite prilagodbe prostora widgeta. U početku se izgled učitava vodoravno. Nakon vodoravnog učitavanja, widget se učitava okomito i osigurava da je iskorištenost prostora optimalna.

Konfigurirajte widgete na temelju veličine zaslona. Možete povećati ili smanjiti širinu widgeta, ovisno o veličini zaslona. Time widgeti postaju čitljiviji i upotrebljiviji.

Flex raspored pruža standardne prijelomne točke kao što su velike, srednje, male i ekstra male.

  • Veliki widgeti imaju razlučivost od 1360 px ili više. Za velike widgete navedite vrijednost stupca kao 12.

  • Srednji widgeti imaju razlučivost od 1070 px do 1360 px. Za srednje widgete navedite vrijednost stupca kao 10.

  • Mali widgeti imaju razlučivost od 850 px do 1070 px. Za male widgete navedite vrijednost stupca kao 6.

  • Ekstra mali widgeti imaju rezoluciju od 500 px. Za posebno male widgete, odredite vrijednost stupca kao 4.

Ovi pikseli mogu se razlikovati ovisno o operativnom sustavu i pregledniku.

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

stranica > widgeti

stranica > komp

Pomaže vam definirati prilagođene widgete. Za postavljanje više widgeta odredite opcije widgeta redom. Svakom widgetu svakako dodijelite jedinstveni naziv područja. Kasnije ga upotrijebite u odjeljku izgleda.

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

Ovo svojstvo predstavlja naziv prilagođenog HTML elementa (poznatog kao web komponenta ili bilo koji drugi element - ako ga želite koristiti kao omot). Za više informacija pogledajte Primjeri primjera slučajeva upotrebe. Ovdje unesite naziv prilagođenog elementa bez uglatih zagrada ("<" ili ">"). Na primjer, "moj-prilagođeni-element".

Svaki unos u odjeljku widgeta podržava sljedeći format:

tip Opcije = { komp: niz; scenarij? : niz; svojstva? : Zapis < niz, bilo koji > ; atributi? : Zapis < niz, niz > ; djeca? : Opcije[]; textContent? : niz; stil? : Djelomično < CSSStyleDeclaration > ; omot? : { naslov: niz; maximizeAreaName: niz; }; };

stranica > skripta

(Izborno) Ovo je svojstvo potrebno samo kada učitavate widget ili komponentu s udaljene lokacije kao što je CDN. 

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

Nemojte mijenjati URL skripte za istu komponentu. Ako trebate promijeniti URL skripte za istu komponentu, učinite jedno od sljedećeg:

  • Obavijestite agenta da izbriše predmemoriju preglednika i ponovno učita Agent Desktop.

  • Zadrži postojeći URL. Dinamički uvezite novi URL paketa koristeći javascript hostiran u postojećem URL-u.

    Primjer:

    (function() { var script = document.createElement("script"); script.src = <URL vaše JS skripte> script.type = "text/javascript"; script.async = true; document.getElementsByTagName ("head").item(0).appendchild(script); } ) ()

stranica > svojstva

Možete navesti svojstva koja morate proslijediti za web komponentu. 

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

stranica > responzivna

Određuje je li web-komponenta ili widget temeljen na iFrameu koji je dodan u prilagođeni izgled na razini stranice ili comp responzivan. Responzivne web komponente čine vašu web stranicu vizualno privlačnom na svim uređajima i jednostavne su za korištenje. Morate koristiti responzivne iFrame widgete.

Konfigurirajte ovo svojstvo s jednom od sljedećih vrijednosti:

  • Istina: Omogućuje responzivnost widgeta. Prema zadanim postavkama, svi widgeti reagiraju na temelju progresivnih veličina zaslona, ​​orijentacije i područja gledanja uređaja koji se koristi.

  • False: Onemogućuje odziv widgeta. Ako widgeti ne podržavaju gledanje na različitim uređajima, označite ih kao nereagirajuće.

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

Widgeti koji ne reagiraju ne mogu osigurati najbolje korisničko iskustvo i ne prikazuju se u smanjenom prikazu. Agent mora povećati veličinu prozora preglednika kako bi vidio sve widgete koji su konfigurirani kao neodgovarajući.

atributi stranice >

U ovom odjeljku možete navesti atribute web komponente. 

"atributi": { "onemogućeno": "false", },

stranica > vidljivost

Određuje jesu li widgeti koje nudi Cisco dodani u prilagođeni izgled na razini stranice ili comp razini vidljivi ili ne.

Widgeti koje nudi Cisco su Povijest kontakata, Cisco Webex Experience Management, IVR transkript, Preview Campaign Call Guide i Screen Pop.

  • Vrijednosti svojstava visibility ugrađene su i definirane u zadanoj JSON datoteci Desktop Layout-a. Administrator ne može mijenjati vrijednosti vidljivosti svojstava widgeta koje nudi Cisco.

  • visibility vrijednost svojstva NOT_RESPONSIVE je zastarjela. Možete ga nastaviti koristiti samo za kompatibilnost sa starijim verzijama. Bilo koja prethodno postavljena vrijednost kao NOT_RESPONSIVE ne zahtijeva izmjene jer funkcionalnost ostaje ista.

    Za postavljanje novostvorenog widgeta kao responzivnog ili neresponzivnog, morate koristiti svojstvo responsive . Za više informacija pogledajte responzivno svojstvo.

stranica > djeca

Ovo svojstvo je ključni dio izgleda. u djece Odjeljak, možete ugniježditi onoliko razina koliko je potrebno ako vam widget temeljen na web-komponenti dopušta prosljeđivanje djece. Da bi to bilo moguće, razvojni programer mora programski obraditi S prorezom sadržaj. Za više informacija pogledajte Cisco Webex Contact Center Desktop Developer Guide.

Da biste saznali više o prosljeđivanju STORE vrijednosti kao svojstava, pogledajte Dijeljenje podataka s radne površine na widgete. 

"djeca": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "djeca": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" } ] } ],

Prednost odjeljka polja "djeca" je u tome što možete koristiti postojeće web-komponente u svojoj specifikaciji izgleda, koja je već dio paketa Desktop. Nekoliko web-komponenti paketa Desktop uključuje:

  • agentx-wc-iframe: widget koji vam omogućuje postavljanje bilo koje web stranice u iFrame kao widget.

  • Dinamičko područje: komponenta koja vam omogućuje da omogućite značajku povuci i ispusti za agente na mjestu koje nije na prilagođenim stranicama. Prilagođene stranice također mogu imati ovu mogućnost ako omogućite povlačenje i ispuštanje prema zadanim postavkama.

  • Bilo koja komponenta u biblioteci momentum-ui-web-component. Za više informacija pogledajte GitHub. Na primjer:

    • md-tabs: omotač spremnika kartica

    • md-tab: zaglavlje jedne kartice

    • md-tab-panel: Sadržaj jedne kartice

Za više informacija o atributima za trajnu karticu pogledajte Atributi za trajne kartice.

stranica > sadržaj teksta

Pomaže vam da dodate svoj tekstualni sadržaj. 

"textContent": "Moj tekstualni sadržaj",

stranica > stil

Pomaže vam da svojoj komponenti dodijelite određeni CSS stil.

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

stranica > omot

Omotač widgeta omogućuje vam dodavanje alatne trake na vrh vašeg widgeta. Alatna traka može sadržavati naslov i Ikona maksimiziranja ( Maksimiziraj) na vrhu widgeta. Kada je widget zauzeo mali prostor na stranici, ikona za maksimiziranje omogućuje agentu da vidi widget u punom radnom prostoru.

Provjerite koristite li zadanu vrijednost kao "app-maximize-area". Trenutno je dostupna samo zadana vrijednost. 

"wrapper": { "title": Moj naslov widgeta ", "maximizeAreaName": "app-maximize-area" }

stranica > omot> id

(Izborno) Omotač widgeta web komponente omogućuje vam ažuriranje naslova dinamičkog widgeta pomoću jedinstvenog identifikatora. Unesite omot widgeta id vrijednost imovine kao jedinstveni-id-za-ažuriranje naslova. 

"wrapper": { "title": Moj naslov widgeta ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" }

Provjerite koristite li isti jedinstveni identifikator za JavaScript CustomEvent. Za više informacija pogledajte Asinkroni događaji odjeljak u Modul za kontakt s agentom poglavlje od Cisco Webex Contact Center Razvojni programer za stolna računala.

Za ažuriranje naslova widgeta temeljenog na iFrameu koristite iFrame sadržaj iz iste domene. Slijedi primjer primjera:

< vrsta skripte = "tekst/javascript" >var title = ""; window.addEventListener("update-title-event", function(e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { bubbles: true, detail: { title: "new title" } }); window.parent.dispatchEvent(e); }; < /skripta>< id gumba = "customEvent" > Novi naslov< /gumb>< iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" >< /iframe>

stranica > agentx-wc-iframe

Omogućuje vam da ugradite web stranicu u iFrame koji se pojavljuje kao widget na radnoj površini. Možete koristiti iFrame widget pod nazivom "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" } },

stranica > izgled

Omogućuje vam da rasporedite widgete na stranici.

Sljedeći format predstavlja raspored mreže:

tip Izgled = { područja: niz[][]; veličina: { redovi: broj[]; cols: broj []; }; };

Ovdje možete definirati mrežu s nazivima područja koje ste definirali u odjeljku widgeti .

Sljedeći primjer pokazuje kako je određen raspored tri retka i tri stupca: 

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

U odjeljku veličine brojevi predstavljaju udio prostora koji widget može zauzeti u odnosu na druge widgete. Sva tri stupca zauzimaju jednako 1 djelić prostora. Uz 100% dostupne širine, svaki widget zauzima 33,33% horizontalnog prostora.

S jednakom širinom stupca
Equal column width layout for Webex Contact Center Desktop layout configuration.

Još jedan primjer slučaja upotrebe, ako postavite kao "cols": [1, 2, 2], to znači da je ukupni prostor podijeljen s 5 (1+2+2), a prvi widget zauzima 20% horizontalnog prostora. Drugi i treći widget zauzimaju po 40%. Za više informacija pogledajte Osnovni koncepti rasporeda mreže.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
Nakon promjene širine stupca

stranica > KORIJEN

Ugniježđenje izgleda naziva se podizgled. U slučaju da imate ugniježđene izglede u svojoj konfiguraciji izgleda, morate imati jedan "ROOT" objekt kao nadređenog za podizglede. U suprotnom, vaša konfiguracija izgleda može biti ravna ako nije potrebno ugniježđivanje.

Ovaj podizgled pruža više kontrole nad ponašanjem promjene veličine izgleda. Svojstvo izgled stranice mora biti tipa Record<string, Layout>. Svojstvo izgleda vam omogućuje da rasporedite widgete na stranici.

{ "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": { "područja": [ ["c3", "c4"] ], "veličina": { "stupci": [1, 1], "redovi": [1] } }, "sub2": { "područja": [ ["c1"], ["c5"] ], "veličina": { "stupci": [1], "redovi": [1, 1] } } } }

Ova postavka stvara rešetku u ROOT izgledu s dvije podmreže kojima možete neovisno mijenjati veličinu.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Izgled podizgleda

Promjena veličine komponente utječe na komponente unutar tog podizgleda.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
Nakon promjene veličine obaju podizgleda

Budite svjesni sljedećih slučajeva:

Beskonačna petlja: Ako uključite ROOT izgled kao podizgled ROOT-a, to uzrokuje pogrešku "premašen je skup poziva" i pokreće se u beskonačnu petlju.

{ "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.
Podizgled s beskonačnom petljom

Isti podizgled (N) puta: Ako uključite podizgled u svoju mrežu više od jednom s istim nazivom i ako promijenite veličinu jednog od njih, svim podizgledima automatski se mijenja veličina.

Ako ovo nije željeno ponašanje, preimenujte svaki podizgled jedinstvenim imenom.

{ "layout": { "ROOT": { "areas": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "rows": [1, 1] } }, "sub1": { "areas": [ ["c3", "c4"] ], "size": { "cols": [1, 1], "redovi": [1] } } } }
Sub-layout appearance with N times for Webex Contact Center Desktop layout configuration.
Podizgled s N puta

Atributi za trajne kartice

Da biste postavili kartice na prilagođenim stranicama i prilagođene widgete kao trajne, unesite atribute za md-tabs u prilagođeni izgled.

Primjer: Postavite kartice kao postojane

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id za sve kartice zajedno u spremniku" }, }

Vlasništvo

Opis

Ustrajati odabir

Da postavite md-tabs da budu postojani. Zadana vrijednost je true.

tabs-id

Jedinstvena identifikacija za sve kartice zajedno u spremniku.

Kada postavite md-tabs da budu postojani (persist-selection: true), Agent Desktop zadržava odabir kartice čak i ako se agent prebacuje između stranica ili widgeta na radnoj površini.

  • The ustrajati odabir svojstvo nije primjenjivo za kartice u oknu s pomoćnim informacijama i stranici s izvješćima o statistici učinka agenta jer je trajno ponašanje kartice već postavljeno na radnoj površini.
  • Odabir kartice vraća se na zadanu karticu kada se odjavite s radne površine, ponovno učitate/osvježite preglednik ili izbrišete predmemoriju preglednika.

Konfiguracija trajnih widgeta

Možete konfigurirati bilo koji prilagođeni widget da bude postojan. Trajni widgeti prikazuju se na svim stranicama radne površine. Trajni widgeti prikazuju se kao nova kartica u oknu s pomoćnim informacijama samo kada imate aktivan zahtjev za kontakt ili razgovor. Na primjer, Sample Persistent widget.

Trajni widgeti ne prikazuju se na početnoj stranici na način na koji se prikazuju na drugim stranicama. Međutim, ako imate aktivnu interakciju, postojani widgeti prikazuju se na početnoj stranici kao dio okna pomoćnih informacija. Na primjer, kada ste odgovorili na poziv, prikazuje se okno Kontrola interakcije i Sample Persistent widget se prikazuje kao dio okna pomoćnih informacija.

Primjer: 

"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"] ], "veličina": { "stupci": [1, 1], "redovi": [1] } } } } }] } ] }

Kada prilagodite widget, možete odabrati jednu od opcija:

  • Postavite aplikaciju na web stranicu koja se može ugraditi unutar iframea.

  • Izradite prilagođeni widget.

Tehnički zahtjevi widgeta opisani su u Dokumentaciji za razvoj widgeta za radnu površinu. Kao uređivač izgleda, provjerite imate li ove pojedinosti:

  • Kako se zove prilagođeni HTML element (poznat kao web-komponenta)?

  • Koji je URL izvora mreže za isporuku sadržaja (CDN) koji ugošćuje JavaScript paket?

Widgeti zaglavlja

Zaglavlje se koristi za prikaz inline informacija, za dodavanje padajućih izbornika i tako dalje. Budući da spremnik zaglavlja ima ograničen okomiti prostor, ukupna visina zaglavlja je samo 64 piksela. Za više informacija o poravnanju izgleda pogledajte odjeljak svojstvo izgleda .

Primjer: 

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

Da biste dodali opis alata za widget zaglavlja, omotajte komponentu s md-opisom alata. Unesite informacije o opisu alata u svojstvo message .

Primjer: 

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

Morate dodati atribute stila display i height kako biste konfigurirali sve widgete putem iFramea u prilagodljivom području widgeta u zaglavlju. Najbolja vrijednost atributa height je 64 piksela.

Provjerite jeste li dodali atribute stila postojećim widgetima zaglavlja kako bi se učitavali prema očekivanjima unutar iFramea.

Primjer: 

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

Preporučujemo da za zaglavlje koristite samo jedan redak s više stupaca jer je visina zaglavlja samo 64 piksela. Za više informacija o poravnanju pogledajte svojstvo izgleda odjeljak.

Okno pomoćnih informacija

Okno s pomoćnim informacijama na radnoj površini prikazuje kartice koje uključuju widgete koje nudi Cisco (zadane) i prilagođene widgete. Sljedeći widgeti koje nudi Cisco pojavljuju se u unaprijed definiranim karticama:

  • Povijest kontakata

  • Transkript IVR-a

  • Putovanje korisničkog iskustva

  • Skočni prozor na zaslonu

Možete koristiti okno pomoćnih informacija za:

  • Dodajte kartice

  • Promjena redoslijeda kartica

  • Ukloni unaprijed definirane kartice

  • Označite prilagođene kartice kao povlačive

  • Dodajte opise alata prilagođenim karticama

  • Dodajte opciju Poništi redoslijed kartica

Primjer: 

"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/" }, "omot": { "naslov": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Naslov widgeta", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"], ["comp2"] ], "size": { "cols": [1], "rows": [1, 1] } } } } }] } ] },

Widget Customer Experience Journey možete konfigurirati nakon što omogućite metriku upravljanja korisničkim iskustvom na portalu za upravljanje.

U oknu s pomoćnim informacijama dodajte nove kartice za postavljanje prilagođenih widgeta. Ovdje se ne primjenjuju nikakva posebna pravila i gniježđenje komponenti je očekivano i opisano u odjeljku djeca . Za više informacija pogledajte svojstvo Djeca stranice.

Slijede konkretni primjeri za prilagodbu zaglavlja kartica:

Primjer postavljanja ikona i oznaka u podređeno svojstvo 

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

Primjer postavljanja slike (sa CSS-om) i oznaka u podređeno svojstvo 

{ "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": "Moja kartica Widget" } ] }], },

The Više kartica padajući popis automatski se pojavljuje kada okno pomoćnih informacija sadrži više kartica.

Morate dodati prilagođeni opis kartice za čitljivost i pristupačnost. Da biste dodali opis alata za prilagođenu karticu, omotajte komponentu s md-opis. Unesite informacije o opisu alata u poruka svojstvo i primijeniti stil vrijednosti svojstava kao što je prikazano u sljedećem primjeru.

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

Za prilagođenu karticu preporučujemo maksimalnu širinu od 252 piksela i minimalnu širinu od 110 piksela.

Da biste omogućili značajku povlačenja i ispuštanja unutar prilagođene kartice, dodajte sljedeće svojstvo unutar atributi: 

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },

  • povlačeći se : Postavite povlačeći se vrijednost imovine to pravi.

  • jedinstveni-id računala : Unesite jedinstvenu vrijednost za identifikaciju komponente.

    Primjer: 

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

Ako omogućite povlačenje i ispuštanje za prilagođenu karticu, agent može povući i ispustiti karticu na željenu poziciju unutar okna s pomoćnim informacijama. Da biste vratili kartice na zadani redoslijed kartica, dodajte sljedeće svojstvo: 

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },

  • agentx-wc-more-actions-widget : Unesite komponentu koja je prikazana kao Više radnji (Ikona više radnji) u oknu Pomoćne informacije.

  • slot="settings": Unesite atribut unutar komponente koja se prikazuje kao opcija Poništi redoslijed kartica na Više radnji padajući popis. Agenti mogu resetirati kartice u oknu Pomoćne informacije na zadani redoslijed klikom na Ikona više radnji > Poništi redoslijed kartica.

  • tabs-unique-id: Unesite istu jedinstvenu vrijednost definiranu za svojstvo comp-unique-id za mapiranje i poništavanje komponenti md-tabs .

Sljedeći primjer koda koristi funkcije Više radnji i Poništi redoslijed kartica .

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

Prema zadanim postavkama definirani su opis alata, ikona tri točke i poništavanje redoslijeda kartica za unaprijed definirane kartice.

Padajući popis Više radnji može se proširiti za dodavanje dodatnih prilagođenih komponenti ili widgeta nakon opcije Poništi redoslijed kartica . Slijedi primjer skupa style vrijednosti svojstava koje se mogu primijeniti na 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.

Značajka povlačenja i ispuštanja nije podržana za dodatne prilagođene komponente ili widgete koji se dodaju na Više radnji padajući popis.

Widgeti bez glave

U odjeljak bez naslova možete dodati widgete koji su skriveni i ne pojavljuju se na Agent Desktop. Ovi widgeti se koriste za izvršavanje logike u pozadini. Ovaj je odjeljak koristan za pokretanje događaja koji se događaju na radnoj površini i izvršavanje logike specifične za widget. Na primjer, otvaranje prilagođenog CRM Screen Pop-a za SMS pri njegovom dolasku.

Primjer: 

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

Dijelite podatke s radne površine na widgete

Za primanje podataka u stvarnom vremenu putem svojstava ili atributa unutar prilagođenog widgeta, dodijelite odgovarajuće STORE vrijednosti u JSON konfiguraciji izgleda.

Osim toga, za pristup podacima putem JavaScript SDK pretplatnika, također možete proslijediti podatke kroz svojstva ili atribute. Ako je vaša komponenta napravljena da reagira na promjene svojstva ili atributa, dobivate ažuriranja podataka u stvarnom vremenu od Agent Desktop, koji se naziva davatelj podataka.

Trenutno imamo jednog pružatelja podataka pod ključem STORE. Za više informacija pogledajte Dobavljač podataka—Svojstva i atributi widgeta odjeljak u Cisco Webex Contact Center Vodiču za razvojne programere za stolna računala.

Pregledajte poziv za kampanju

Administrator kreira kampanje, konfigurira način biranja (pregled) i dodjeljuje kampanje timovima. Ako je agent dio tima kojemu su dodijeljene kampanje, tada agent može uputiti odlazni poziv za pregled kampanje. Za više informacija pogledajte Konfigurirajte načine izlazne glasovne kampanje u Webex kontakt centru.

Administrator konfigurira sljedeće u prilagođenom izgledu kako bi agentu omogućio kontakt kampanje za pregled.

Kontakt za kampanju

Administrator dodaje widget za kontakt kampanje u spremnik zaglavlja prilagođenog izgleda. Kontakt kampanje prikazuje podatke za kontakt kupca na temelju definiranih svojstava. Za više informacija o poravnanju izgleda pogledajte svojstvo izgleda redak stranice Detalji svojstva tablice.

Primjer: 

 "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-obavijest" }, { "comp": "agentx-state-selector" } ]

Vodič za pozive

Widget Vodič za pozive prikazuje se u oknu s pomoćnim informacijama na radnoj površini. Vodič za pozive prikazuje pitanja i odgovore na razini kampanje. Od agenta se traži da pročita niz pitanja u vodiču za pozive i podnese odgovore.

Primjer: 

"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", // uključi CDN vezu ovdje "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" } ] }
  • Sljedeće komp reference nekretnina su promijenjene. agentx u svojstvu vrijednost se zamjenjuje sa acqueon:
    • agentx-preview-kampanja je preimenovan u acqueon-pregled-kampanja
    • agentx-vodič za pozive je preimenovan u acqueon-call-guide
  • Morate ugostiti List and Campaign Manager (LCM) na CDN-u, a zatim navesti URL u skripta vlasništvo.

Skočni prozor na zaslonu

U rasporedu radne površine, možete konfigurirati Screen Pop na jedan od sljedećih načina:

  • Kao prilagođena stranica

  • Kao jedan od widgeta na prilagođenoj stranici

  • Kao kartica u oknu Pomoćne informacije

Pop zaslon se prikazuje na radnoj površini na temelju sljedećih faktora:

Za kanal Voice:

  • Konfiguracija definirana u rasporedu radne površine

  • Aktivnost Screen Pop definirana u Flow Designeru

Za nove digitalne kanale:

  • Konfiguracija definirana u rasporedu radne površine

  • Čvor Screen Pop definiran u Connect Flow Builderu

Za više informacija o konfiguraciji Screen Pop, pogledajte Pop zaslon.

Konfiguriranje Pop zaslona u navigacijskoj traci

Screen Pop možete konfigurirati kao prilagođenu stranicu ili kao jedan od widgeta na prilagođenoj stranici. Za pristup prilagođenoj stranici Screen Pop, kliknite ikonu Screen Pop na navigacijskoj traci. Za pristup widgetu Pop zaslona na prilagođenoj stranici kliknite prilagođenu ikonu na navigacijskoj traci. Za više informacija o nav svojstvima, pogledajte Navigacija (prilagođene stranice).

Primjer: Pop zaslon kao prilagođena stranica

{ "nav": { "label": "Screen Pop-out", "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" }

Primjer: Pop zaslon kao widget na prilagođenoj stranici

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

Ako Screen Pop nije konfiguriran u Flow Designeru, prilagođena stranica se prikazuje prazna. Za više informacija o konfiguraciji Screen Pop u Flow Designeru, pogledajte Screen Pop.

Konfiguriranje iskačućeg zaslona u oknu pomoćnih informacija

Možete konfigurirati Screen Pop da se pojavi kao kartica u oknu Pomoćne informacije.

Prema zadanim postavkama, Screen Pop se pojavljuje kao nova podkartica na Screen Pop kartici u oknu s pomoćnim informacijama ako je Screen Pop konfiguriran da bude prikazan kao Inside Desktop u Flow Designeru.

Dodajte sljedeći atribut u odjeljak panel kako biste uključili Pop zaslon kao karticu u oknu s pomoćnim informacijama. Za više informacija o pojedinostima panela pogledajte Okno pomoćnih informacija.

Primjer: Pop zaslon kao kartica u oknu s pomoćnim informacijama

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

Opcija prikaza iskočnog zaslona definirana u Dizajneru toka ima prednost nad konfiguracijom definiranom u Izgledu radne površine.

Na primjer, uzmite u obzir da ste konfigurirali sljedeće postavke Pop zaslona:

  • Dizajner toka—prikaži postavke kao u novoj kartici preglednika
  • Izgled radne površine—Kao kartica u oknu Pomoćne informacije

Kada se dogodi događaj za koji je konfiguriran iskačući zaslon, iskačući zaslon prikazuje se izvan radne površine - to jest, u novoj kartici preglednika.

Primjeri primjera slučajeva upotrebe

Sljedeći odjeljci pružaju nekoliko primjera za vašu referencu:

Konfigurirajte i pristupite Widgetu metrike upravljanja korisničkim iskustvom s navigacijske trake

Primjer: 

{ "nav": { "label": "Metrike upravljanja iskustvom korisnika", "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"] ], "veličina": { "stupci": [1], "redovi": [1] } } } },

Da biste dobili spaceId i metricsId, pogledajte Webex Experience Management dokumentaciju.

Korištenje kartica na prilagođenoj stranici

Primjer: 

{ "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": "Dva sadržaja", "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] } } } }

Zadano okno pomoćnih informacija s poviješću kontakata i iskačućim zaslonom

Primjer: 

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

Okno pomoćnih informacija s Widgetom Putovanje korisničkog iskustva

Primjer: 

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attributes": { "name": "WXM_JOURNEY_TAB" } }], "vidljivost": "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": "Putovanje korisničkog iskustva", "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

Desktop UI podržava lokalizaciju na 29 jezika.

Podržani su sljedeći jezici:

Bugarski, katalonski, kineski (Kina), kineski (Tajvan), hrvatski, češki, danski, nizozemski, engleski (UK), engleski (SAD), finski, francuski, njemački, mađarski, talijanski, japanski, korejski, norveški, poljski, portugalski (Brazil), portugalski (Portugal), rumunjski, ruski, srpski, slovački, slovenski, španjolski, švedski i turski.

Jezik korisničkog sučelja radne površine temelji se na postavkama jezika u vašem pregledniku. Na primjer, uzmimo u obzir da ste u pregledniku Firefox kao željeni jezik odabrali francuski. Kada pokrenete Desktop u Firefox pregledniku, Desktop UI se pojavljuje na Français (francuskom). Međutim, vodoravno zaglavlje, navigacijska traka i druge komponente dodane u izgled radne površine nisu lokalizirane na temelju postavki jezika u vašem pregledniku.

Lokalizirajte komponente radne površine

Za lokalizaciju komponenti radne površine,

  • Koristite postojeće lokalizacijske ključeve postavljene u datoteci app.json . Ako lokalizacijski ključevi nisu postavljeni, koristi se zadani jezik engleski (SAD). Možete podnijeti zahtjev za uslugu Cisco podršci za dodavanje lokalizacijskog ključa u datoteku app.json .

    Primjer: ključ lokalizacije 

    { "common": { "buttonTitle": "Zaustavi mjerač vremena" } }

  • Unesite sljedeće svojstvo koje razlikuje velika i mala slova u JSON datoteku Desktop Layout da biste lokalizirali komponentu:

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

    Gdje se <key> odnosi na odgovarajući lokalizacijski ključ u datoteci app.json .

Primjer: Lokaliziraj komponentu zaglavlja 

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

Primjer: Localize Tab Component u oknu s pomoćnim informacijama

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