Kreirajte prilagođeni raspored radne površine

Pregled

Funkcija Desktop Laiout vam omogućava da konfigurišete Webex Contact Center Desktop prema vašim poslovnim zahtevima. Možete prilagoditi elemente kao što su logo, naslov i vidžeti. Možete kreirati raspored radne površine i dodeliti ga timu. Ovaj raspored generiše iskustvo agenta na radnoj površini za sve agente koji se prijavljuju kao deo tog tima.

Postoje dve vrste rasporeda:

Globalni raspored: Ovaj raspored je sistemski generisani raspored koji se podrazumevano dodeljuje kada kreirate tim. Za više informacija, pogledajte Upravljanje timovima. Kada kreirate tim, Globalni raspored se automatski postavlja kao raspored radne površine za tim. Ne možete obrisati ovaj raspored.
Custom Laiout: Raspored koji pruža prilagođeno iskustvo na radnoj površini. Možete kreirati prilagođeni raspored za jedan ili više timova.

Ako dodelite novi raspored radne površine kada je agent prijavljen, agent mora ponovo učitati stranicu da vidi novi izgled.

Webex Contact Center Desktop podržava tri osobe:

Agent
Nadzornik
Supervizor i agent

JSON raspored fajl ima odvojene sekcije za svaku od osoba. Administrator treba da konfiguriše postavke za svaku osobu u odgovarajućem odeljku JSON rasporeda datoteke. Za više informacija o uzorku JSON rasporeda fajla, pogledajte JSON raspored Top-Level Properties.

Kada Cisco doda novu funkciju na Desktop Laiout, nemodifikovani raspored se automatski ažurira sa novim funkcijama. Ažurirani raspored radne površine je automatski dostupan postojećim timovima koji koriste nemodifikovani raspored radne površine. Korisnici radne površine koji koriste nemodifikovani raspored radne površine dobijaju nove funkcije zasnovane na izgledu kada se prijave ili ponovo učitaju pregledač.

Ako koristite datoteku Default Desktop Layout.json bez ikakvih izmena, onda se ona smatra nemodifikovanim izgledom. Međutim, ako preuzmete datoteku Default Desktop Layout.json i ponovo je otpremite, ona se smatra modifikovanim izgledom čak i ako sadržaj datoteke ili ime datoteke nije modifikovan.

Na radnoj površini postoje dve vrste vidžeta - zasnovani na iframe-u i zasnovani na veb komponentama. Zaglavlje, navigacija (prilagođena stranica), trajno područje, područje bez glave i auk panel su prilagodljiva oblast na radnoj površini. Ovo nisu vidžeti.

Sledeća lista detaljno opisuje prostore koje možete konfigurisati. Slike ilustruju raspored radne površine:

Naslov i logo oblast: Ovaj prostor prikazuje logotip i ime Webex Contact Center (podrazumevano) u gornjem levom uglu ekrana.
Horizontalna oblast zaglavlja : Ovaj prostor ima podesivu oblast koja je popunjena prilagođenim vidžetima. Ovi dodaci mogu da prikažu, na primer, ugrađene informacije i padajuće menije. Kako je visina ovog zaglavlja samo 64 piksela, visina vidžeta ne može da pređe visinu zaglavlja.
Područje radnog prostora : Ovaj prostor se menja prema izboru na navigacionoj traci ili kada agent komunicira sa klijentima. Kada je agent na pozivu, ova oblast prikazuje kontrolu interakcije i pomoćno okno sa informacijama (koje uključuje prilagođene vidžete i trajne vidžete). Kada agent komunicira na e-pošti, ćaskanju ili društvenim kanalima, ovo područje prikazuje područje radnog prostora i pomoćno informativno okno (koje uključuje područje trajnog vidžeta).

Prilagođena stranica se prikazuje na Desktop interfejsu u oknu radnog prostora. Možete pristupiti prilagođenoj stranici preko ikona na navigacionoj traci. Svaka prilagođena stranica može da sadrži jedan ili više prilagođenih vidžeta.

Custom Vidget je aplikacija treće strane koja je konfigurisana u JSON rasporedu. Možete postaviti prilagođeni vidžet na prilagođenu stranicu, prilagođenu karticu (okno za pomoćne informacije) ili na horizontalnom zaglavlju radne površine.
Oblast trake za navigaciju: Koristite ovaj prostor da biste dodali stavke za navigaciju za pristup prilagođenim stranicama.

Uzorak korisničkog interfejsa za radnu površinu za glas

Uzorak Desktop UI za nove digitalne kanale

JSON Laiout Top-Level Properties

Uloge

Podrazumevani JSON raspored ima sledeće tri uloge.

agent—Da podesite raspored radne površine koji će se prikazati kada se agent prijavi na Webex Contact Center Desktop za rukovanje aktivnostima agenta.
supervizor—Da podesite raspored radne površine koji će se prikazivati kada se supervizor prijavi na Webex kontakt centar Desktop za rukovanje samo mogućnostima supervizora.

Kada se supervizor prijavi na radnu površinu, primenjuje se raspored radne površine koji je naveden za primarni tim. Ako ne obezbedite primarni tim, primenjuje se globalni raspored. Po defaultu, APS izveštaji su onemogućeni.
supervisorAgent—Da podesite raspored radne površine koji će se prikazivati kada se supervizor prijavi na Webex kontakt centar Desktop za rukovanje i mogućnostima supervizora i aktivnostima agenta.

Možete dodati ili modifikovati vidžete za svaku ulogu u odgovarajućoj osobi relevantne JSON raspored datoteke.

Slede osobine najvišeg nivoa za JSON raspored zasnovane na ulozi:

{ "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, "vxmConfigured": false, "desktopChatApp": { "vebekConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, }, "supervizor": { "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, "vxmConfigured": false, "desktopChatApp": { "vebekConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... }, "homePage": { ... } }, } "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, "vxmConfigured": false, "desktopChatApp": { "vebekConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, } },

Korisničko ime
logotip
taskPageIlustracija
stopNavigateOnAcceptTask
dragDropEnabled
obaveštenjeTajmer
maksimumNotificationCount
pretraživačObaveštenjeTajmer
wxmKonfigurisan
desktopĆaskanje
Oblast
Pretraživanje

Izmene napravljene u osobinama JSON rasporeda stupaju na snagu kada se osveži Desktop pretraživač.
Ako funkcija koju ste omogućili na JSON rasporedu nije dostupna na radnoj površini, kontaktirajte Cisco podršku da biste omogućili funkciju.
Sve osobine u JSON rasporedu su osjetljive na velika i mala slova.

Korisničko ime

Da odredite naslov na horizontalnom zaglavlju radne površine. Podrazumevani naslov je Webex Kontakt centar.

Primer:

"appTitle": "Webex Kontakt centar"

Podrazumevani appTitle se menja iz Kontakt Centar Desktop u Webex Contact Center. Nema uticaja na postojeće prilagođene rasporede koji koriste stari podrazumevani appTitle (Contact Center Desktop). Da biste koristili novi appTitle, morate da izmenite prilagođeni izgled. Međutim, novi globalni raspored koristi podrazumevani appTitle asWebex Kontakt centar.

Naslov može biti tekst, slika ili prazan niz. Tekst naslova se pojavljuje u dva reda. Ako se tekst proteže izvan drugog reda, prikazuje se ikona elipse, a opis alata prikazuje kompletan naslov. Stilovi se ne mogu primeniti na naslov.

Možete koristiti URI-je podataka (Uniform Resource Identifier) ili hostovati prilagođenu naslovnu sliku na mreži za isporuku sadržaja (CDN), Amazon Veb Services (AVS) Simple Storage Service (SKSNUMKS) ili sličnoj hosting usluzi, a zatim navedite URL na hostovanu sliku. Podržani formati naslovnih slika su PNG, JPG, JPEG, GIF, SVG i VebP. Podržana veličina naslovne slike je 184 k 32 piksela (širina k visina).

logotip

Da biste odredili URL adresu za logo kompanije. Ako ne navedete URL, onda se logotip Webex Contact Center pojavljuje po defaultu.

Primer:

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

Možete ugostiti prilagođenu sliku logotipa na CDN-u, Amazon Veb Services (AVS) Simple Storage Service (SKSNUMKS) kanti ili sličnoj hosting usluzi, a zatim navedite URL adresu hostovane slike. Podržani formati slika logotipa su PNG, JPG, JPEG, GIF, SVG i VebP. Podržana veličina slike logotipa je 96 k 32 piksela (širina k visina).

