Stvori prilagođeni izgled radne površine

Pregled

Značajka izgled radne površine omogućuje konfiguriranje radne površine Webex Contact Center prema 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 prijave kao dio tog tima.

Postoje dvije vrste izgleda:

Globalni izgled: ovaj izgled je izgled generiran u sustavu koji se dodjeljuje prema zadanim postavkama kada stvorite tim. Dodatne informacije potražite u odjeljku Upravljanje timovima. Kada stvorite tim, globalni izgled automatski se postavlja kao izgled radne površine za tim. Ovaj izgled ne možete izbrisati.
Prilagođeni izgled: izgled koji omogućuje prilagođeno iskustvo radne površine. Možete stvoriti 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 persone:

Agent
Nadzornik
Nadzornik i agent

JSON datoteka izgleda ima zasebne sekcije za svaku osobu. Administrator treba konfigurirati postavke za svaku osobu u odgovarajućem odjeljku JSON datoteke izgleda. Dodatne informacije o oglednoj JSON datoteci izgleda potražite u odjeljku JSON Svojstva najviše razine 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 radne površine koji koriste neizmijenjeni izgled radne površine dobivaju nove značajke temeljene na izgledu kada se prijave ili ponovno učitaju preglednik.

Ako koristite zadanu datoteku Layout.json radne površine bez ikakvih izmjena, tada se to smatra neizmijenjenim izgledom. Međutim, ako preuzmete zadanu datoteku Layout.json radnu površinu i ponovno je prenesete, smatra se izmijenjenim izgledom čak i ako sadržaj datoteke ili naziv datoteke nisu izmijenjeni.

Za timove koji koriste prilagođeni izgled radne površine, administratori moraju povremeno osvježavati definiciju izgleda kako bi uključili nove značajke. Kada administratori vide neizmijenjeni izgled ili tim koji koristi neizmijenjeni izgled, prikazuje se poruka koja pokazuje da se nove značajke radne površine automatski primjenjuju.

Na radnoj površini postoje dvije vrste widgeta – utemeljeni na iframe i web-komponenti. Zaglavlje, navigacija (prilagođena stranica), trajno područje, područje bez glave i pomoćna ploča prilagodljivo su područje na radnoj površini. Ovo nisu widgeti.

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

Područje naslova i logotipa: ovaj prostor prikazuje logotip i naziv Webex Contact Center (zadano) u gornjem lijevom kutu zaslona.
Vodoravno područje zaglavlja : ovaj prostor ima područje koje se može konfigurirati i koje je popunjeno prilagođenim widgetima. Ti widgeti mogu prikazivati, na primjer, informacije u retku i padajuće izbornike. Budući da je visina ovog zaglavlja samo 64 piksela, visina widgeta ne može prijeći visinu zaglavlja.
Područje radnog prostora : Taj se prostor mijenja prema odabiru na navigacijskoj traci ili prema tome kada agent stupa u interakciju s klijentima. Kada je agent na pozivu, ovo područje prikazuje okno kontrole interakcije i pomoćnih informacija (to uključuje prilagođene widgete i stalne widgete). Kada agent stupa u interakciju s e-poštom, chatom ili društvenim kanalima, ovo područje prikazuje područje radnog prostora i okno s pomoćnim informacijama (to uključuje trajno područje widgeta).

Prilagođena stranica prikazuje se na sučelju radne površine u oknu radnog prostora. Prilagođenoj stranici možete pristupiti 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đeni Tab (okno s pomoćnim informacijama) ili na vodoravno zaglavlje radne površine.
Područje navigacijske trake : Koristite ovaj prostor za dodavanje stavki navigacije za pristup prilagođenim stranicama.

Ogledno korisničko sučelje za radnu površinu za glasovne usluge

Ogledno korisničko sučelje radne površine za nove digitalne kanale

JSON izgled Svojstva najviše razine

Uloge

Zadani JSON izgled ima sljedeće tri uloge.

Agent — Postavljanje izgleda radne površine za prikaz kada se agent prijavi na radnu površinu Webex Contact Center za rukovanje aktivnostima agenta.
Nadzornik — Postavljanje izgleda radne površine koja će se prikazati kada se nadzornik prijavi na radnu površinu Webex Contact Center tako da rukuje samo nadzornim mogućnostima.

Kada se nadzornik prijavi na radnu površinu, primjenjuje se izgled radne površine koji je određen za primarni tim. Ako ne pružite primarni tim, primjenjuje se globalni izgled. Prema zadanim postavkama APS izvješća su onemogućena.
supervisorAgent — za postavljanje izgleda radne površine koja će se prikazati kada se nadzornik prijavi na radnu površinu Webex Contact Center za rukovanje nadzornim mogućnostima i aktivnostima agenta.

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

Slijede svojstva najviše razine za JSON izgled na temelju uloge:

{ "agent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, }, "supervizor": { "verzija": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... }, "početna stranica": { ... } }, } "supervisorAgent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigacija": { ... }, "uporan": { ... }, "bez glave": { ... } }, } },

appTitle
logotip
taskPageIllustration
stopNavigateOnAcceptTask
Omogućeno povlačenje/ispuštanje
Timer obavijesti
maksimalni broj obavijesti
Tajmer obavijesti preglednika
wxmConfigured
Aplikacija za razgovor na radnoj površini
područje
napredni zaglavlje

Promjene napravljene u svojstvima JSON izgleda stupaju na snagu kada se osvježi preglednik na radnoj površini.
Ako značajka koju ste omogućili na JSON izgledu nije dostupna na radnoj površini, obratite se podršci za Cisco da biste omogućili značajku.
Sva svojstva u JSON izgledu razlikuju velika i mala slova.

Naslov aplikacije

Za određivanje naslova u horizontalnom zaglavlju radne površine. Zadani naslov je Webex Contact Center.

Primjer:

"Naslov aplikacije": "Webex Contact Center"

Zadani naziv aplikacije mijenja se iz Kontaktni centar za stolna računala do Webex Contact Center. Nema utjecaja na postojeće prilagođene izglede koji koriste stari zadani appTitle ( Kontaktni centar za stolna računala). Da biste koristili novi appTitle, morate izmijeniti prilagođeni izgled. Međutim, novi globalni izgled koristi zadani appTitle kao Webex Contact Center.

Naslov može biti tekst, slika ili prazan niz. Naslovni tekst se pojavljuje u dva reda. Ako tekst prelazi drugi red, prikazuje se ikona elipse, 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), spremniku Amazon Web Services (AWS) Simple Storage Service (S3) ili sličnoj usluzi hostinga, a zatim navesti URL hostirane slike. Podržani formati slika naslova su PNG, JPG, JPEG, GIF, SVG i WebP. Podržana veličina naslovne slike je 184 x 32 piksela (širina x visina).

logotip

Za određivanje URL-a za logotip tvrtke. Ako ne navedete URL, logotip Webex Contact Center se pojavljuje prema zadanim postavkama.

Primjer:

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