Tabela 1. Prikaz matrice za appTitle i logo na osnovu konfiguracije rasporeda radne površine
Uslov	Primer	Korisničko ime	logotip
Ako appTitle i logo nisu konfigurisani	`"appTitle": "", "logo": "",`	Nema naslova	Podrazumevani logo
Ako su appTitle i logo konfigurisani	`"appTitle": "ABC Company", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurisani tekst	Konfigurisan logo
Ako appTitle je konfigurisan i logo nije konfigurisan	`"appTitle": "ABC Company", "logo": "",`	Konfigurisani tekst	Podrazumevani logo
Ako appTitle nije konfigurisan i logo je konfigurisan	`"appTitle": "", "logo": "https://my-cdn.com/abclogo.png",`	Nema naslova	Konfigurisan logo
Ako appTitle je konfigurisan i logo nije poželjna	`"appTitle": "ABC Company", "logo": "no-logo",`	Konfigurisani tekst	Nema logotipa
Ako appTitle nije konfigurisan i logo nije poželjna	`"appTitle": "", "logo": "ne-logo",`	Nema naslova	Nema logotipa
Ako appTitle je dodat kao slika i logo je konfigurisan	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurisana slika	Konfigurisan logo
Ako appTitle je dodat kao slika i logo nije konfigurisan	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "",`	Konfigurisana slika	Podrazumevani logo
Ako appTitle se dodaje kao slika i logo nije poželjna	`"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "no-logo",`	Konfigurisana slika	Nema logotipa

Prilagođena veličina slike se podešava na osnovu odnosa. Prilagođeni tekst naslova koji je ranije konfigurisan sada se može pojaviti u dva reda na radnoj površini. Da biste to izbegli, možete izmeniti prilagođeni tekst naslova.
Ako naslov i logo nisu konfigurisani u horizontalnom zaglavlju radne površine, taj prostor se koristi od strane vidžeta zaglavlja. Vidžeti zaglavlja moraju biti ispravno konfigurisani da koriste naslov i logo prostor.
Naslov i logo zajedno ne mogu preći maksimalnu širinu od 304 piksela (uključujući i podlogu). Ako je širina logotipa manja od 96 piksela, preostala širina se može koristiti za naslov.
Ako je prilagođena veličina slike veća od podržane veličine, veličina slike se podešava na osnovu odnosa u horizontalnom zaglavlju. Ako je prilagođena veličina slike manja od podržane veličine, stvarna veličina slike se zadržava u horizontalnom zaglavlju.

taskPageIlustracija

Da biste odredili prilagođenu ilustraciju za stranicu zadatka na osnovu preferencija organizacije i poravnanja brenda. Kada se agent prijavi, stranica zadatka prikazuje konfigurisanu ilustraciju kao pozadinu. Po defaultu, stranica zadatka se pojavljuje bez ilustracije.

Primer:

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

Možete koristiti URI-je podataka ili hostovati prilagođenu ilustraciju na mreži za isporuku sadržaja (CDN), Amazon Veb Services (AVS) Simple Storage Service (SKSNUMKS) kanta ili sličnu uslugu hostinga, a zatim navedite URL na hostovanoj ilustraciji. Ilustracija se može konfigurisati na globalnom ili timskom nivou na osnovu definicije rasporeda. Uverite se da konfigurišete tačan URL kako biste sprečili da se slomljena slika prikaže na radnoj površini.

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

Webex Contact Center interface example of a custom illustration retraining the actual size. — ***Primer primera za prilagođenu ilustraciju koja zadržava stvarnu veličinu***

Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio. — ***Primer primera za prilagođenu ilustraciju prilagođenu na osnovu odnosa slike***

stopNavigateOnAcceptTask

Da biste utvrdili da li da preusmerite fokus na novoprihvaćeni zadatak, kada agent prihvati novi zadatak dok radi na prethodnom zadatku. Podrazumevana vrednost je lažna.

Primer:

"stopNavigateOnAcceptTask": lažna

Ako je vrednost postavljena kao istinita, kada korisnik prihvati novi zadatak na radnoj površini, fokus se zadržava na prethodnom zadatku i ne prelazi na novoprihvaćeni zadatak. Ova postavka sprečava korisnika da izgubi bilo kakve podatke prilikom prihvatanja novog zahteva.

Na primer, uzmite u obzir da je Agent KSNUMKS na razgovoru sa klijentom KSNUMKS i istovremeno na glasovnom pozivu sa klijentom KSNUMKS. Tokom glasovnog poziva, Agent KSNUMKS ažurira detalje o klijentu KSNUMKS u oknu Kontrola interakcije. Trenutno, Agent KSNUMKS ima dva aktivna zadatka u oknu Lista zadataka, a fokus je na oknu Kontrola interakcije. Kada agent KSNUMKS prihvati novi zahtev za ćaskanje od klijenta KSNUMKS, fokus ostaje na oknu za kontrolu interakcije sa klijentom KSNUMKS i ne prelazi na novo prihvaćeni zahtev za ćaskanje.

Da biste zadržali fokus na prethodnom zadatku i da ne pređete na novo prihvaćeni zadatak, izaberite prilagođeni raspored sa stopNavigateOnAcceptTask vrednost svojstva postavljena na true.

Ako vrednost osobine stopNavigateOnAcceptTask nije unesena u JSON rasporedu, radna površina pomera fokus na novo prihvaćeni zadatak. Ponašanje je slično onome kada je vrednost osobine stopNavigateOnAcceptTask postavljena na false.

Postavka se primenjuje na sve zadatke (glasovne i digitalne kanale) koji se obavljaju na radnoj površini—kao što su prihvatanje zadatka, konferencija, konsultacije ili prenos, i za odlazne pozive, odlazne pozive kampanje, automatsko omotavanje i tako dalje.
Podešavanje se ne primenjuje ako je korisnik radne površine na početnoj stranici, bez aktivnog zadatka u oknu Lista zadataka. U tom slučaju, kada se prihvati novi zadatak, fokus se pomera sa početne stranice na novoprihvaćeni zadatak.

dragDropEnabled

Da biste omogućili drag-and-drop i promenu veličine vidžeta na prilagođenim stranicama, podesite vrednost na true. Podrazumevana vrednost je lažna.

Primer:

"dragDropEnabled": lažna

Za više informacija o omogućavanju drag-i-drop osobine za kartice u oknu Pomoćne informacije, pogledajte Okno pomoćnih informacija.

obaveštenjeTajmer

Da biste podesili trajanje (u sekundama) nakon čega se obaveštenja na radnoj površini automatski odbacuju. Obaveštenje se pojavljuje u gornjem desnom uglu radne površine. Podrazumevana vrednost vremenskog ograničenja je 8 sekundi. Važeći opseg za vrednosti vremenskog ograničenja je 1-10 sekundi. Da bi izmene vremenskog limita stupile na snagu, pretraživač mora biti osvežen nakon što su izmene napravljene.

Primer:

"notificationTimer": 8

maksimumNotificationCount

Da biste podesili broj obaveštenja na radnoj površini koja će biti prikazana u isto vreme na radnoj površini. Podrazumevana vrednost je 3. Opseg za obaveštenja na radnoj površini je 1-10. Obaveštenja na radnoj površini su složena. Ako postoji mnogo obaveštenja, oni se pojavljuju sa malim zakašnjenjem u zavisnosti od podešavanja obaveštenjaTajmer .

Primer:

"maximumNotificationCount": 3

pretraživačObaveštenjeTajmer

Da biste podesili trajanje (u sekundama) nakon čega se obaveštenja tostera pretraživača na radnoj površini automatski odbacuju. Toster je izvorno obaveštenje pretraživača koje se pojavljuje samo ako radna površina nije aktivni prozor ili kartica pretraživača. Prozor ili kartica pretraživača na radnoj površini je neaktivan kada

Radite na drugim prozorima pregledača ili karticama.
Radite na drugim aplikacijama.
Minimizirali ste prozor pretraživača na radnoj površini.

Obaveštenje se pojavljuje u gornjem desnom uglu radne površine. Podrazumevana vrednost vremenskog ograničenja je 8 sekundi. Preporučeni opseg za vrednosti vremenskog ograničenja je 5-15 sekundi. Da bi izmene vremenskog limita stupile na snagu, pretraživač mora biti osvežen nakon što su izmene napravljene.

Primer:

"browserNotificationTimer": 8

Konfigurisano vremensko ograničenje za obaveštenja pretraživača zavisi od operativnog sistema i postavki pretraživača. Vrednost vremenskog perioda je ispoštovana u Chrome pregledaču preko Windows OS, Chrome OS i macOS. Međutim, drugi podržani pregledači ne poštuju dosledno konfigurisanu vrednost vremenskog perioda obaveštenja.

wxmKonfigurisan

(Opciono) Da biste konfigurisali Webex Experience Management, podesite vrednost na true. Podrazumevana vrednost je lažna.

Primer:

"wxmConfigured": istina

desktopĆaskanje

Da biste konfigurisali više aplikacija za ćaskanje koje nudi Cisco, kao što je Webex App.

vebekKonfigurisan

Webex aplikacija, zajedno sa funkcijama za razmenu poruka i sastanke, može se konfigurisati na radnoj površini. Ova konfiguracija omogućava agentima da sarađuju sa drugim agentima, supervizorima i stručnjacima za predmete (MSP) u svojoj organizaciji bez navigacije dalje od radne površine.

Administrator sajta upravlja korisnicima Webex Meeting-a i dodeljuje privilegije samo ako korisnici imaju Webex Enterprise Edition. Za više informacija pogledajte Upravljanje korisnicima Webex Meetings-a u Cisco Webex Control Hub-u.
Supervizori i mala i srednja preduzeća moraju da preuzmu Webex klijenta na svom sistemu (ličnom uređaju) ili pristupe aplikaciji Webex koristeći aplikaciju Webex za veb ( https://web.webex.com/). Za više informacija, pogledajte Preuzmite aplikaciju.
Možete pristupiti Webex aplikaciji u okviru Agent Desktop-a da biste sarađivali sa drugim agentima, supervizorima i stručnjacima za predmet (MSP) vaše organizacije bez navigacije dalje od Agent Desktop-a. Funkcija kontrole poziva nije dostupna. Da biste primali i upućivali pozive, potreban vam je eksterni, neugrađeni Webex App. Za više informacija pogledajte Aplikacije za poziv.

Da biste konfigurisali Webex aplikaciju na radnoj površini:

U Cisco Webex Control Hub, kada dodajete usluge za korisnika, izaberite polje za potvrdu Napredne poruke (Korisnici > Upravljanje korisnicima > Uslugama > Poruke). Za više informacija, pogledajte Upravljanje korisničkim nalozima u Cisco Webex Site Administration.
U prilagođenom rasporedu radne površine, podesite vrednost imovine vebekConfigured na true.

Primer:
```
"desktopChatApp": { "webexConfigured": true },
```
Podrazumevana vrednost imovine vebekConfigured je lažna.

Webex App je dostupan za uloge agenta, supervizora i supervisorAgenta samo ako podesite vrednost imovine vebekConfigured na true za svaku od ovih uloga. Agent, supervizor ili supervizorAgent ne može da se odjavi iz Webex App-a.

Da biste prikazali (Webex) ikonu na horizontalnom zaglavlju radne površine, unesite vrednost vebek u svojstvu headerActions . Za više informacija, pogledajte headerActions.

Da biste omogućili Webex App za određeni tim, izaberite prilagođeni raspored sa vebekConfigured vrednosti svojstva postavljene na true. Za više informacija, pogledajte Kreirajte tim.

Možete konfigurisati Webex aplikaciju u oknu Pomoćne informacije, prilagođenoj stranici i prilagođenom vidžetu. Za više informacija, pogledajte Okno sa pomoćnim informacijama.

Obaveštenje o aplikaciji Webex

Vrednosti koje su navedene pomoću notificationTimer i brovserNotificationTimer svojstva za tajmer obaveštenja primenjuju se za Webex App. Podrazumevana vrednost vremenskog ograničenja je 8 sekundi za ove osobine. Za više informacija, pogledajte notificationTimer i brovserNotificationTimer.

headerAkcije

Da biste promenili redosled ikona na horizontalnom zaglavlju radne površine. Podrazumevani redosled je sledeći:

(Webex)
(Outdial Poziv)
(Centar za obaveštavanje)

Podesite vrednost svojstva headerActions na sledeći način:

Ime ikone	headerActions Vrednost osobine
Webex aplikacija	Mapa sajta
Odlazni poziv	teretana
Centar za obaveštenja	obaveštenje

Primer:

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

Vrednost svojstva headerActions je osjetljiva na velika i mala slova.

Da biste promenili podrazumevani redosled ikona, unesite svojstvo headerActions i vrednosti u prilagođenom rasporedu u skladu s tim.

Primer:

"headerActions": ["obaveštenje", "outdial", "vebek"],

Ako ne unesete osobinu headerActions i vrednosti u prilagođenom rasporedu, ikone su prikazane u podrazumevanom redosledu.
Da biste uklonili ikone zaglavlja i povezane funkcionalnosti sa radne površine, podesite praznu vrednost za svojstvo headerActions ("headerActions": []). Međutim, ako ste dodali Webex App u okno Pomoćne informacije ili prilagođenu stranicu, ili kao prilagođeni vidžet, agent i dalje može pristupiti Webex App-u iako Webex App nije dostupan u horizontalnom zaglavlju radne površine.
Ako je vrednost svojstva vebexConfigured postavljena kao false, ikona aplikacije Webex se ne prikazuje na horizontalnom zaglavlju radne površine, čak i ako se vrednost vebek dodaje u svojstvu headerActions . Za više informacija, pogledajte vebekConfigured.

Oblast

Imovina površine je osnovni deo rasporeda radne površine. Možete definisati raspored prema oblasti.

"area": { "header": { ... }, "advancedHeader: { { "comp": "vidget-1", "atributi": { ... }, "skripta": .... } }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } },

Možete konfigurisati sledeće objekte oblasti :

Panel: Predstavlja drugi panel ili desni panel u oknu Pomoćne informacije.
Navigacija: Predstavlja prilagođene stranice i njihove navigacione elemente koji se odnose na stranice.
Uporni: Predstavlja vidžete na nivou stranice koji su uporni i prikazuju se na svim stranicama radne površine.
Headless: Predstavlja vidžete koji nemaju vizuelni interfejs, ali izvršava logiku u pozadini.

Ako je advancedHeader osobina konfigurisana, osobine zaglavlja i headerActions moraju biti uklonjene.

Pretraživanje

Da biste prilagodili vidljivost i promenili redosled ikona na horizontalnom zaglavlju radne površine. Podrazumevani redosled je sledeći:

(Webex)
(Outdial Poziv)
(Centar za obaveštavanje)
(Selektor države agenta)

Podesite vrednost svojstva advancedHeader na sledeći način:

Ime ikone	headerActions Vrednost osobine
Webex aplikacija	Srpskohrvatski / srpskohrvatski
Odlazni poziv	Agentx-Outdial
Centar za obaveštenja	Agentx-obaveštenje
Selektor države agenta	agentx-state-selektor

Primer:

"advancedHeader": [ { "comp": "agentk-vebek" }, { "comp": "agentk-outdial" }, { "comp": "agentk-notification" }, { "comp": "agentk-state-selector" } { "comp": "vidget-KSNUMKS", "atributi": { ... }, "skripta": .... } ]

Vrednost osobine advancedHeader je osjetljiva na velika i mala slova.

Da promenite podrazumevani redosled ikona, unesite advancedHeader osobinu i vrednosti u prilagođenom rasporedu shodno tome.

Vidžeti se upuštaju u padajući meni s leva na desno.

Ako ne unesete advancedHeader osobine u prilagođenom rasporedu, podrazumevano zaglavlje je prikazano.
Kada je napredno zaglavlje omogućeno, trebalo bi da premestite vidžete iz postojećeg zaglavlja u napredno zaglavlje kao na primeru.
Kada je napredno zaglavlje omogućeno, staro zaglavlje neće biti prikazano.
Svaka ikona vidžeta ima podrazumevani padding i marginu koja je definisana preko CSS-a i ne može se prilagoditi preko radne površine.
Lokacija ikona logotipa, naslova i profila je fiksna i ne može se prilagoditi.
Da biste uklonili ikone zaglavlja i povezane funkcionalnosti sa radne površine, podesite praznu vrednost za pridruženu komponentu u advancedHeader osobini ("advancedHeader": []).

Ako ste dodali Webex App u okno Pomoćne informacije ili prilagođenu stranicu, ili kao prilagođeni vidžet, agent i dalje može pristupiti Webex App iako Webex App nije dostupan u horizontalnom zaglavlju radne površine.
Ako dodate vidžet sa dugom oznakom, skraćeno ime nalepnice se prikazuje u skladu sa raspoloživim prostorom.

Možete koristiti atribut tektContent da dodate oznaku u vidžet.

Primer:
```
{ "comp": "timer-widget", "attributes": { "duration": "08:00:00" }, "textContent": "Odbrojavanje tajmera za trenutnu smenu", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }
```
Oznaka "Odbrojavanje tajmera za trenutnu smenu" će biti skraćena i prikazana u skladu sa raspoloživim prostorom.
- Izbegavajte dodavanje vidžeta sa dugom oznakom.
- Kada vidžet teče u padajućem meniju, samo ikona vidžeta se može kliknuti.
Ako je vrednost imovine vebekConfigured postavljena kao lažna , ikona aplikacije Webex se ne prikazuje na horizontalnom zaglavlju radne površine, čak i ako se vrednost vebek dodaje u svojstvo advancedHeader . Za više informacija, pogledajte vebekConfigured.

Mapa sajta

Kada se prijavite na radnu površinu, sletite na početnu stranicu.

Početna stranica se primenjuje samo na supervizore i supervizorske agente.

Možete da vidite sledeće vidžete na početnoj stranici. Analizator dodaci su podrazumevano obezbeđeni, ali administrator takođe može da podesi Persistent i Custom vidžeta. Za više informacija, pogledajte JSON Laiout Top-Level Properties.

Analizator Dodaci

Po defaultu, dodatak analizator se prikazuje na početnoj stranici radne površine.

Početna strana Konfiguracija rasporeda

Možete konfigurisati početnu stranicu radne površine za prikaz rasporeda koji se zasniva na preferencijama vaše organizacije i poravnanju brenda. Izmenite polje početne stranice da biste konfigurisali početnu stranicu. Možete konfigurisati sledeće komponente koje će biti prikazane na početnoj stranici kada se korisnik prijavi na radnu površinu:

Poruka dobrodošlice
Ikona zadatka na navigacionoj traci da biste se kretali do okna zadataka. Ikona Zadatak se prikazuje za ulogu supervizora i supervizora i agenta sa omogućenom funkcijom praćenja poziva. Okno zadataka prikazuje dolazne zahteve kupaca, aktivne i prošle interakcije sa klijentima i aktivne zahteve za praćenje.
Filtrirajte sekcije kao što su Ime redosleda, Tip kanala i Upravljani timovi.

Sledeća tabela opisuje osobine stranice koje su potrebne za konfigurisanje početne stranice:

Tabela 2. Dynamic Home Page Layout — page Properties
Svojstvo	Opis i kod
Strana > useFlekLaiet	Flek raspored je nova veb komponenta. To ne menja postojeće vidžete. Novi flek raspored koristi isti format konfiguracije rasporeda na pojednostavljen način. To je kompatibilan unazad i ne utiče na postojeće vidžete. Potrebno je da podesite JSON raspored. Da biste konfigurisali JSON raspored, obezbedite visinu i širinu vidžeta. Vidžet je prikazan u istom redosledu kao što je konfigurisan unutar JSON rasporeda. Dodaci imaju podrazumevanu marginu od 8 pk. JSON raspored se zasniva na dimenzijama (širina x visina) i koordinatama (Ks, I i Z) vidžeta. Fleksibilan raspored podržava mogućnosti kao što su pojedinačni vidžet promene, maksimiziranje vidžeta, i tako dalje. Visina pojedinačnih vidžeta se meri u pikselima. 1 jedinica visine = 40 piksela. Širina vidžeta zavisi od broja kolona u kontejneru i broja kolona koje se menjaju na osnovu širine kontejnera. Dodaci se prikazuju s leva na desno. Napredni raspored motor koristi prilagođenu logiku da primeni i horizontalno i vertikalno podešavanje prostora vidžeta. U početku, raspored se učitava horizontalno. Nakon učitavanja horizontalno, vidžet se učitava vertikalno i osigurava da je iskorišćenost prostora optimalna. Konfigurišite vidžete na osnovu veličine ekrana. Možete da povećate ili smanjite širinu vidžeta, na osnovu veličine ekrana. Ovo čini vidžete čitljivijim i upotrebljivijim. Flek raspored obezbeđuje standardne tačke prekida kao što su veliki, srednji, mali i ekstra mali. Veliki dodaci imaju rezoluciju od 1360 pk ili više. Za velike vidžeta, navedite vrednost kolone kao 12. Srednji dodaci imaju rezoluciju od 1070 pk do 1360 pk. Za srednje vidžeta, navedite vrednost kolone kao 10. Mali dodaci imaju rezoluciju od 850 pk do 1070 pk. Za male vidžeta, navedite vrednost kolone kao 6. Ekstra mali dodaci imaju rezoluciju od 500 pk. Za ekstra male vidžeta, navedite vrednost kolone kao 4. Ovi pikseli mogu varirati u zavisnosti od operativnog sistema i pretraživača. `"page": { "id": "sletanje", "useFlekLaiout": true, "vidgets": { "comp1": { "comp": "div", "širina": 4, "visina": 4, "tektContent": "Vidget 1", "atributi": { "stile": "širina: mak-sadržaj; margina: 80pk - 240pk; boja: bela;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margina: 80pk - 240pk; boja: bela;" } } }`
Stranica > komp	Uverite se da obezbedite jedinstvenu prilagođenu komponentu. `"comp": "naslov stranice",` Komponenta `naslova` stranice predstavlja naslov `nivoa 2 <h2>` prilagođenog HTML elementa.
Strana > stranaZaglavlje	Uverite se da navedete niz naslova koji može biti statičan, dinamičan ili oboje. Komponenta `naslova` stranice predstavlja naslov `nivoa 2 <h2>` u prilagođenom HTML elementu. Statički string: Na primer, Hej, Dobrodošli! `"comp": "page-title", "attributes": { "pageTitle": "Hej, dobrodošli!" }` Dinamički string: Da biste preuzeli vrednost iz STORE-a . Na primer, Jane Doe. `"comp": "page-title", "attributes": { "pageTitle": "$STORE.agent.agentName" }` Oboje: Kombinacija statičkih i dinamičkih žica. Na primer, Hej Jane Doe, dobrodošli! `"comp": "page-title", "attributes": { "pageTitle": "Hej {$STORE.agent.agentName}, Dobrodošli!" }` Morate zatvoriti dinamički deo niza unutar zatvorenih kovrdžavih zagrada {} i prefiksa sa strukturom $.
Strana > pageSubHeader	Uverite se da dodate Sub zaglavlje koje se prikazuje na radnoj površini. Korisnik može dodati Idi na analizator u Sub zaglavlju. Blok koda za Sub zaglavlje `"useFlekLaiout": true, "pageSubHeader": { "comp": "div", "atributi": { "stile": "prikaz: flek; float:desno; margin:16px 0px 16px 16px" }, "children": [ { "comp": "div", "children": [ { "comp": "md-label", "textContent": "$I 18N.pageSubHeader.queueName", "attributes": { "style": "margin-bottom:8px;" }` Blok koda za Idi na analizator u Sub zaglavlju `{ "comp": "div", "children": [ { "comp": "agentx-more-actions-wrapper", "properties": { "actionList": [ { "comp": "agentx-wc-goto-analyzer" } ] } }`

Navigacija (prilagođene stranice)

U ovom odeljku možete dodati stranice koje se pojavljuju na levoj traci za navigaciju. Vi odredite ikonu za navigaciju i jedinstveni URL za vidžet da se pojavi na traci za navigaciju. Preporučujemo da koristite poseban prefiks za URL da biste izbegli konflikte. Za više detalja, pogledajte odeljak o svojstvima nav-a.

Takođe možete imati kolekciju vidžeta koji mogu da se prikažu na ovoj stranici. Stranica može imati jedan vidžet koji se pojavljuje na ekranu ili kolekciju vidžeta u mreži. Za više detalja o aranžmanu mreže, pogledajte odeljak o svojstvima rasporeda .

Ne morate da dodate omotač dinamičke oblasti u stablo vidžeta. To znači da možete da prevučete i ispustite i promenite veličinu vidžeta na prilagođenim stranicama kada omogućite ovu opciju.

Primer:

{ "nav": { "label": "Custom Page", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dinamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "moj - custom - page", "useFlekLaiout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "moj - custom - timer", "source": 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": [ ["left", "right"] ], "size": { "cols": [1, 1], "rows": [1] } } } },

Sledeća tabela opisuje nav i page osobine zajedno sa njihovim potomačkim svojstvima:

Tabela 3. nav Detalji o imovini
Svojstvo	Opis i kod
nav> label	Ova osobina označava identifikator za navigaciju stranice. Čitač ekrana čita ovu osobinu i ona se pojavljuje u alatu. Ovi parametri su neophodni za prikaz vaše prilagođene stranice na navigacionoj traci. `type Navigation.Item = { label: string; iconType: "momentum" \| "ostalo"; ikona: string; align: "top" \| "dno"; navigateTo: string; iconSize? :Broj; jeResponsive? :Bulovu; };` Osobina `label` je naslov prilagođene stranice.
nav > ikonaTip	Ova osobina predstavlja tip ikone koja se prikazuje u navigacionoj traci za prilagođenu stranicu. Na raspolaganju su sledeće vrste ikona: Momentum: Možete izabrati bilo koje dostupne ikone u kolekciji: https://momentum.design/icons. Prednost korišćenja Momentuma je u tome što pruža nekoliko ikona sa "aktivnom" verzijom. Koristite slučaj aktivne verzije: Na primer, ako izaberete tip ikone Momentum Objavu, možete videti podrazumevanu ikonu na traci za navigaciju. Kada se krećete na prilagođenu stranicu (povezanu sa ikonom), ikona se menja u Najava-aktivan Verzija automatski. Uverite se da ste proverili da li ima Aktivni Verzija ove iste ikone u biblioteci ikona. Ostalo: Možete da obezbedite prilagođenu URL sliku (hostovanu na CDN-u) koja se pojavljuje na navigacionoj traci. Ako koristite crnu ili belu prilagođenu ikonu, ikona nije vidljiva kada se prebacujete između svetlog i tamnog režima.
nav> ikona	Ova osobina predstavlja ime ikone u biblioteci Momentum ili CDN URL-u. `tip Navigation.Item ={ icon:"announcement"; }; ILI // tip Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };`
nav> align	Ova osobina vam pomaže da uskladite ikonu sa vrhom ili dnom trake za navigaciju. Trenutno, imovina dozvoljava samo vrh poravnanje.
nav > isDefaultLandingPage	Ova osobina određuje podrazumevanu odredišnu stranicu za agente u Agent Desktop. Podesite ovu osobinu na true da bi stranica trake za navigaciju bila podrazumevana odredišna stranica koja se pojavljuje za agente nakon prijavljivanja na Agent Desktop. Ako više od jedne stranice trake za navigaciju ima ovu osobinu podešenu na true, sistem smatra da prva stranica trake za navigaciju postane podrazumevana odredišna stranica. Ako nijedna stranica trake za navigaciju nema ovu osobinu podešenu na true, Početna stranica se ponaša kao podrazumevana Odredišna stranica. Ne možete podesiti izveštaje o statistici performansi agenta kao podrazumevanu odredišnu stranicu.
nav > navigateTo	Ova osobina specificira ime prilagođene stranice. Ovo ime se pojavljuje u adresnoj traci kada se agent kreće. NavigateTo ne sme da sadrži sledeće vrednosti: slike, fontovi, css, build_info, help, app, i18n, ikone, images-mfe-wc i zvukovi. `type Navigation.Item = { navigateTo: "moj - prilagođeni - stranica"; };`

Tabela 4. strana Imovina Detalji
Svojstvo	Opis i kod
page > id	U stranica Osobina, odredite prilagođenu stranicu (dinamički vidžet) objekat. Priključak Id Osobina predstavlja jedinstveni identifikator stranice. Na primer, moja-prilagođena-stranica-1. Agent ne može da vidi ovaj identifikator na radnoj površini. `type DynamicWidgets.Page = { id: string; widgets: Record < string, DynamicWidget.Options > ; layout: Layout; };`
page > useFlexLayout	Flek raspored je nova veb komponenta. To ne menja postojeće vidžete. Novi flek raspored koristi isti format konfiguracije rasporeda na pojednostavljen način. To je kompatibilan unazad i ne utiče na postojeće vidžete. Potrebno je da podesite JSON raspored. Da biste konfigurisali JSON raspored, obezbedite visinu i širinu vidžeta. Vidžet je prikazan u istom redosledu kao što je konfigurisan unutar JSON rasporeda. Dodaci imaju podrazumevanu marginu od 8 pk. JSON raspored se zasniva na dimenzijama (širina x visina) i koordinatama (Ks, I i Z) vidžeta. Fleksibilan raspored podržava mogućnosti kao što su pojedinačni vidžet promene, maksimiziranje vidžeta, i tako dalje. Visina pojedinačnih vidžeta se meri u pikselima. 1 jedinica visine = 40 piksela. Širina vidžeta zavisi od broja kolona u kontejneru i broja kolona koje se menjaju na osnovu širine kontejnera. Dodaci se prikazuju s leva na desno. Napredni raspored motor koristi prilagođenu logiku da primeni i horizontalno i vertikalno podešavanje prostora vidžeta. U početku, raspored se učitava horizontalno. Nakon učitavanja horizontalno, vidžet se učitava vertikalno i osigurava da je iskorišćenost prostora optimalna. Konfigurišite vidžete na osnovu veličine ekrana. Možete da povećate ili smanjite širinu vidžeta, na osnovu veličine ekrana. Ovo čini vidžete čitljivijim i upotrebljivijim. Flek raspored obezbeđuje standardne tačke prekida kao što su veliki, srednji, mali i ekstra mali. Veliki dodaci imaju rezoluciju od 1360 pk ili više. Za velike vidžeta, navedite vrednost kolone kao 12. Srednji dodaci imaju rezoluciju od 1070 pk do 1360 pk. Za srednje vidžeta, navedite vrednost kolone kao 10. Mali dodaci imaju rezoluciju od 850 pk do 1070 pk. Za male vidžeta, navedite vrednost kolone kao 6. Ekstra mali dodaci imaju rezoluciju od 500 pk. Za ekstra male vidžeta, navedite vrednost kolone kao 4. Ovi pikseli mogu varirati u zavisnosti od operativnog sistema i pretraživača. `"page": { "id": "sletanje", "useFlekLaiout": true, "vidgets": { "comp1": { "comp": "div", "širina": 4, "visina": 4, "tektContent": "Vidget 1", "atributi": { "stile": "širina: mak-sadržaj; margina: 80pk - 240pk; boja: bela;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margina: 80pk - 240pk; boja: bela;" } } }`
Stranica > dodaci > Srpskohrvatski / srpskohrvatski	Pomaže vam da definišete svoje prilagođene vidžete. Da biste postavili više vidžeta, navedite opcije vidžeta u nizu. Uverite se da date svaki vidžet jedinstveno ime oblasti. Koristite ga u odeljku rasporeda kasnije. `"widgets": { "comp1": { ... } "comp2": { ... } }` Ova osobina predstavlja ime prilagođenog HTML elementa (poznatog kao Veb komponenta ili bilo koji drugi element - ako želite da ga koristite kao omotač). Za više informacija, pogledajte Primeri primera korišćenja. Unesite svoje prilagođeno ime elementa ovde bez ugaonih zagrada ("<" ili ">"). Na primer, "moj-prilagođeni-element". Svaki unos u odeljku vidžeta podržava sledeći format: `tip Opcije = { comp: string; skripta? :Niske; Svojstva? : Snimanje < string, bilo koji > ; Atribute? : Snimanje < string, string > ; Decu? : Opcije[]; textContent? :Niske; Stil? : Delimična < CSSStyleDeclaration > ; Omot? : { title: string; maximizeAreaName: string; }; };`
strana > skripta	(Opciono) Ova osobina je potrebna samo kada učitate vidžet ili komponentu sa udaljene lokacije kao što je CDN. `"comp1": { "comp": "widget-one", "script": "http:/my-cdn.com / dynamic - dodaci / vidžet - one.js ", }` Ne menjajte URL skripte za istu komponentu. Ako vam je potrebno da promenite URL skripte za istu komponentu, uradite jedno od sledećeg: Obavesti agenta da obrišete keš pretraživača i ponovo učitajte Agent Desktop. Zadržite postojeći URL. Dinamički uvezite URL novog paketa koristeći JavaScript hostovan u postojećem URL-u. Primer: `(function() { var script = document.createElement ("script"); script.src = <Vaš URL JS skripte> script.type = "tekst / javascript"; script.async = true; document.getElementsBiTagName ("glava").item(0).appendchild(script); } ) ()`
Straniцa > svojstva	Možete specificirati osobine koje morate da prođete za Veb komponentu. `"properties": { "user": "admin", },`
Stranica > Odgovarajući	Određuje da li je veb komponenta ili vidžet zasnovan na iFrame-u koji je dodat u prilagođenom rasporedu na nivou `stranice` ili na nivou `kompa` responzivan. Odgovarajuće veb komponente čine vašu veb stranicu vizuelno privlačnom na svim uređajima i jednostavne su za korišćenje. Morate da koristite odgovarajuće iFrame vidžete. Konfigurišite ovu osobinu sa jednom od sledećih vrednosti: Istina: Omogućava odziv vidžeta. Po defaultu, svi dodaci su odzivni na osnovu progresivnih veličina ekrana, orijentacije i područja gledanja uređaja u upotrebi. Lažna: Onemogućava odziv vidžeta. Ako dodaci ne podržavaju gledanje na različitim uređajima, označite ih kao ne reaguju. `{ "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" } }], "vidljivost": "CALL_GUIDE" },` Nonresponsive dodaci ne mogu da obezbede najbolje korisničko iskustvo i ne prikazuju se u manjem prikazu. Agent mora da poveća veličinu prozora pretraživača da biste videli sve vidžete koji su konfigurisani kao neodgovorni.
straniцa > atributi	Možete specificirati atribute Veb komponente u ovom odeljku. `"atributi": { "disabled": "lažna", },`
Stranica > vidljivost	Specificira da li su vidžeti koje nudi Cisco dodani u prilagođenom rasporedu na nivou `stranice` ili na nivou `kompa` vidljivi ili ne. Dodaci koje nudi Cisco su Istorija kontakata, Cisco Webex Experience Management, IVR Transcript, Vodič za pozive za pregled kampanje i Screen Pop. Vrednosti svojstava vidljivosti su ugrađene i definisane u podrazumevanoj JSON datoteci Desktop Laiout-a. Administrator ne može da menja vrednosti svojstava vidljivosti vidžeta koje nudi Cisco. Vidljivost vrednost imovine NOT_RESPONSIVE je zastarela. Možete nastaviti da ga koristite samo za kompatibilnost sa prethodnim verzijama. Svaka vrednost postavljena kao NOT_RESPONSIVE ranije ne zahteva modifikaciju, jer funkcionalnost ostaje ista. Da biste podesili novokreirani vidžet kao odgovarajući ili ne odgovarajući, morate koristiti responzivnu osobinu. Za više informacija, pogledajte odgovarajuća osobina.
strana > deca	Ova osobina je osnovni deo rasporeda. U Decu Sekciji, možete gnezditi onoliko nivoa koliko je potrebno ako vidžet zasnovan na veb komponenti vam omogućava da prođete decu. Da bi to bilo moguće, programer mora programski rukovati sadržina Sadržaja. Za više informacija, pogledajteCisco Webex Contact Center Desktop Vodič za programere. Da biste saznali o prenošenju vrednosti STORE kao osobina, pogledajte Deljenje podataka sa radne površine u vidžete. `"children": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "children": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" } ] } ],` Prednost odeljka "dečjeg" niza je u tome što možete koristiti postojeće Veb komponente u vašoj specifikaciji rasporeda, koja je već deo Desktop paketa. Nekoliko veb komponenti Desktop paketa uključuju: agentx-wc-iframe: Vidžet koji vam omogućava da postavite bilo koju veb stranicu u iFrame kao vidžet. dinamic-area: Komponenta koja vam omogućava da omogućite funkciju povlačenja i ispuštanja za agente na drugom mestu osim prilagođenih stranica. Prilagođene stranice takođe mogu imati ovu mogućnost ako omogućite povlačenje i ispuštanje podrazumevano. Bilo koja komponenta u biblioteci momentum-ui-veb-component. Za više informacija, pogledajte GitHub. Na primer: MD-TABS: Kartice kontejner omotač md-tab: Zaglavlje sa jednim jezičkom md-tab-panel: Sadržaj sa jednom karticom Za više informacija o atributima za trajni karticu, pogledajte Atributi za trajne kartice.
strana > tekstSadržaj	Pomaže vam da dodate tekstualni sadržaj. `"textContent": "Moj tekstualni sadržaj",`
straniцa > stil	Pomaže vam da dodelite određeni CSS stil vašoj komponenti. `"style": { "backgroundColor": "#CBD", "overflow": "scroll" },`
Stranica > omot	Vidget omotač vam omogućava da dodate traku sa alatkama na vrhu vidžeta. Traka sa alatkama može da sadrži naslov i (Maksimizirati) ikona na vrhu vidžeta. Kada je vidžet zauzeo mali prostor na stranici, ikona maksimizacije omogućava agentu da vidi vidžet u punom radnom prostoru. Uverite se da koristite podrazumevanu vrednost kao "app-maximize-area". Trenutno je dostupna samo podrazumevana vrednost. `"wrapper": { "title": Moj vidget Naslov ", "maksimizeAreaName": "app-maksimize-area" }`
strana > omot> id	(Opciono) Veb komponenta vidget omot vam omogućava da ažurirate naslov dinamički vidžet pomoću jedinstvenog identifikator. Unesite vrednost svojstva vidžeta omotača `ID` kao uniku-id-to-update-title. `"wrapper": { "title": Moj vidžet Naslov ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" }` Uverite se da koristite isti jedinstveni identifikator za JavaScript CustomEvent. Za više informacija pogledajte odeljak Asinhroni događaji u poglavlju Modul za kontakt agenta Cisco Webex Contact Center Desktop Developer. Da biste ažurirali naslov vidžeta zasnovan na iFrame-u, koristite iFrame sadržaj iz istog domena. Sledi primer primera: `< tip skripte = "tekst / javascript" > var title = ""; window.addEventListener("update-title-event", function(e) { title = e.detail.title; }); document.kueriSelector('#customEvent').onclick = function() { const e = novi CustomEvent("update-title-event", { bubbles: true, detail: { title: "novi naslov" } }); vindov.parent.dispatchEvent(e); }; < / script> < dugme id = "customEvent" > novi naslov < / dugme> < iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < / iframe>`
>Srpskohrvatski / srpskohrvatski	Omogućava vam da ugradite veb stranicu u iFrame koji se pojavljuje kao vidžet na radnoj površini. Možete koristiti iFrame vidžet pod nazivom "agentk-vc-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" } },`
Straniцa > raspored	Omogućava vam da organizujete vidžete na stranici. Sledeći format predstavlja raspored mreže: `tip Raspored = { područja: string [][]; veličina: { redovi: number[]; cols: number[]; }; }; };` Ovde možete definisati mrežu sa imenima oblasti koje ste definisali u odeljku vidžeta . Sledeći primer pokazuje kako je specificiran raspored tri reda i tri kolone: `"laiout": { "areas": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "size": { "cols": [1, 1, 1], "rows": [1, 1, 1] } }` *Jednaka raspodela 3x3 rasporeda* U odeljku veličine, brojevi predstavljaju deo prostora koji vidžet može da zauzme, u odnosu na druge vidžete. Sve tri kolone zauzimaju jednak 1 deo prostora. Sa 100% kao raspoložive širine, svaki vidžet zauzima 33,33% horizontalnog prostora. *Sa jednakom širinom kolone* Još jedan primer upotrebe, ako podesite kao "cols": [1, 2, 2], to znači da je ukupan prostor podeljen sa 5 (1+2+2) i prvi vidžet zauzima 20% horizontalnog prostora. Drugi i treći vidžeti uzimaju po 40%. Za više informacija, pogledajte Osnovni koncepti rasporeda mreže. *Nakon promene širine kolone*
STRANIЦA > KOREN	Gnežđenje rasporeda se naziva podraspored. U slučaju da ste ugnežđeni raspored u konfiguraciji rasporeda, morate imati jedan "ROOT" objekat kao roditelj za podrasporede. U suprotnom, konfiguracija rasporeda može biti ravna ako nije potrebno gnežđenje. Ovaj raspored pruža veću kontrolu nad ponašanjem rasporeda promena veličine. Osobina rasporeda stranice mora biti tipa Record<string, Layout>. Osobina rasporeda vam omogućava da organizujete vidžete 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": { "areas": [ ["c3", "c4"] ], "size": { "cols": [1, 1], "rows": [1] } }, "sub2": { "areas": [ ["c1"], ["c5"] ], "size": { "cols": [1], "rows": [1, 1] } } } } Ovo podešavanje stvara mrežu u ROOT rasporedu sa dve podrešetke kojima možete samostalno promeniti veličinu. *Pod-raspored Izgled* Promena veličine komponente utiče na komponente unutar tog podrasporeda. *Nakon promene veličine oba pod-rasporeda* Budite svesni sledećih slučajeva: Beskonačna petlja: Ako uključite ROOT raspored kao podraspored ROOT-a, to izaziva grešku "prekoračen poziv stek" i nailazi na beskonačnu petlju. `{ "laiout": { "ROOT": { "areas": [ ["c1", "c2"], ["c3", "ROOT"], ], "size": { "cols": [1, 1], "rows": [1, 1] } } }` *Pod-raspored sa beskonačnom petljom* Isti Sub-Raspored (N) puta: Ako uključite podraspored u vašu mrežu više od jednom sa istim imenom, i ako promenite veličinu jednog od njih, svi podrasporedi se automatski menjaju. Ako ovo nije željeno ponašanje, preimenujte svaki od podrasporeda sa jedinstvenim imenom. `{ "layout": { "ROOT": { "areas": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "rows": [1, 1] } }, "sub1": { "areas": [ ["c3", "c4"] ], "size": { "cols": [1, 1], "rows": [1] } } } }` *Pod-raspored sa N puta*

Atributi za trajne kartice

Da biste podesili kartice u prilagođenim stranicama i prilagođenim vidžetima kao uporni, unesite atribute za md-tabs u prilagođenom rasporedu.

Primer : Podesite kartice kao trajne

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

Svojstvo	Opis
persist-selekcija	Da biste podesili `MD-Tabs` da bude uporan. Podrazumevana vrednost je istina.
Tabs-ID	Jedinstvena identifikacija za sve kartice zajedno u kontejneru.

Kada podesite md-tabs da budu uporni (persist-selection: true), Agent Desktop zadržava izbor kartica čak i ako agent prebacuje između stranica ili vidžeta na radnoj površini.

Osobina persist-selection nije primenljiva za kartice u oknu Pomoćne informacije i stranici izveštaja o statistici performansi agenta, jer je trajno ponašanje tabulatora već podešeno na radnoj površini.
Izbor tabulatora se vraća na podrazumevani tab kada se odjavite sa radne površine, ponovo učitate/osvežite pregledač, ili obrišete keš memoriju.

Konfiguracija trajnih vidžeta

Možete podesiti bilo koji prilagođeni vidžet da bude uporan. Trajni dodaci se prikazuju na svim stranicama radne površine. Trajni dodaci se prikazuju kao nova kartica u oknu Pomoćne informacije samo kada imate aktivan zahtev za kontakt ili razgovor. Na primer, Uzorak Trajni vidžet.

Trajni dodaci se ne prikazuju na početnoj stranici na način na koji se prikazuju na drugim stranicama. Međutim, ako imate aktivnu interakciju, trajni vidžeti se prikazuju na početnoj stranici kao deo okna Pomoćne informacije. Na primer, kada ste odgovorili na poziv, okno Kontrola interakcije se prikazuje, a Uzorak Trajni vidžet se prikazuje kao deo okna Pomoćne informacije.

Primer:

"area": { "persistent": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Custom Page Widget" } ] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "dinamic-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-vidget-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] } }] }

Kada prilagodite vidžet, možete izabrati bilo koju od opcija:

Hostujte aplikaciju na veb stranici koja može biti ugrađena u iframe.
Izgradite prilagođeni vidžet.

Tehnički zahtevi vidžeta su opisani u Desktop Vidget Development Documentation. Kao urednik rasporeda, uverite se da imate ove detalje:

Kako se zove prilagođeni HTML element (poznat kao Veb komponenta)?
Koji je URL izvor mreže za isporuku sadržaja (CDN) koji hostuje JavaScript paket?

Dodaci zaglavlja

Zaglavlje se koristi za prikaz umetnutih informacija, za dodavanje padajućih menija, i tako dalje. Kako kontejner zaglavlja ima ograničen vertikalni prostor, ukupna visina zaglavlja je samo 64 piksela. Za više informacija o poravnanju rasporeda, pogledajte odeljak osobina rasporeda .

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

Da biste dodali tooltip za vidžet zaglavlja, obmotajte komponentu sa md-tooltip. Unesite informacije o alatu u osobinu poruke .

Primer:

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

Morate da dodate atribute stila, prikaz i visinu da biste konfigurisali sve vidžete preko iFrame-a u prilagodljivoj oblasti vidžeta u zaglavlju. Najbolja vrednost atributa visine je 64 piksela.

Uverite se da ste dodali atribute stila postojećim vidžetima zaglavlja za njih da se učitaju kako se očekuje u okviru iFrame-a.

Primer:

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

Preporučujemo da koristite samo jedan red sa više kolona za zaglavlje jer je visina zaglavlja samo 64 piksela. Za više informacija o poravnanju, pogledajte odeljak osobina rasporeda .

Pomoćni panel za informacije

Okno Pomoćne informacije na radnoj površini prikazuje kartice koje uključuju Cisco-ponuđene (podrazumevane) vidžete i prilagođene vidžete. Sledeći Cisco-ponudio dodaci se pojavljuju u unapred definisanim karticama:

Istorija kontakata
IVR transkript
Korisničko iskustvo putovanje
Iskačući prikaz

Možete koristiti okno Pomoćne informacije da biste:

Dodajte kartice
Promenite redosled kartica
Uklonite unapred definisane kartice
Označite prilagođene kartice kao draggable
Dodajte opise alata na prilagođene kartice
Dodajte opciju Reset Tab Order

Primer:

"panel": { "comp": "md-tabs", "atributi": { "class": "vidget-tabs" }, "deca": [{ "comp": "md-tab", "atributi": { "slot": "tab", "klasa": "vidget-pane-tab" }, "deca": [{ "comp": "slot", "atributi": { "ime": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "klasa": "vidget-pane" }, "deca": [{ "comp": "slot", "atributi": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "atributi": { "slot": "tab", "klasa": "vidget-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": "dinamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Widget title", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"], ["comp2"] ], "size": { "cols": [1], "rows": [1, 1] } } }] } },

Možete konfigurisati vidžet za putovanje u korisničkom iskustvu nakon što omogućite metrike upravljanja korisničkim iskustvom na portalu za upravljanje.

U oknu Pomoćne informacije, dodajte nove kartice da biste postavili svoje prilagođene vidžete. Ovde se ne primenjuju posebna pravila, a gniježđenje komponenti je očekivano i opisano u odeljku za decu . Za više informacija, pogledajte osobinu Children stranice.

Slede konkretni primeri za prilagođavanje zaglavlja kartica:

Primer za postavljanje ikona i oznaka u imovinu dece

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

Primer za postavljanje slike (sa CSS-om) i oznaka u imovinu dece

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

Padajuća lista Više kartica se automatski pojavljuje kada okno Pomoćne informacije sadrži više kartica.

Morate dodati prilagođeni tab tooltip za čitljivost i pristupačnost. Da biste dodali tooltip za prilagođenu karticu, obmotajte komponentu sa md-tooltip. Unesite informacije o alatu u osobinu poruke i primenite vrednosti osobina stila kao što je prikazano u sledećem primeru.

"comp": "md-tooltip", "atributi": { "class": "vidget-tabs", "message": "Uzorak Tab 1", "stile": "mak-širina: 252pk; min-širina: 110px; prelivanje: skriveno; prelivanje teksta: elipse; beli prostor: nowrap; displej: inline-blok; margin-bottom: -10px;" },

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

Da biste omogućili funkciju povlačenja i ispuštanja unutar prilagođene kartice, dodajte sledeću osobinu unutar atributa :

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

draggable: Podesite vrednost osobine koja se može prevući na true.
comp-unique-id: Unesite jedinstvenu vrednost da biste identifikovali komponentu.

Primer:
```
"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 u oknu Pomoćne informacije. Da resetujete tabulatore na podrazumevani redosled tabulatora, dodajte sledeću osobinu:

"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 More Actions () u oknu Pomoćne informacije.
slot = "settings": Unesite atribut u komponenti koja je prikazana kao opcija Reset Tab Order u više akcija padajuće liste. Agenti mogu resetovati kartice u oknu Pomoćne informacije na podrazumevani redosled klikom na dugme > Poništi redosled kartica.
tabs-unique-id: Unesite istu jedinstvenu vrednost definisanu za comp-unique-id osobinu za mapiranje i resetovanje komponenti md-tabs .

Sledeći uzorak koda koristi More Actions i Reset Tab Order funkcije.

"comp": "agentk-vc-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.

Podrazumevano, tooltip, ikona elipse, i redosled tabulatora resetovanje za unapred definisane kartice su definisani.

Padajuća lista Više akcija može se proširiti da biste dodali dodatne prilagođene komponente ili vidžete nakon opcije Reset Tab Order . Sledi uzorak skupa vrednosti osobina stila koje se mogu primeniti na dodatne komponente.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-širina: 110px; prelivanje: skriveno; prelivanje teksta: elipse; beli prostor: nowrap; displej: inline-blok; margin-bottom: -10px;" },

Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

Funkcija povlačenja i ispuštanja nije podržana za dodatne prilagođene komponente ili vidžete koji su dodani u padajuću listu Više akcija .