Prilagođenu sliku logotipa možete hostirati na CDN-u, Amazon Web Services (AWS) Simple Storage Service (S3) bucketu ili sličnoj usluzi hostinga, a zatim navesti URL hostane 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 naslov i logotip aplikacije na temelju konfiguracije izgleda radne površine
Uvjet	Primjer	Naslov aplikacije	logotip
Ako appTitle i logo nisu konfigurirani	`"Naslov aplikacije": "", "logotip": "",`	Bez naslova	Zadani logotip
Ako su konfigurirani naziv aplikacije i logotip	`"appTitle": "Tvrtka ABC", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurirani tekst	Konfigurirani logotip
Ako je appTitle konfiguriran, a logo nije konfiguriran	`"appTitle": "Tvrtka ABC", "logo": "",`	Konfigurirani tekst	Zadani logotip
Ako appTitle nije konfiguriran, a logo je konfiguriran	`"Naslov aplikacije": "", "logo": "https://my-cdn.com/abclogo.png",`	Bez naslova	Konfigurirani logotip
Ako je appTitle konfiguriran i logotip nije preferiran	`"appTitle": "Tvrtka ABC", "logo": "bez logotipa",`	Konfigurirani tekst	Nema logotipa
Ako appTitle nije konfiguriran i logotip nije preferiran	`"appTitle": "", "logo": "bez logotipa",`	Bez naslova	Nema logotipa
Ako se appTitle doda kao slika i konfigurira logotip	`"Naslov aplikacije": "https://my-cdn.com/abccompanylogo.png", "logo": "https://my-cdn.com/abclogo.png",`	Konfigurirana slika	Konfigurirani logotip
Ako se appTitle doda kao slika, a logotip nije konfiguriran	`"Naslov aplikacije": "https://my-cdn.com/abccompanylogo.png", "logo": "",`	Konfigurirana slika	Zadani logotip
Ako se appTitle doda kao slika, a logotip nije poželjniji	`"appTitle": "https://my-cdn.com/abccompanylogo.png", "logo": "bez logotipa",`	Konfigurirana slika	Nema logotipa

Prilagođena veličina slike podešava se na temelju omjera slike. Prilagođeni tekst naslova koji je ranije konfiguriran sada se može pojaviti u dva reda na radnoj površini. Da biste to izbjegli, možete izmijeniti prilagođeni tekst naslova.
Ako naslov i logotip nisu konfigurirani u horizontalnom zaglavlju radne površine, taj prostor koriste widgeti zaglavlja. Widgeti zaglavlja moraju biti ispravno konfigurirani kako bi koristili prostor za naslov i logotip.
Naslov i logotip zajedno ne smiju prelaziti maksimalnu širinu od 304 piksela (uključujući rubove). 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 se prilagođava na temelju omjera slike u horizontalnom zaglavlju. Ako je prilagođena veličina slike manja od podržane veličine, stvarna veličina slike zadržava se u horizontalnom zaglavlju.

Ilustracija stranice zadatka

Za određivanje prilagođene ilustracije za stranicu zadatka na temelju preferencija organizacije i usklađenosti s robnom markom. Kada se agent prijavi, stranica zadatka prikazuje konfiguriranu ilustraciju kao pozadinu. Prema zadanim postavkama, stranica zadatka prikazuje se bez ilustracije.

Primjer:

"Ilustracija stranice zadatka": "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), spremniku Amazon Web Services (AWS) Simple Storage Service (S3) ili sličnoj usluzi hostinga, a zatim navesti URL za hostiranu ilustraciju. Ilustracija se može konfigurirati na globalnoj ili timskoj razini na temelju definicije izgleda. Provjerite jeste li konfigurirali ispravan URL kako biste spriječili prikaz oštećene 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 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 prilagođene ilustracije na temelju omjera slike***

zaustaviNavigacijuPriPrihvatiZadatak

Kako bi se utvrdilo treba li fokus premjestiti na novo prihvaćeni zadatak, kada agent prihvati novi zadatak dok radi na prethodnom zadatku. Zadana vrijednost je lažno.

Primjer:

"stopNavigateOnAcceptTask": netočno

Ako je vrijednost postavljena kao pravi, 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 korisnikov gubitak podataka prilikom prihvaćanja novog zahtjeva.

Na primjer, uzmimo u obzir da je Agent 1 u razgovoru s Kupcem 1 i istovremeno u glasovnom pozivu s Kupcem 2. Tijekom glasovnog poziva, Agent 1 ažurira detalje Kupca 2 u oknu Kontrola interakcije. Trenutno, Agent 1 ima dva aktivna zadatka u oknu Popis zadataka, a fokus je na oknu Kontrola interakcije. Kada Agent 1 prihvati novi zahtjev za chat od Kupca 3, fokus ostaje na oknu Kontrola interakcije s Kupcem 2 i ne prebacuje se na novoprihvaćeni zahtjev za chat.

Da biste zadržali fokus na prethodnom zadatku i ne prešli 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 novo prihvaćeni zadatak. Ponašanje je slično kao kada je vrijednost svojstva stopNavigateOnAcceptTask postavljena na false.

Postavka se primjenjuje na sve zadatke (glasovne i digitalne kanale) koji se izvršavaju na računalu - kao što su prihvaćanje zadatka, konferencija, konzultacija ili prijenos, te za vanjske pozive, odlazne pozive kampanje, automatsko završavanje i tako dalje.
Postavka se ne primjenjuje ako se korisnik računala nalazi na stranici Home, bez aktivnog zadatka u oknu Popis zadataka. U takvom slučaju, kada se prihvati novi zadatak, fokus se prebacuje sa stranice Home na novoprihvaćeni zadatak.

Omogućeno povlačenje/ispuštanje

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

Primjer:

"omogućeno povlačenjeIspuštanje": netočno

Za više informacija o omogućavanju značajke povlačenja i ispuštanja za kartice u oknu Pomoćne informacije pogledajte Okno Pomoćne informacije.

Timer obavijesti

Za 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 vremenskog ograničenja je 8 sekundi. Važeći raspon za vrijednosti vremenskog ograničenja je 1-10 sekundi. Da bi promjene vremenskog ograničenja stupile na snagu, preglednik se mora osvježiti nakon što se promjene izvrše.

Primjer:

"VrijemeObavještenja": 8

maksimalni broj obavijesti

Za postavljanje broja obavijesti na radnoj površini koje će se istovremeno prikazivati na radnoj površini. Zadana vrijednost je 3. Raspon za obavijesti na radnoj površini je 1-10. Obavijesti na radnoj površini su naslagane. Ako postoji mnogo obavijesti, one se pojavljuju s malim zakašnjenjem ovisno o postavkama notificationTimer .

Primjer:

"maksimalniBrojObavijesti": 3

Tajmer obavijesti preglednika

Za postavljanje trajanja (u sekundama) nakon kojeg se obavijesti preglednika na radnoj površini automatski odbacuju. Toaster je izvorna obavijest preglednika koja se pojavljuje samo ako radna površina nije aktivni prozor preglednika ili Tab. Prozor preglednika na radnoj površini ili Tab nije aktivan kada

Radite na drugim prozorima ili karticama preglednika.
Radite na drugim aplikacijama.
Minimizirali ste prozor preglednika na radnoj površini.

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

Primjer:

"browserNotificationTimer": 8

Konfigurirano vrijeme čekanja za obavijesti preglednika ovisi o operativnom 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.

wxmConfigured

(Neobavezno) Za konfiguriranje Webex Experience Management, postavite vrijednost na true. Zadana vrijednost je false.

Primjer:

"wxmConfigured": istina

Aplikacija za razgovor na radnoj površini

Za konfiguriranje više aplikacija za chat koje nudi Cisco, kao što je aplikacija Webex.

webexKonfigurirano

Aplikacija Webex, zajedno s funkcijama razmjene poruka i sastanaka, može se konfigurirati unutar radne površine. Ova konfiguracija omogućuje agentima suradnju s drugim agentima, nadzornicima i stručnjacima za predmetnu materiju (SME) u njihovoj organizaciji bez napuštanja radne površine.

Administrator stranice upravlja Webex korisnicima sastanka i dodjeljuje privilegije samo ako korisnici imaju Webex Enterprise Edition. Za više informacija pogledajte Upravljanje korisnicima Webex Meetings u Cisco Webex Control Hub.
Nadzornici i mala i srednja poduzeća moraju preuzeti klijenta Webex na svoj sustav (osobni uređaj) ili pristupiti aplikaciji Webex pomoću web-aplikacije Webex ( https://web.webex.com/). Za više informacija pogledajte Preuzimanje aplikacije.
Aplikaciji Webex možete pristupiti unutar Agent Desktop kako biste surađivali s drugim agentima, nadzornicima i stručnjacima za predmetnu materiju (SME) vaše organizacije bez napuštanja Agent Desktop. Funkcija 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.

Za konfiguriranje aplikacije Webex na računalu:

U Cisco Webex Control Hub, prilikom dodavanja usluga za korisnika, označite potvrdni okvir Napredne poruke (Korisnici > Upravljanje korisnicima > Usluge > Poruke). Za više informacija pogledajte Upravljanje korisničkim računima u Cisco Webex Administracija web-mjesta.
U prilagođenom rasporedu radne površine postavite webexKonfigurirano vrijednost nekretnine za pravi.

Primjer:
```
"desktopChatApp": { "webexConfigured": true },
```
Zadana vrijednost webexKonfigurirano nekretnina je lažno.

Webex Aplikacija je dostupna za uloge agenta, nadzornika i nadzornikaAgenta samo ako postavite webexKonfigurirano vrijednost nekretnine za pravi za svaku od ovih uloga. Agent, nadzornik ili nadzorni agent ne mogu se odjaviti iz aplikacije Webex.

Za prikaz ( Webex) ikonu na horizontalnom zaglavlju radne površine, unesite vrijednost Webex u Radnje u zaglavlju imovina. Za više informacija pogledajte Radnje u zaglavlju.

Da biste omogućili aplikaciju Webex za određeni tim, odaberite prilagođeni izgled s webexKonfigurirano vrijednost svojstva postavljena na pravi. Za više informacija pogledajte Stvaranje tima.

Aplikaciju Webex možete konfigurirati i u oknu Pomoćne informacije, prilagođenoj stranici i prilagođenom widgetu. Za više informacija pogledajte Prozor s pomoćnim informacijama.

Webex Obavijest aplikacije

Vrijednosti koje su navedene pomoću svojstava notificationTimer i browserNotificationTimer za mjerač vremena obavijesti primjenjuju se na aplikaciju Webex. Zadana vrijednost vremenskog ograničenja za ova svojstva je 8 sekundi. Za više informacija pogledajte notificationTimer i browserNotificationTimer.

Radnje u zaglavlju

Za promjenu redoslijeda ikona u horizontalnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

(Webex)
(Poziv izvan biranog broja)
(Centar za obavijesti)

Postavite vrijednost svojstva headerActions na sljedeći način:

Naziv ikone	Vrijednost svojstva headerActions
Aplikacija Webex	Webex
Odlazni poziv	Prema van
Centar za obavijesti	obavijest

Primjer:

"headerActions": ["Webex", "izlazni poziv", "obavijest"],

Vrijednost svojstva headerActions osjetljiva je na velika i mala slova.

Za promjenu zadanog redoslijeda ikona unesite svojstvo headerActions i odgovarajuće vrijednosti u prilagođenom rasporedu.

Primjer:

"headerActions": ["obavijest", "izlazni poziv", "Webex"],

Ako ne unesete svojstvo headerActions i vrijednosti u prilagođeni izgled, ikone se prikazuju zadanim redoslijedom.
Za uklanjanje ikona zaglavlja i povezanih funkcionalnosti s radne površine, postavite praznu vrijednost za svojstvo headerActions ("headerActions": []). Međutim, ako ste dodali aplikaciju Webex u okno Pomoćne informacije ili na prilagođenu stranicu ili kao prilagođeni widget, agent i dalje može pristupiti aplikaciji Webex iako aplikacija Webex nije dostupna u horizontalnom zaglavlju radne površine.
Ako je vrijednost svojstva webexConfigured postavljena kao false, ikona aplikacije Webex ne prikazuje se u horizontalnom zaglavlju radne površine, čak i ako je vrijednost Webex dodana u svojstvo headerActions . Za više informacija pogledajte webexConfigured.

područje

Svojstvo area je središnji dio izgleda radne površine. Raspored možete definirati prema području.

"područje": { "zaglavlje": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "skripta": .... } }, "ploča": { ... }, "navigacija": { ... }, "uporno": { ... }, "bez glave": { ... } },

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

Ploča: Predstavlja drugu ploču ili krajnju desnu ploču u oknu Pomoćne informacije.
Navigacija: Predstavlja prilagođene stranice i njihove navigacijske elemente koji su povezani sa stranicama.
Trajni: Predstavlja widgete na razini stranice koji su trajni 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, svojstva header i headerActions moraju se ukloniti.

napredni zaglavlje

Za prilagodbu vidljivosti i promjenu redoslijeda ikona u horizontalnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

(Webex)
(Poziv izvan biranog broja)
(Centar za obavijesti)
(Selektor stanja agenta)

Postavite vrijednost svojstva advancedHeader na sljedeći način:

Naziv ikone	Vrijednost svojstva headerActions
Aplikacija Webex	agentx-webex
Odlazni poziv	agentx-outdial
Centar za obavijesti	agentx-obavijest
Odabir stanja agenta	selektor-stanja-agentx

Primjer:

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

Vrijednost svojstva advancedHeader osjetljiva je na velika i mala slova.

Za promjenu zadanog redoslijeda ikona unesite svojstvo advancedHeader i odgovarajuće vrijednosti u prilagođenom rasporedu.

Widgeti se slijevaju u padajući izbornik s lijeva na desno.

Ako ne unesete svojstvo advancedHeader u prilagođeni izgled, prikazuje se zadano zaglavlje.
Kada je omogućeno napredno zaglavlje, trebali biste premjestiti widgete iz postojećeg zaglavlja u napredno zaglavlje kao što je prikazano u primjeru.
Kada je omogućeno napredno zaglavlje, staro zaglavlje se neće prikazivati.
Svaka ikona widgeta ima zadani padding i marginu koji su definirani putem CSS-a i ne mogu se prilagoditi putem desktopa.
Lokacija logotipa, naslova i ikona profila je fiksna i ne može se prilagoditi.
Za uklanjanje ikona zaglavlja i povezanih funkcionalnosti s radne površine, postavite praznu vrijednost za povezanu komponentu u svojstvu advancedHeader ("advancedHeader": []).

Ako ste dodali aplikaciju Webex u okno Pomoćne informacije ili na prilagođenu stranicu ili kao prilagođeni widget, agent i dalje može pristupiti aplikaciji Webex iako aplikacija Webex nije dostupna u horizontalnom zaglavlju radne površine.
Ako dodate widget s dugom oznakom, prikazuje se skraćeni naziv oznake prema raspoloživom prostoru.

Možete koristiti atribut Sadržaj teksta za dodavanje oznake widgetu.

Primjer:
```
{ "comp": "timer-widget", "attributes": { "duration": "08:00:00" }, "textContent": "Odbrojavanje za trenutnu smjenu", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }
```
Oznaka "Odbrojavanje za trenutnu smjenu" bit će skraćena i prikazana prema raspoloživom prostoru.
- Izbjegavajte dodavanje widgeta s dugim oznakama.
- Kada se widget pojavi u padajućem izborniku, može se kliknuti samo na ikonu widgeta.
Ako webexKonfigurirano vrijednost nekretnine postavljena je kao lažno, the Webex Aplikacija ikona se ne prikazuje u horizontalnom zaglavlju radne površine, čak i ako je Webex vrijednost se dodaje u napredni zaglavlje imovina. Za više informacija pogledajte webexKonfigurirano.

Home Stranica

Kada se prijavite na radnu površinu, sletjet ćete na stranicu Home.

Stranica Home odnosi se samo na personu Nadzornika i Agent Nadzornika.

Sljedeće widgete možete vidjeti na stranici Home. Widgeti analizatora dostupni su 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 stranici Home radne površine.

Konfiguracija izgleda stranice Home

Stranicu Home radne površine možete konfigurirati za prikaz izgleda koji se temelji na preferencama vaše tvrtke ili ustanove i usklađivanju robne marke. Uredite polje Početna stranica da biste konfigurirali stranicu Home. Možete konfigurirati sljedeće komponente za prikaz na stranici Home 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 stranice Home:

Stol 2. Dinamički Home izgled 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": "momentumDesign", "navigateTo": "dynamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "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. `upišite Navigation.Item = { oznaka: niz; ikonaType: "momentumDesign" \| "ostalo"; ikona: niz; Poravnaj: "Vrh" \| "dno"; navigateTo: niz; iconSize? :broj; isResponsive? :Booleova; };` Svojstvo `natpisa` naslov je prilagođene stranice.
nav > iconType	Ovo svojstvo predstavlja vrstu ikone koja se prikazuje na navigacijskoj traci prilagođene stranice. Dostupne su sljedeće vrste ikona: momentumDesign: Možete odabrati sve dostupne ikone u zbirci: https://momentum-design.github.io/momentum-design/en/tokens/icons/. Prednost korištenja Momentuma je u tome što pruža nekoliko ikona s "aktivnom" verzijom. Slučaj upotrebe aktivne verzije: Na primjer, ako odaberete vrstu ikone zamaha najava, na navigacijskoj traci možete vidjeti zadanu ikonu. Kada dođete do prilagođene stranice (povezane s ikonom), ikona se mijenja u Najava – aktivna najava Automatski verziju. Provjerite ima li aktivan Verzija iste ikone u biblioteci ikona. Ostalo: možete navesti prilagođeni URL slike (hostiran na CDN-u) koji se pojavljuje na navigacijskoj traci. Ako koristite crno-bijelu prilagođenu ikonu, ikona nije vidljiva kada se prebacujete između svijetlih i tamnih načina rada.
Ikona aplikacije Nav >	Ovo svojstvo predstavlja naziv ikone u biblioteci Momentum ili URL-u CDN-a. `upišite Navigation.Item ={ icon:"announcement"; }; OR // vrsta Navigation.Item ={ ikona:"https://my-cdn.com /my-navigation-icon.png"; };`
Poravnaj > navigaciju	Ovo svojstvo pomaže vam poravnati ikonu s vrhom ili dnom navigacijske trake. Trenutno svojstvo dopušta samo poravnanje s vrhom.
nav > isDefaultLandingPage	Ovo svojstvo određuje zadanu odredišnu stranicu za agente u Agent Desktop. Postavite ovo svojstvo na istinito kako bi stranica navigacijske trake postala zadana odredišna stranica koja se pojavljuje agentima nakon prijave na Agent Desktop. Ako je na više stranica navigacijske trake 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, stranica Home djeluje kao zadana odredišna stranica. Izvješća Statistika performansi agenta ne možete postaviti kao zadanu odredišnu stranicu.
navigacija > navigateTo	Ovo svojstvo određuje naziv prilagođene stranice. Taj se naziv 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. `upišite Navigation.Item = { navigateTo: "my - custom - page"; };`