Bezglavi dodaci

U odeljku bez glave možete dodati vidžete koji su skriveni i ne pojavljuju se na Agent Desktop. Ovi dodaci se koriste za izvršavanje logike u pozadini. Ovaj odeljak je koristan za pokretanje događaja koji se dešavaju na radnoj površini i izvršavanje logike specifične za vidžet. Na primer, otvaranje prilagođenog CRM Screen Pop-a za SMS po njegovom dolasku.

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

Delite podatke sa radne površine na vidžete

Da biste dobili podatke u realnom vremenu kroz svojstva ili atribute unutar prilagođenog vidžeta, dodelite odgovarajuće vrednosti STORE u JSON konfiguraciji rasporeda.

Pored toga, da biste pristupili podacima putem pretplatnika JavaScript SDK-a, podatke možete preneti i kroz svojstva ili atribute. Ako je vaša komponenta napravljena da reaguje na promene svojstava ili atributa, dobijate ažuriranja podataka u realnom vremenu od Agent Desktop-a, koji se zove provajder podataka.

Trenutno imamo jednog provajdera podataka pod ključnim STORE-om. Za više informacija pogledajte odeljak Provajder podataka - Svojstva i atributi vidžeta u vodiču za programere Cisco Webex Contact Center Desktop.

Pregled poziva za kampanju

Administrator kreira kampanje, konfiguriše režim biranja (pregled) i dodeljuje kampanje timovima. Ako je agent deo tima na koji su dodeljene kampanje, onda agent može napraviti odlazni pregled kampanje poziv. Za više informacija, pogledajte Konfigurišite glasovne režime odlazne kampanje u Webex Contact Center-u.

Administrator konfiguriše sledeće u prilagođenom rasporedu kako bi omogućio pregled kontakta kampanje za agenta.

Kampanja Kontakt
Vodič za pozive

Kampanja Kontakt

Administrator dodaje vidžet za kontakt kampanje u kontejner zaglavlja prilagođenog rasporeda. Kontakt kampanje prikazuje kontakt informacije kupca na osnovu definisanih svojstava. Za više informacija o poravnanju rasporeda, pogledajte liniju osobina rasporeda na stranici Osobina Detalji tabele.

Primer:

 "advancedHeader": [ { "comp": "agentk-previev-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", "dialerProkiHost": "$STORE.envVariables.serviceUrls.dialerProkiHost", "isProgressiveCampaignEnabled": "$STORE.app.featuresFlags.isProgressiveCampaignEnabled" } }, { "comp": "agentk-vebek" }, { "comp": "agentk-outdial" }, { "comp": "agentk-obaveštenje" }, { "comp": "agentk-state-selector" } ]