Stol 4. Detalji svojstva stranice
Svojstvo	Opis i šifra
ID stranice > id	Dolazni stranica Odredite prilagođeni objekt 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. `vrsta DynamicWidgets.Page = { id: niz; widgeti: niz < zapisa, DynamicWidget.Options > ; izgled: Izgled; };`
page > useFlexLayout	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;" } } }`
Page > widgeti page > comp	Pomaže vam definirati prilagođene widgete. Za postavljanje više widgeta odredite mogućnosti widgeta u slijedu. Pobrinite se da svakom widgetu dodijelite jedinstveni naziv područja. Kasnije ga koristite u odjeljku izgleda. `"widgeti": { "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). Dodatne informacije potražite u odjeljku Primjeri primjera primjera korištenja slučajeva. Ovdje unesite prilagođeni naziv elementa bez kutnih zagrada ("<" ili ">"). Na primjer, "moj prilagođeni element". Svaki unos u sekciji widgeta podržava sljedeći format: `vrsta Opcije = { comp: niz; skripta? :gudački; svojstava? : Snimi < niz, bilo koji > ; Atribute? : Niz < zapisa, niz > ; djeca? : Mogućnosti[]; textContent? :gudački; stil? : Djelomična < CSSStyleDeclaration > ; omot? : { title: string; maximizeAreaName: string; }; };`
Page > skripta	(Neobavezno) Ovo svojstvo potrebno je samo kada učitavate widget ili komponentu s udaljenog mjesta kao što je CDN. `"comp1": { "comp": "widget-one", "script": "http:/my-cdn.com / dynamic - widgeti / widget - one.js ", }` Nemojte mijenjati URL skripte za istu komponentu. Ako trebate promijeniti URL skripte za istu komponentu, učinite nešto od sljedećeg: Obavijestite agenta da očisti predmemoriju preglednika i ponovno učita Agent Desktop. Zadržite postojeći URL. Dinamički uvezite novi URL paketa pomoću javascripta hostiranog u postojećem URL-u. Primjer: `(function() { var script = document.createElement("skripta"); script.src = <Vaš JS SCRIPT URL> skripta.type = "text/javascript"; script.async = true; document.getElementsByTagName ("glava").item(0).appendchild(skripta); } ) ()`
svojstva stranice > svojstva	Možete odrediti svojstva koja morate proslijediti za web-komponentu. `"svojstva": { "korisnik": "admin", },`
Reagiranje > stranicu	Određuje reagira li web-komponenta ili widget utemeljen na iFrameu koji se dodaje u prilagođenom izgledu na `razini stranice` ili `na razini kompa` . Responzivne web komponente čine vašu web stranicu vizualno privlačnom na svim uređajima i jednostavne su za upotrebu. Morate koristiti responzivne iFrame widgete. Konfigurirajte ovo svojstvo s jednom od sljedećih vrijednosti: Istina: omogućuje odziv widgeta. Prema zadanim postavkama svi widgeti reagiraju na temelju progresivnih veličina zaslona, orijentacije i područja gledanja uređaja koji se koristi. Netočno: onemogućuje odziv widgeta. Ako widgeti ne podržavaju gledanje na različitim uređajima, označite ih kao one koji ne reagiraju. `{ "comp": "md-tab", "responsive": true, "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "atributi": { "name": "SCREEN_POP_TAB" }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "responsive": false, "atributs": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "atributi": { "name": "CALL_GUIDE" }], "visibility": "CALL_GUIDE" },` Widgeti koji ne reagiraju ne mogu osigurati najbolje korisničko iskustvo i ne prikazuju se u manjem prikazu. Agent mora povećati veličinu prozora preglednika kako bi vidio sve widgete koji su konfigurirani kao nereagirajući.
atributi stranice > atribute	U ovom odjeljku možete navesti atribute web-komponenti. `"atributi": { "onemogućeno": "false", },`
> vidljivost stranice	Određuje jesu li widgeti koje nudi Cisco dodani u prilagođenom izgledu na `razini stranice ili na` razini kompa vidljivi ili ne. Widgeti koje nudi Cisco su povijest kontakata, transkript Cisco Webex Experience Management, IVR, vodič za pozive pretpregleda kampanje i skočni zaslon. Vrijednosti svojstava vidljivosti ugrađene su i definirane u zadanoj JSON datoteci izgleda radne površine. Administrator ne može izmijeniti vrijednosti svojstava vidljivosti widgeta koje nudi Cisco. Vrijednost svojstva vidljivosti NOT_RESPONSIVE zastarjela je. Možete ga nastaviti koristiti samo za kompatibilnost sa starijim verzijama. Bilo koja vrijednost postavljena kao NOT_RESPONSIVE ranije ne zahtijeva izmjenu jer funkcionalnost ostaje ista. Da biste novostvoreni widget postavili kao responzivan ili ne reagira, morate koristiti svojstvo reagiranja . Dodatne informacije potražite u odjeljku Responzivno svojstvo.
Page > djeca	Ovo svojstvo je osnovni dio izgleda. U djeca Možete ugnijezditi onoliko razina koliko je potrebno ako vam widget temeljen na web-komponenti omogućuje prolazak djece. Da bi to bilo moguće, programer mora programski rukovati prorezi sadržaj. Dodatne informacije potražite u članku Vodič za razvojne inženjere za stolna računala Cisco Webex Contact Center. Informacije o prosljeđivanju vrijednosti STORE kao svojstava potražite u članku Zajedničko korištenje 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", "children": [{ "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 specifikaciji izgleda, koja je već dio paketa radne površine. Neke od web-komponenti paketa radne površine uključuju: agentx-wc-iframe: widget koji vam omogućuje postavljanje bilo koje web stranice u iFrame kao widget. Dinamičko područje: komponenta koja omogućuje omogućavanje značajke povlačenja i ispuštanja za agente na mjestu koje nije prilagođena stranica. Prilagođene stranice također mogu imati tu mogućnost ako omogućite povlačenje i ispuštanje prema zadanim postavkama. Bilo koja komponenta u biblioteci momentum-ui-web-komponenti. Dodatne informacije potražite u odjeljku GitHub. Na primjer: md-kartice: omot spremnika kartice md-tab: jedno Tab zaglavlje md-tab-panel: jednostruki Tab sadržaj Dodatne informacije o atributima trajne pogreške Tab potražite u odjeljku Atributi za postojane kartice.
stranica > textContent	Pomaže vam pri dodavanju tekstnog sadržaja. `"textContent": "Moj tekstualni sadržaj",`
Stil > stranice	Pomaže vam dodijeliti određeni CSS stil komponenti. `"stil": { "pozadinaBoja": "#CBD", "prelijevanje": "pomicanje" },`
Omot stranice > omotača	Omot widgeta omogućuje dodavanje alatne trake na vrh widgeta. Alatna traka može sadržavati naslov i (Maksimiziraj) ikonu na vrhu widgeta. Kada widget zauzima mali prostor na stranici, ikona maksimiziranja omogućuje agentu da vidi widget u punom radnom prostoru. Provjerite koristite li zadanu vrijednost kao "područje maksimiziranja aplikacije". Trenutno je dostupna samo zadana vrijednost. `"omot": { "title": Moj naslov widgeta ", "maximizeAreaName": "app-maximize-area" }`
Stranica > omot> ID	(Neobavezno) Omot widgeta web-komponente omogućuje ažuriranje naslova dinamičkog widgeta pomoću jedinstvenog identifikatora. Unesite vrijednost svojstva ID-a `omota` widgeta kao jedinstveni naslov ID-id-to-update. `"omot": { "title": Moj naslov widgeta ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" }` Provjerite koristite li isti jedinstveni identifikator za JavaScript CustomEvent. Dodatne informacije potražite u odjeljku Asinkroni događaji u poglavlju Modul kontakta agenta razvojnog programera za radnu površinu Cisco Webex Contact Center. Da biste ažurirali naslov widgeta utemeljen na iFrameu, upotrijebite sadržaj iFrame s iste domene. Slijedi primjer primjera: `< vrsta skripte = "tekst/javascript" > naslov var = ""; window.addEventListener("update-title-event", function(e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = novi CustomEvent("update-title-event", { mjehurići: 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>`
Page > agentx-WC-iframe	Omogućuje ugradnju web-stranice 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", "atributi": { "src": "https://blog.logrocket.com / the - ultimate - vodič - to - iframes / " }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } },`
izgled stranice > izgleda	Omogućuje vam raspoređivanje widgeta na stranici. Sljedeći oblik predstavlja izgled rešetke: `vrsta Izgled = { područja: niz[][]; veličina: { reci: broj[]; stupci: broj[]; }; };` Ovdje možete definirati rešetku s nazivima područja koje ste definirali u odjeljku widgeta . Sljedeći primjer pokazuje kako je naveden izgled tri retka i tri stupca: `"izgled": { "područja": [ [ "Comp1", "Comp1", "Comp3" ], [ "Comp2", "Comp2", "Comp3" ], [ "Comp4", "Comp4", "Comp4" ] ], "Size": { "Cols": [1, 1, 1], "Rows": [1, 1, 1] } }` *Jednaka raspodjela izgleda 3x3* U odjeljku veličina brojevi predstavljaju djelić prostora koji widget može zauzeti u odnosu na ostale widgete. Sva tri stupca zauzimaju jednak 1 dio prostora. Sa 100% kao dostupnom širinom, svaki widget zauzima 33,33% vodoravnog prostora. *S jednakom širinom stupca* Drugi primjer slučaja upotrebe, ako postavite kao "stupci": [1, 2, 2], to znači da je ukupni prostor podijeljen s 5 (1+2+2), a prvi widget zauzima 20% vodoravnog prostora. Drugi i treći widgeti uzimaju po 40%. Dodatne informacije potražite u odjeljku Osnovni koncepti izgleda rešetke. *Nakon promjene širine stupca*
KORIJEN > STRANICE	Gniježđenje izgleda naziva se podraspored. U slučaju da imate ugniježđene izglede u konfiguraciji izgleda, morate imati jedan "ROOT" objekt kao nadređeni podraspored. U suprotnom, konfiguracija izgleda može biti ravna ako nije potrebno gniježđenje. Ovaj podizgled pruža veću kontrolu nad ponašanjem promjene veličine izgleda. Svojstvo izgleda stranice mora biti vrste Zapis<niz, Izgled>. Svojstvo izgleda omogućuje vam raspoređivanje widgeta 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], "redovi": [1, 1] }, "sub1": { "areas": [ ["c3", "c4"], "size": { "cols": [1, 1], "rows": [1] }, "sub2": { "areas": [ ["c1"], ["c5"], "veličina": { "cols": [1], "reci": [1, 1] } } } } } Ova postavka stvara rešetku u ROOT izgledu s dvije podrešetke kojima možete samostalno promijeniti veličinu. *Izgled podizgleda* Promjena veličine komponente utječe na komponente unutar tog podrasporeda. *Nakon promjene veličine oba podizgleda* Imajte na umu sljedeće slučajeve: Beskonačna petlja: Ako uključite ROOT izgled kao podizgled ROOT-a, on uzrokuje pogrešku "call stack exceeded" i izvodi se u beskonačnoj petlji. `{ "izgled": { "ROOT": { "areas": [ ["c1", "c2"], ["c3", "ROOT"], ], "size": { "cols": [1, 1], "rows": [1, 1] } } }` *Podizgled s beskonačnom petljom* Isti podizgled (N) puta: ako podraspored uključite u rešetku više puta s istim nazivom i ako promijenite veličinu jednog od njih, svi se podrasporedi automatski mijenjaju. Ako to nije željeno ponašanje, preimenujte svaki podizgled jedinstvenim nazivom. `{ "izgled": { "ROOT": { "područja": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "redovi": [1, 1] }, "sub1": { "areas": [ ["c3", "c4"], "size": { "cols": [1, 1], "rows": [1] } } }` *Podizgled s n vremenima*

Atributi za postojane kartice

Da biste kartice na prilagođenim stranicama i prilagođenim widgetima postavili kao postojane, unesite atribute za md-kartice u prilagođeni izgled.

Primjer: postavite kartice kao trajne

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

Svojstvo	Opis
Postojanje – odabir	Postavljanje `postojanosti` md-kartica. Zadana vrijednost je istinita.
Kartice-ID	Jedinstvena identifikacija za sve kartice zajedno u spremniku.

Kada postavite md kartice na postojanost (nastavak odabira: true), Agent Desktop zadržava odabir Tab čak i ako se agent prebacuje između stranica ili widgeta na radnoj površini.

Svojstvo trajnog odabira nije primjenjivo na kartice u oknu pomoćnih informacija i stranici izvješća Statistika izvedbe agenta jer je trajno ponašanje Tab već postavljeno na radnoj površini.
Odabir Tab vraća se na zadanu vrijednost Tab kada se odjavite s radne površine, ponovno učitate/osvježite preglednik ili očistite predmemoriju preglednika.

Trajna konfiguracija widgeta

Možete konfigurirati bilo koji prilagođeni widget da bude postojan. Stalni widgeti prikazuju se na svim stranicama radne površine. Stalni widgeti prikazuju se kao novi Tab u oknu pomoćnih informacija samo kada imate aktivan zahtjev za kontakt ili razgovor. Na primjer,Ogledni trajni widget.