Vodič za pozive

Vidžet Vodič za pozive se prikazuje u oknu Pomoćne informacije na radnoj površini. Vodič za pozive prikazuje pitanja i odgovore na nivou kampanje. Od agenta se traži da pročita niz pitanja u vodiču za poziv i dostavi odgovore.

Primer:

"panel":{ "comp":"md-tabs", "attributes":{ "class":"widget-tabs" }, "children":[ { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp":"md-icon", "attributes":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Call Guide" } ], "visibility":"CALL_GUIDE" }, { "comp":"md-tab-panel", "attributes":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // include CDN link here " wrapper":{ "title":"Call Guide", "maximizeAreaName":"app-maximize-area" }, "properties":{ "lcmKei":"$STORE.agentContact.getCallGuideProps.LCMKei", "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" } } ], "vidljivost":"CALL_GUIDE" } ] }

Sledeće reference svojstava comp su promenjene. AgentKs u vrednosti imovine se zamenjuje sa acqueon:
- Agentx-previev-campaign je preimenovan u acqueon-preview-campaign
- agentx-call-guide je preimenovan u acqueon-call-guide
Morate hostovati listu i menadžer kampanja (LCM) na CDN-u, a zatim navesti URL u osobini skripte .

Iskačući prikaz

U rasporedu radne površine možete konfigurisati Screen Pop na jedan od sledećih načina:

Kao prilagođena stranica
Kao jedan od vidžeta na prilagođenoj stranici
Kao jezičak u oknu Pomoćne informacije

Screen Pop se prikazuje na radnoj površini na osnovu sledećih faktora:

Za Voice kanal:

Konfiguracija definisana u rasporedu radne površine
Aktivnost Screen Pop definisana u Flov Designer-u

Za nove digitalne kanale:

Konfiguracija definisana u rasporedu radne površine
Ekran Pop čvor definisan u Connect Flov Builder

Za više informacija o konfigurisanju Screen Pop-a, pogledajte Screen Pop.

Konfigurisanje Screen Pop-a u navigacionoj traci

Možete konfigurisati Screen Pop kao prilagođenu stranicu, ili kao jedan od vidžeta na prilagođenoj stranici. Da biste pristupili prilagođenoj stranici Screen Pop, kliknite na ikonu Screen Pop na traci za navigaciju. Da biste pristupili vidžetu Screen Pop na prilagođenoj stranici, kliknite na prilagođenu ikonu na traci za navigaciju. Za više informacija o svojstvima nav-a, pogledajte Navigacija (Prilagođene stranice).

Primer : Ekran se pojavljuje kao prilagođena stranica

{ "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 : Ekran se pojavljuje kao vidžet na prilagođenoj stranici

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

Ako Screen Pop nije konfigurisan u Flov Designer, prilagođena stranica se pojavljuje prazna. Za više informacija o konfigurisanju Screen Pop-a u Flov Designer-u, pogledajte Screen Pop.

Konfigurisanje Screen Pop-a u oknu sa pomoćnim informacijama

Možete podesiti Screen Pop da se pojavi kao jezičak u oknu Pomoćne informacije.

Podrazumevano, Screen Pop se pojavljuje kao novi sub tab na kartici Screen Pop u oknu Pomoćne informacije ako je Screen Pop konfigurisan da bude prikazan kao Inside Desktop u Flov Designer.

Dodajte sledeći atribut u panel sekciji da uključite Screen Pop kao jezičak u oknu Pomoćne informacije. Za više informacija o detaljima panela , pogledajte Okno sa pomoćnim informacijama.

Primer : Screen Pop kao jezičak u oknu sa 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" }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" } ], }