Stalni widgeti ne prikazuju se na stranici Home na način na koji se prikazuju na drugim stranicama. Međutim, ako imate aktivnu interakciju, trajni widgeti prikazuju se na stranici Home kao dio okna pomoćnih informacija. Na primjer, kada odgovorite na poziv, prikazuje se okno kontrole interakcije, a widget Uzorak trajnog prikazuje se kao dio okna pomoćnih informacija.

Primjer:

"područje": { "uporno": [{ "comp": "md-tab", "atributi": { "slot": "Tab" }, "children": [{ "comp": "md-icon", "atributi": { "name": "emoticons_16" }, { "comp": "span", "textContent": "Custom Page widget" } ] }, { "comp": "md-tab-panel", "atributi": { "slot": "panel" }, "children": [{ "comp": "dynamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "atributi": { "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", "atributi": { "title": "WIDGET 2 content" }, "wrapper": { "title": "Widget 2 title", "maximizeAreaName": "app-maximize-area" } }, "layout": { "areas": [ ["comp1", "comp2"], "size": { "cols": [1, 1], "rows": [1] } } } } }] } }

Prilikom prilagodbe widgeta možete odabrati jednu od mogućnosti:

Hostirajte aplikaciju na web-stranici koja se može ugraditi unutar iframea.
Izradite prilagođeni widget.

Tehnički preduvjeti za widget opisani su u dokumentaciji za razvoj widgeta za stolna računala. Kao uređivač izgleda provjerite imate li ove detalje:

Kako se zove prilagođeni HTML element (poznat kao Web-komponenta)?
Koji je URL mrežnog izvora za isporuku sadržaja (CDN) u kojem se nalazi JavaScript paket?

Widgeti zaglavlja

Zaglavlje se koristi za prikaz informacija u retku, za dodavanje padajućih izbornika i tako dalje. Budući da spremnik zaglavlja ima ograničen okomiti prostor, ukupna visina zaglavlja iznosi samo 64 piksela. Dodatne informacije o poravnanju izgleda potražite u odjeljku svojstava izgleda.

Primjer:

"zaglavlje":{ "id":"zaglavlje", "widgeti":{ "glava1":{ "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 je md-opisom alata. Unesite informacije opis alata u svojstvo poruke .

Primjer:

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

Morate dodati stil atributa prikaz i visinu za konfiguriranje bilo kojeg widgeta putem iFramea u prilagodljivo područje widgeta u zaglavlju. Najbolja vrijednost atributa visine je 64 piksela.

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

Primjer:

"glava1": { "comp": "agentx-wc-iframe", "atributi": { "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "stil": "visina:64px; prikaz:flex;" } },

Preporučujemo da za zaglavlje koristite samo jedan redak s više stupaca jer je visina zaglavlja samo 64 piksela. Dodatne informacije o poravnanju potražite u odjeljku svojstava izgleda.

Okno pomoćnih informacija

Okno pomoćnih informacija na radnoj površini prikazuje kartice koje uključuju widgete koje nudi Cisco i prilagođene widgete. Sljedeći widgeti koje nudi Cisco pojavljuju se na unaprijed definiranim karticama:

Povijest kontakata
Transkript IVR-a
Putovanje korisničkog iskustva
Skočni prozor na zaslonu

Okno pomoćnih informacija možete koristiti za:

Dodavanje kartica
Promjena redoslijeda Tab
Uklanjanje unaprijed definiranih kartica
Označavanje prilagođenih kartica kao prilagodljivih
Dodavanje opisa elemenata na prilagođene kartice
Dodavanje mogućnosti Vrati izvornu narudžbu Tab

Primjer:

"panel": { "comp": "md-tabs", "atributi": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "djeca": [{ "comp": "slot", "atributi": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "atributi": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "atributi": { "slot": "Tab", "klasa": "widget-pane-tab" }, "djeca": [{ "comp": "md-icon", "atributi": { "name": "pop-out_16" } }, { "comp": "span", "textContent": "Screen Pop" } ], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" }], }, { "comp": "md-tab", "atributi": { "slot": "Tab" }, "children": [{ "comp": "md-icon", "atributi": { "name": "emoticons_16" }, { "comp": "span", "textContent": "Custom widget" } ] }, { "comp": "md-tab-panel", "atributi": { "slot": "panel" }, "children": [{ "comp": "dynamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "atributi": { "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" } }, "izgled": { "područja": [ ["Comp1"], ["Comp2"] ], "veličina": { "cols": [1], "reci": [1, 1] } } } } } }] }

Widget Customer Experience Journey možete konfigurirati nakon što omogućite mjerne podatke o upravljanju iskustvom korisnika na portalu za upravljanje.

U oknu Pomoćne informacije dodajte nove kartice za postavljanje prilagođenih widgeta. Ovdje se ne primjenjuju posebna pravila, a gniježđenje komponenti je očekivano i opisano u odjeljku za djecu . Dodatne informacije potražite u svojstvu stranice Djeca .

Slijede konkretni primjeri prilagodbe zaglavlja Tab:

Primjer za postavljanje ikona i oznaka u svojstvo Djeca

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

Primjer za smještanje slike (s CSS-om) i oznaka u svojstvo Djeca

{ "comp": "md-tab", "atributi": { "slot": "Tab" }, "djeca": [{ "comp": "span", "atributi": { "stil": "align-items: center; prikaz: flex;" }, "djeca": [{ "comp": "img", "atributi": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "style": "margin-right: 0.5rem;" } }, { "comp": "span", "textContent": "My widget Tab" } ] }], }, },

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

Morate dodati prilagođeni opis alata Tab za čitljivost i pristupačnost. Da biste dodali opis alata za prilagođenu pogrešku Tab, omotajte je md-opisom alata. Unesite informacije opis alata u svojstvo poruke i primijenite vrijednosti svojstva stila kao što je prikazano u sljedećem primjeru.

"Račun": "md-opis alata", "atributi": { "klasa": "kartice widgeta", "poruka": "Uzorak Tab 1", "stil": "maksimalna širina: 252px; min-širina: 110px; prelijevanje: skriveno; prelijevanje teksta: trotočje; Bijeli prostor: NowRap; Prikaz: Blok u retku; margina dolje: -10px;" },

Za prilagođenu Tab 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 Tab, unutar atributa dodajte sljedeće svojstvo :

"Račun": "Md-Tabs", "Atributi": { "klasa": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },

moguće povlačenje: Postavite vrijednost svojstva koje se može povući na true.
comp-unique-id: 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 pogrešku Tab, agent može povući i ispustiti pogrešku Tab na željeni položaj unutar okna pomoćnih informacija. Da biste kartice vratili na zadani redoslijed Tab, dodajte sljedeće svojstvo:

"račun": "agentx-wc-more-actions-widget", "atributi": { "utor": "postavke", "klasa": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },

AGENTX-WC-MORE-ACTIONS-WIDGET: Unesite komponentu koja se prikazuje kao Više akcija (), u oknu pomoćnih informacija.
slot="postavke": Unesite atribut unutar komponente koja se prikazuje kao mogućnost Ponovno postavi Tab Redoslijed na padajućem popisu Dodatne akcije . Agenti mogu vratiti kartice u oknu pomoćnih informacija na zadani redoslijed klikom na > Vrati redoslijed Tab na izvorno.
Tabs-unique-id: Unesite istu jedinstvenu vrijednost definiranu za svojstvo comp-unique-id za mapiranje i resetiranje komponenti md kartica .

Sljedeći ogledni kôd koristi funkcije Više akcija i Vrati izvorno Tab nalog .

"comp": "agentx-wc-more-actions-widget", "atributi": { "slot": "postavke", "klasa": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comp": "div", "atributi": { "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 trotočke i ponovno postavljanje redoslijeda Tab za unaprijed definirane kartice.

Padajući popis Dodatne akcije može se proširiti za dodavanje dodatnih prilagođenih komponenti ili widgeta nakon opcije Ponovno postavljanje Tab narudžbe . Slijedi ogledni skup vrijednosti svojstava stila koji se može primijeniti na dodatne komponente.

"Račun": "md-opis alata", "atributi": { "klasa": "kartice widgeta", "poruka": "Uzorak elementa", "stil": "maksimalna širina: 252px; min-širina: 110px; prelijevanje: skriveno; prelijevanje teksta: trotočje; Bijeli prostor: NowRap; Prikaz: Blok u retku; margina dolje: -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 padajući popis Dodatne akcije .

Widgeti bez glave

U odjeljku bez glave možete dodati skrivene widgete koji se ne pojavljuju na Agent Desktop. Ti se widgeti 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 zaslona za SMS po 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] } }

Zajedničko korištenje podataka s radne površine na widgete

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

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

Trenutno imamo jednog davatelja podataka pod ključem STORE. Dodatne informacije potražite u odjeljku Davatelj podataka – Svojstva i atributi widgeta u vodiču za razvojne inženjere za radnu površinu Cisco Webex Contact Center.

Pretpregled poziva kampanje

Administrator stvara kampanje, konfigurira način biranja (pretpregled) i dodjeljuje kampanje timovima. Ako je agent dio tima kojem su dodijeljene kampanje, agent može uputiti poziv kampanje izlaznog pretpregleda. Dodatne informacije potražite u odjeljku Konfiguriranje načina glasovne izlazne kampanje u aplikaciji Webex Contact Center.

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

Kontakt kampanje
Vodič za pozive

Kontakt kampanje

Administrator dodaje widget Kontakt kampanje u spremnik zaglavlja prilagođenog izgleda. Kontakt kampanje prikazuje podatke za kontakt klijenta na temelju definiranih svojstava. Dodatne informacije o poravnanju izgleda potražite u retku svojstava izgleda stranice Detalji o svojstvima 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": "$STORE.agent.getAcqueonTeamId", "campaignManagerAdditionalInfo": "$STORE.agent.campaignManagerAdditionalInfo", "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVaribles.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featuresFlags.isProgressiveCampaignEnabled" } }, { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } ]

Vodič za pozive

Widget vodiča za pozive prikazuje se u oknu Pomoćne informacije na radnoj površini. Vodič za pozive prikazuje pitanja i odgovore na razini kampanje. Od agenta se traži da pročita skup pitanja u vodiču za pozive i pošalje odgovore.

Primjer:

"panel":{ "comp":"md-tabs", "atributs":{ "class":"widget-tabs" }, "children":[ { "comp":"md-tab", "atributs":{ "slot":"Tab", "class":"widget-pane-tab" }, "children":[ { "comp":"md-icon", "atributs":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Call Guide" } ], "visibility":"CALL_GUIDE" }, { "comp":"md-tab-panel", "atributi":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // include CDN link ovdje "omot":{ "title":"Vodič za pozive", "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" } } ], "vidljivost":"CALL_GUIDE" } ] }

Sljedeće reference svojstava kompa su promijenjene. AgentX u vrijednosti svojstva zamjenjuje se acqueonom :
- AgentX-Preview-kampanja preimenovana je u acqueon-preview-campaign
- AgentX-Call-Guide preimenovan je u acqueon-call-guide
Popis i upravitelj kampanje (LCM) morate hostirati na CDN-u, a zatim navesti URL u svojstvu skripte .

Skočni prozor na zaslonu

U izgledu 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 Tab u oknu pomoćnih informacija

Skok zaslona prikazuje se na radnoj površini na temelju sljedećih čimbenika:

Za glasovni kanal:

Konfiguracija definirana u izgledu radne površine
Pop aktivnost zaslona definirana u dizajneru toka

Za nove digitalne kanale:

Konfiguracija definirana u izgledu radne površine
Zaslonski pop čvor definiran u sastavljaču tijeka povezivanja

Dodatne informacije o konfiguriranju skočnog zaslona potražite u odjeljku Zaslon pop.

Konfiguriranje skočnog zaslona na navigacijskoj traci

Screen Pop možete konfigurirati kao prilagođenu stranicu ili kao jedan od widgeta na prilagođenoj stranici. Da biste pristupili prilagođenoj stranici Screen Pop, kliknite ikonu Screen Pop na navigacijskoj traci. Da biste pristupili widgetu Screen Pop na prilagođenoj stranici, kliknite prilagođenu ikonu na navigacijskoj traci. Dodatne informacije o navigacijskim svojstvima potražite u odjeljku Navigacija (prilagođene stranice).

Primjer: iskakanje zaslona 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" }

Primjer: zaslon se pojavljuje kao widget na prilagođenoj stranici

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

Ako prozor zaslona nije konfiguriran u dizajneru toka, prilagođena stranica pojavit će se prazna. Dodatne informacije o konfiguriranju skočnog prozora zaslona u dizajneru toka potražite u odjeljku Skok zaslona.

Konfiguriranje skočnog zaslona u oknu pomoćnih informacija

Pop zaslona možete konfigurirati tako da se pojavljuje kao Tab u oknu pomoćnih informacija.

Prema zadanim postavkama, Screen Pop pojavljuje se kao nova podmornica Tab u oknu Zaslon pop Tab pomoćnih informacija ako je Screen Pop konfiguriran za prikaz kao Unutarnja radna površina u dizajneru toka.

Dodajte sljedeći atribut u odjeljak ploče kako biste uključili Screen Pop kao Tab u oknu Pomoćne informacije. Dodatne informacije o detaljima ploče potražite u oknu pomoćnih informacija.

Primjer: zaslon se pojavljuje kao Tab u oknu pomoćnih informacija

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

Mogućnost prikaza skočnog zaslona definirana u dizajneru toka ima prednost pred konfiguracijom definiranom u izgledu radne površine.

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

Dizajner tijeka – prikaži postavke kao U novom pregledniku Tab
Izgled radne površine – kao Tab u oknu Pomoćne informacije

Kada se dogodi događaj za koji je konfiguriran zaslon, Screen Pop se prikazuje izvan radne površine - to jest u novom pregledniku Tab.

Primjeri primjera slučajeva upotrebe

Sljedeći odjeljci sadrže nekoliko primjera za referencu:

Konfiguriranje widgeta za upravljanje korisničkim iskustvom i pristup njima s navigacijske trake
Korištenje kartica na prilagođenoj stranici
Zadano okno s pomoćnim informacijama s poviješću kontakata i iskakanjem zaslona
Okno s pomoćnim informacijama s widgetom za putovanje korisničkog iskustva

Konfiguriranje widgeta za upravljanje korisničkim iskustvom i pristup njima s navigacijske trake

Primjer:

{ "nav": { "label": "Customer Experience Management Metrics", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": { "id": "wxm-metrics", "widgets": { "comp1": { "comp": "agentx-wc-cloudcherry-widget", "atributi": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app. darkMode" }, "omot": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rows": [1] } } },

Da biste dobili spaceID i mjerni ID, pogledajte dokumentaciju Webex Experience Management .

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", "atributi": { "slot": "Tab" } }, { "comp": "md-tab-panel", "atributi": { "slot": "panel" }, "djeca": [{ "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": "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"], "size": { "cols": [1, 1], "rows": [1] } } } }

Zadano okno s pomoćnim informacijama s poviješću kontakata i iskakanjem zaslona

Primjer:

"panel": { "comp": "md-tabs", "atributi": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "djeca": [{ "comp": "slot", "atributi": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "djeca": [{ "comp": "slot", "atributi": { "name": "CONTACT_HISTORY" } }] }, ] }, { "comp": "md-tab", "atributi": { "slot": "Tab", "klasa": "kartica okna widget-pane" }, { "račun": "md-tab", "atributi": { "utor": "Tab", "klasa": "widget-pane-tab" }, "djeca": [{ "račun": "slot", "atributi": { "naziv": "SCREEN_POP_TAB" } }], "vidljivost": "SCREEN_POP" }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "atributi": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } },

Okno s pomoćnim informacijama s widgetom za putovanje korisničkog iskustva

Primjer:

"panel": { "comp": "md-tabs", "atributi": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "atributi": { "slot": "Tab" }, "djeca": [{ "comp": "slot", "atributi": { "name": "WXM_JOURNEY_TAB" } }], "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "atributi": { "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" }, "omot": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" }], { "comp": "md-tab", "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "children": { "comp": "md-tab", "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "atributs": { "name": "CONTACT_HISTORY_TAB" } }] }] }, { "Comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "atributs": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "atributi": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "atributs": { "name": "SCREEN_POP_TAB" } }], "Visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "atributi": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "atributi": { "ime": "SCREEN_POP" } }], "vidljivost": "SCREEN_POP" } "vidljivost": "SCREEN_POP" }, },

Lokalizacija

Korisničko sučelje radne površine 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 za stolna računala temelji se na postavkama preferenci jezika u pregledniku. Na primjer, uzmimo u obzir da ste odabrali preferirani jezik kao francuski u pregledniku Firefox. Kada pokrenete radnu površinu u pregledniku Firefox, korisničko sučelje radne površine pojavljuje se u françaisu (francuski). Međutim, vodoravno zaglavlje, navigacijska traka i ostale komponente dodane u izgled radne površine nisu lokalizirane na temelju postavki jezika u pregledniku.

Lokalizacija komponenti radne površine

Da biste lokalizirali komponente radne površine,

Koristite postojeće ključeve lokalizacije postavljene u app.json datoteci. Ako ključevi lokalizacije nisu postavljeni, koristi se zadani jezik engleskog (SAD). Zahtjev za uslugom možete poslati podršci Cisco da biste u app.json datoteku dodali ključ lokalizacije.

Primjer: ključ lokalizacije
```
{ "common": { "buttonTitle": "Stop Timer" } }
```
Unesite sljedeće svojstvo koje razlikuje velika i mala slova u JSON datoteku izgleda radne površine da biste lokalizirali komponentu:
```
"textContent": "$I 18N.<ključ>", 
```
Tipka where <tipka> odnosi se na odgovarajući ključ lokalizacije u app.json datoteci.