Ekran Pop prikaz opcija definisana u Flov Designer ima prednost nad konfiguracijom definisanom u Desktop Laiout.

Na primer, smatrajte da ste konfigurisali sledeće postavke Screen Pop-a:

Dizajner protoka – Podešavanja prikaza kao Na novoj kartici pretraživača
Raspored radne površine – Kao kartica u oknu Pomoćne informacije

Kada dođe do događaja za koji je konfigurisan screen pop, Screen Pop se prikazuje izvan radne površine - to jest, na novoj kartici pregledača.

Primeri primera korišćenja

Sledeći odeljci pružaju nekoliko primera za vašu referencu:

Konfigurišite i pristupite vidžetu za upravljanje korisničkim iskustvima sa navigacione trake
Korišćenje tabulatora na prilagođenoj stranici
Podrazumevano okno sa pomoćnim informacijama sa istorijom kontakata i pop ekranom
Pomoćni informacioni panel sa vidžetom za putovanje u korisničkom iskustvu

Konfigurišite i pristupite vidžetu za upravljanje korisničkim iskustvima sa navigacione trake

Primer:

{ "nav": { "label": "Metrike upravljanja korisničkim iskustvom", "icon": "/app/images/wxm.bcd45cc3.svg", "iconTipe": "other", "navigateTo": "vkm-metrics", "align": "top" }, "page": { "id": "vxm-metrics", "widgets": { "comp1": { "comp": "agentk-vc-cloudcherri-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": "Korisničko iskustvo Journei", "maksimizeAreaName": "app-maksimize-area" } } }, "laiout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rovs": [1] } } } },

Da biste dobili spaceId i metricsId, pogledajteWebex Experience Managementdokumentacija .

Korišćenje tabulatora na prilagođenoj stranici

Primer:

{ "nav": { "label": "Dinamičke kartice", "ikona": "stored-info", "iconTipe": "momentum", "navigateTo": "dinamičke kartice", "align": "vrh" }, "stranica": { "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", "atributi": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Dva sadržaja", "atributi": { "slot": "panel" } } }, "comp2": { "comp": "vidget-dva", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "raspored": { "areas": [ ["comp1", "comp2"] ], "veličina": { "cols": [1, 1], "rovs": [1] } } } } }

Podrazumevano okno sa pomoćnim informacijama sa istorijom kontakata i pop ekranom

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", "atributi": { "slot": "tab", "class": "widget-pane-tab" }, "deca": [{ "comp": "slot", "atributi": { "name": "SCREEN_POP_TAB" } }], "vidljivost": "SCREEN_POP" }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "klasa": "vidget-pane" }, "deca": [{ "comp": "slot", "atributi": { "ime": "SCREEN_POP" } }], "vidljivost": "SCREEN_POP" } },

Pomoćni informacioni panel sa vidžetom za putovanje u korisničkom iskustvu

Primer:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attributes": { "name": "WXM_JOURNEY_TAB" } }], "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "agentx-wc-cloudcherry-widget", "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent. teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journei", "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" } }], "vidljivost": "SCREEN_POP" }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "vidget-pane" }, "deca": [{ "comp": "slot", "atributi": { "name": "SCREEN_POP" } }], "vidljivost": "SCREEN_POP" } "vidljivost": "SCREEN_POP" }, },

Lokalizacija

Desktop UI podržava lokalizaciju na 29 jezika.

Slede podržani jezici:

Bugarski, katalonski, kineski (Kina), kineski (Tajvan), hrvatski, češki, danski, holandski, engleski (Velika Britanija), engleski (SAD), finski, francuski, nemački, mađarski, italijanski, japanski, korejski, norveški, poljski, portugalski (Brazil), portugalski (Portugal), rumunski, ruski, srpski, slovački, slovenački, španski, švedski i turski.

Desktop UI jezik se zasniva na podešavanjima jezika u vašem pretraživaču. Na primer, uzmimo u obzir da ste izabrali francuski kao željeni jezik u pregledaču Firefox. Kada pokrenete Desktop u Firefok pretraživaču, Desktop UI se pojavljuje na francuskom jeziku (francuski). Međutim, horizontalno zaglavlje, navigaciona traka i druge komponente dodane u raspored radne površine nisu lokalizovane na osnovu podešavanja podešavanja jezika u vašem pretraživaču.

Lokalizujte komponente radne površine

Da biste lokalizovali desktop komponente,

Koristite postojeće ključeve za lokalizaciju podešene u app.json fajlu. Ako tasteri za lokalizaciju nisu podešeni, koristi se podrazumevani jezik engleski (SAD). Možete da pošaljete zahtev za uslugu Cisco podršci da biste dodali ključ za lokalizaciju u datoteku app.json .

Primer : Ključ lokalizacije
```
{ "zajednički": { "buttonTitle": "Zaustavi tajmer" } }
```
Unesite sledeću osobinu osetljivu na velika i mala slova u JSON datoteku Desktop Laiout da biste lokalizovali komponentu:
```
"textContent": "$I 18N.<ključ>", 
```
gde <ključ> odnosi se na odgovarajući ključ za lokalizaciju u datoteci app.json .

Primer : Lokalizujte komponentu zaglavlja

"header": { "id": "header", "widgets": { "head1": { "comp": "md-button", "attributes": { "slot": "menu-trigger", "style": "height: KSNUMKSpx" }, "children": [{ "comp": "span", "textContent": "$I 18N.common.buttonTitle", } }, }, }

Primer : Lokalizujte komponentu Tab u oknu sa pomoćnim informacijama

"panel": { "comp": "md-tab", "atributi": { "slot": "tab" }, "deca": [{ "comp": "span", "textContent": "$I 18N.panelTvo.screenPopTitle" }] }

Hvala na povratnim informacijama.

Kreirajte prilagođeni raspored radne površine< / h1>

Pregled

JSON Laiout Top-Level Properties

Uloge

Korisničko ime

logotip

taskPageIlustracija

stopNavigateOnAcceptTask

dragDropEnabled

obaveštenjeTajmer

maksimumNotificationCount

pretraživačObaveštenjeTajmer

wxmKonfigurisan

desktopĆaskanje

headerAkcije

Oblast

Pretraživanje

Mapa sajta

Analizator Dodaci

Početna strana Konfiguracija rasporeda

Navigacija (prilagođene stranice)

Atributi za trajne kartice

Konfiguracija trajnih vidžeta

Dodaci zaglavlja

Pomoćni panel za informacije

Bezglavi dodaci

Delite podatke sa radne površine na vidžete

Pregled poziva za kampanju

Iskačući prikaz

Konfigurisanje Screen Pop-a u navigacionoj traci

Konfigurisanje Screen Pop-a u oknu sa pomoćnim informacijama

Primeri primera korišćenja

Lokalizacija

Lokalizujte komponente radne površine

Mala preduzeća

Velika preduzeća

Uređaji

Rešenja za

Resursi

Kompanija