Primjer: lokalizacija komponente zaglavlja

"zaglavlje": { "id": "zaglavlje", "widgeti": { "head1": { "comp": "md-button", "atributi": { "slot": "menu-trigger", "style": "height: 64px" }, "children": [{ "comp": "span", "textContent": "$I 18N.common.buttonTitle", } }, }, }

Primjer: lokalizacija komponente Tab u oknu pomoćnih informacija

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

Hvala na povratnim informacijama.

Stvori prilagođeni izgled radne površine

Pregled

JSON izgled Svojstva najviše razine

Uloge

Naslov aplikacije

logotip

Ilustracija stranice zadatka

zaustaviNavigacijuPriPrihvatiZadatak

Omogućeno povlačenje/ispuštanje

Timer obavijesti

maksimalni broj obavijesti

Tajmer obavijesti preglednika

wxmConfigured

Aplikacija za razgovor na radnoj površini

Radnje u zaglavlju

područje

napredni zaglavlje

Home Stranica

Widgeti analizatora

Konfiguracija izgleda stranice Home

Navigacija (prilagođene stranice)

Atributi za postojane kartice

Trajna konfiguracija widgeta

Widgeti zaglavlja

Okno pomoćnih informacija

Widgeti bez glave

Zajedničko korištenje podataka s radne površine na widgete

Pretpregled poziva kampanje

Skočni prozor na zaslonu

Konfiguriranje skočnog zaslona na navigacijskoj traci

Konfiguriranje skočnog zaslona u oknu pomoćnih informacija

Primjeri primjera slučajeva upotrebe

Lokalizacija

Lokalizacija komponenti radne površine

Malo poslovanje

Poduzeće

Uređaji

Rješenja za

Resursi

Tvrtka