Áttekintés

Az Asztali elrendezés funkció lehetővé teszi a Webex Contact Center Desktop konfigurálását az üzleti igényeknek megfelelően. Testreszabhatja az olyan elemeket, mint az embléma, a cím és a widgetek. Létrehozhat egy asztali elrendezést, és hozzárendelheti egy csapathoz. Ez az elrendezés hozza létre az ügynöki élményt az asztalon minden olyan ügynök számára, aki a csapat tagjaként jelentkezik be.

Kétféle elrendezés létezik:

  • Globális elrendezés: Ez az elrendezés egy rendszer által generált elrendezés, amely alapértelmezés szerint hozzárendelésre kerül a csapat létrehozásakor. További tájékoztatás: Csapatok kezelése. Csapat létrehozásakor a rendszer automatikusan a Globális elrendezést állítja be a csapat asztali elrendezéseként. Ez az elrendezés nem törölhető.

  • Egyéni elrendezés: Testreszabott asztali élményt nyújtó elrendezés. Létrehozhat egyéni elrendezést egy vagy több csapat számára.

Ha új asztali elrendezést rendel hozzá, amikor egy ügynök be van jelentkezve, az ügynöknek újra be kell töltenie az oldalt az új elrendezés megtekintéséhez.

A Webex Contact Center Desktop három személyt támogat:

  • Ügynök

  • Szupervizor

  • Felügyelő és ügynök

A JSON-elrendezésfájl külön szakaszokat tartalmaz az egyes személyekhez. A rendszergazdának konfigurálnia kell az egyes személyek beállításait a JSON-elrendezésfájl megfelelő szakaszában. További információ egy JSON-elrendezésfájlról: JSON-elrendezés legfelső szintű tulajdonságai.

Amikor a Cisco új funkcióval bővíti az asztali elrendezést, a módosítatlan elrendezés automatikusan frissül az új funkciókkal. A frissített asztali elrendezés automatikusan elérhető a módosítatlan asztali elrendezést használó meglévő csapatok számára. A módosítatlan asztali elrendezést használó asztali felhasználók bejelentkezéskor vagy a böngésző újrabetöltésekor megkapják az új elrendezésalapú funkciókat.

Ha módosítás nélkül használja az Alapértelmezett asztal Layout.json fájlt, akkor az módosítatlan elrendezésnek minősül. Ha azonban letölti az Alapértelmezett asztal Layout.json fájlt, majd újra feltölti, az akkor is módosított elrendezésnek minősül, ha a fájl tartalma vagy neve nem módosult.

Az asztalon kétféle widget létezik: iframe-alapú és webösszetevő-alapú. A fejléc, a navigáció (egyéni oldal), az állandó terület, a fej nélküli terület és az aux panel az asztal testreszabható területe. Ezek nem widgetek.

Az alábbi lista részletezi a konfigurálható tereket. A képek az asztal elrendezését szemléltetik:

  1. Cím és embléma terület: Ez a terület megjeleníti a Webex Contact Center emblémáját és nevét (alapértelmezett) a képernyő bal felső sarkában.

  2. Vízszintes fejlécterület : Ez a terület konfigurálható területtel rendelkezik, amely egyéni widgetekkel van feltöltve. Ezek a widgetek megjeleníthetik például a beágyazott információkat és a legördülő menüket. Mivel ennek a fejlécnek a magassága csak 64 képpont, a widget magassága nem lépheti át a fejléc magasságát.

  3. Munkaterület területe: Ez a terület a navigációs sáv kijelölésének megfelelően változik, vagy amikor egy ügynök interakcióba lép az ügyfelekkel. Amikor egy ügynök hívásban van, ez a terület megjeleníti az interakcióvezérlést és a kiegészítő információs panelt (amely egyéni widgeteket és állandó widgeteket tartalmaz). Amikor egy ügynök e-mailen, csevegésen vagy közösségi csatornákon kommunikál, ez a terület megjeleníti a munkaterület területét és a kiegészítő információs ablaktáblát (amely magában foglalja az állandó widget területet).

    Az Egyéni lap az asztali felületen, a munkaterület ablaktáblán jelenik meg. Az egyéni oldalt a navigációs sáv ikonjain keresztül érheti el. Minden egyéni oldal tartalmazhat egy vagy több egyéni widgetet.

    Az egyéni widget egy külső alkalmazás, amely JSON-elrendezésben van konfigurálva. Az egyéni widgetet elhelyezheti az egyéni lapon, az egyéni lapon (Kiegészítő információk ablaktábla) vagy az Asztal vízszintes fejlécében.

  4. Navigációs sáv területe: Ezen a területen adhat hozzá navigációs elemeket az egyéni oldalak eléréséhez.

Sample Webex Contact Center Desktop user interface for voice, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Minta asztali felhasználói felület hanghoz
Sample Webex Contact Center Desktop user interface for new digital channels, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Minta asztali felhasználói felület új digitális csatornákhoz

JSON-elrendezés legfelső szintű tulajdonságai

Szerepek

Az alapértelmezett JSON-elrendezés három szerepkört követ.

  • Agent – Az asztali elrendezés beállítása, amely akkor jelenik meg, amikor egy ügynök bejelentkezik a Webex Contact Center asztalra az ügynöki tevékenységek kezeléséhez.

  • Supervisor – Az asztali elrendezés beállítása, amely akkor jelenik meg, amikor egy felügyelő bejelentkezik a Webex Contact Center Desktop alkalmazásba, hogy csak a felügyeleti képességeket kezelje.

    Amikor egy felügyelő bejelentkezik az asztalra, a rendszer az elsődleges csapathoz megadott asztali elrendezést alkalmazza. Ha nem ad meg elsődleges csapatot, a globális elrendezés érvényes. Alapértelmezés szerint az APS-jelentések le vannak tiltva.

  • supervisorAgent – Az asztali elrendezés beállítása, amely akkor jelenik meg, amikor egy felügyelő bejelentkezik a Webex Contact Center Desktop alkalmazásba a felügyeleti képességek és az ügynöki tevékenységek kezeléséhez.

Hozzáadhat vagy módosíthat widgeteket az egyes szerepkörökhöz a megfelelő JSON-elrendezésfájl megfelelő személyében.

A JSON-elrendezés legfelső szintű tulajdonságai a szerepkör alapján a következők:

{ "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": { ... }, "navigáció": { ... }, "állandó": { ... }, "fej nélküli": { ... } }, }, "supervisor": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "panel": { ... }, "navigáció": { ... }, "állandó": { ... }, "fej nélküli": { ... }, "kezdőlap": { ... } }, } "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": { ... }, "navigáció": { ... }, "állandó": { ... }, "fej nélküli": { ... } }, } },
  • A JSON-elrendezés tulajdonságain végrehajtott módosítások az asztali böngésző frissítésekor lépnek életbe.
  • Ha egy JSON-elrendezésben engedélyezett funkció nem érhető el az asztalon, lépjen kapcsolatba a Cisco ügyfélszolgálatával a funkció engedélyezéséhez.
  • A JSON-elrendezés összes tulajdonsága megkülönbözteti a kis- és nagybetűket.

appTitle

Cím megadása az asztal vízszintes fejlécében. Az alapértelmezett megnevezés Webex Contact Center.

Példa:

"appTitle": "Webex Contact Center"

Az alapértelmezett appTitle a Contact Center Desktop értékről a következőre módosul Webex Contact Center . Ez nincs hatással a meglévő egyéni elrendezésekre, amelyek a régi alapértelmezett appTitle alkalmazást (Contact Center Desktop) használják. Az új appTitle használatához módosítania kell az egyéni elrendezést. Az új globális elrendezés azonban az alapértelmezett appTitle nevet használja Webex Contact Center.

A cím lehet szöveg, kép vagy üres karakterlánc. A cím szövege két sorban jelenik meg. Ha a szöveg túlnyúlik a második soron, három pont ikon jelenik meg, és az elemleírás megjeleníti a teljes címet. A stílusok nem alkalmazhatók a címre.

Használhat adat URI-kat (egységes erőforrás-azonosítót), vagy üzemeltethet egyéni címképet egy tartalomkézbesítési hálózaton (CDN), Amazon Web Services (AWS) Egyszerű tárolási szolgáltatás (S3) gyűjtőn vagy hasonló üzemeltetési szolgáltatáson, majd megadhatja a szolgáltatott rendszerkép URL-címét. A támogatott címképformátumok: PNG, JPG, JPEG, GIF, SVG és WebP. A cím támogatott képmérete 184 x 32 képpont (szélesség x magasság).

embléma

A vállalati embléma URL-címének megadása. Ha nem ad meg URL-címet, akkor alapértelmezés szerint a Webex Contact Center embléma jelenik meg.

Példa:

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

Egyéni emblémaképet üzemeltethet CDN-en, Amazon Web Services (AWS) Simple Storage Service (S3) gyűjtőn vagy hasonló üzemeltetési szolgáltatáson, majd megadhatja az üzemeltetett rendszerkép URL-címét. A támogatott logóképformátumok: PNG, JPG, JPEG, GIF, SVG és WebP. Az embléma támogatott képmérete 96 x 32 képpont (szélesség x magasság).

1. táblázat. Mátrix megjelenítése alkalmazáshozCím és embléma Az asztali elrendezés konfigurációja alapján
Feltétel Példa appTitle embléma
Ha az appTitle és az embléma nincs konfigurálva
"appTitle": "", "logó": "", 
Nincs cím Alapértelmezett embléma
Ha az appTitle és az embléma konfigurálva van
"appTitle": "ABC Company", "logo": "https://my-cdn.com/abclogo.png", 
Konfigurált szöveg Konfigurált embléma
Ha az appTitle konfigurálva van, és az embléma nincs konfigurálva
"appTitle": "ABC Company", "logo": "", 
Konfigurált szöveg Alapértelmezett embléma

Ha az appTitle nincs konfigurálva, és az embléma konfigurálva van

"appTitle": "", "logo": "https://my-cdn.com/abclogo.png", 
Nincs cím Konfigurált embléma
Ha az appTitle konfigurálva van, és az embléma nem preferált
"appTitle": "ABC Company", "logo": "logó nélküli", 
Konfigurált szöveg Nincs logó

Ha az appTitle nincs konfigurálva, és az embléma nincs előnyben részesítve

"appTitle": "", "logo": "logó nélküli", 
Nincs cím Nincs logó
Ha az appTitle képként van hozzáadva, és az embléma konfigurálva van
"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "https://my-cdn.com/abclogo.png", 
Konfigurált rendszerkép Konfigurált embléma

Ha az appTitle képként van hozzáadva, és az embléma nincs konfigurálva

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logó": "", 
Konfigurált rendszerkép Alapértelmezett embléma

Ha az appTitle képként van hozzáadva, és az embléma nem preferált

"appTitle": "https://my-cdn.com/abccompanylogo.png ", "logo": "logó nélküli", 
Konfigurált rendszerkép Nincs logó
  • Az egyéni képméret a képarány alapján módosul. A korábban konfigurált egyéni címszöveg mostantól két sorban jelenhet meg az asztalon. Ennek elkerülése érdekében módosíthatja az egyéni cím szövegét.
  • Ha a cím és az embléma nincs konfigurálva az asztal vízszintes fejlécében, akkor ezt a helyet a fejléc widgetek használják. A fejléc widgeteket megfelelően kell konfigurálni a cím és az embléma terület használatához.
  • A cím és a logó együttesen nem haladhatja meg a 304 képpont maximális szélességét (kitöltéssel együtt). Ha az embléma szélessége kisebb, mint 96 képpont, a fennmaradó szélesség használható a címhez.
  • Ha az egyéni képméret nagyobb, mint a támogatott méret, a program a vízszintes fejlécben lévő oldalarány alapján módosítja a képméretet. Ha az egyéni képméret kisebb, mint a támogatott méret, a tényleges képméret megmarad a vízszintes fejlécben.

taskPageIllustration

Egyéni illusztráció megadása a feladatoldalhoz a szervezeti beállítások és a márkaigazítás alapján. Amikor egy ügynök bejelentkezik, a feladatoldal háttérként megjeleníti a konfigurált ábrát. Alapértelmezés szerint a tevékenységlap illusztráció nélkül jelenik meg.

Példa:

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

Használhat adat URI-kat, vagy üzemeltethet egyéni illusztrációt egy tartalomkézbesítési hálózaton (CDN), Amazon Web Services (AWS) Egyszerű tárolási szolgáltatás (S3) gyűjtőn vagy hasonló üzemeltetési szolgáltatáson, majd megadhatja a szolgáltatott illusztráció URL-címét. Az illusztráció globális vagy csoportos szinten konfigurálható az elrendezés definíciója alapján. Győződjön meg arról, hogy a megfelelő URL-címet konfigurálta, hogy megakadályozza a hibás kép megjelenítését az asztalon.

A támogatott feladatoldal-illusztrációs formátumok: PNG, JPG, JPEG, GIF, SVG és WebP. Az illusztráció ajánlott mérete 400 x 400 képpont (szélesség x magasság). Ha az egyéni illusztráció mérete nagyobb az ajánlott méretnél, az illusztráció mérete a feladatoldal oldalarányának megfelelően módosul. Ha az egyéni illusztráció mérete kisebb az ajánlott méretnél, a tényleges illusztrációméret megmarad a tevékenységoldalon.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Példa a tényleges méretet megtartó egyéni illusztrációra
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Példa a képarány alapján módosított egyéni illusztrációra

stopNavigateOnAcceptTask

Annak meghatározása, hogy a fókuszt egy újonnan elfogadott feladatra kell-e áthelyezni, amikor az ügynök elfogadja az új feladatot, miközben egy korábbi feladaton dolgozik. Az alapértelmezett érték hamis.

Példa:

"stopNavigateOnAcceptTask": hamis

Ha az érték igaz ,akkor amikor a felhasználó elfogad egy új feladatot az asztalon, a fókusz az előző feladaton marad, és nem tolódik át az újonnan elfogadott feladatra. Ez a beállítás megakadályozza, hogy a felhasználó új kérés elfogadásakor adatokat veszítsen.

Tegyük fel például, hogy az 1. ügynök cseveg az 1. ügyféllel, és egyidejűleg hanghívást folytat a 2. ügyféllel. A hanghívás során az 1. ügynök frissíti a 2. ügyfél adatait az Interakcióvezérlés ablaktáblán. Jelenleg az 1. ügynöknek két aktív feladata van a Feladatlista ablaktáblán, és a fókusz az Interakcióvezérlés ablaktáblán van. Amikor az 1. ügynök elfogad egy új csevegési kérést a 3. ügyféltől, a fókusz a 2. ügyféllel való Interakcióvezérlés panelen marad, és nem helyeződik át az újonnan elfogadott csevegési kérelemre.

Ha meg szeretné tartani a fókuszt az előző feladaton, és nem szeretne átváltani az újonnan elfogadott feladatra, válassza ki az egyéni elrendezést úgy, hogy a stopNavigateOnAcceptTask tulajdonság értéke true.

Ha a stopNavigateOnAcceptTask tulajdonság értéke nincs megadva a JSON-elrendezésben, az asztal az újonnan elfogadott feladatra helyezi a hangsúlyt. A viselkedés hasonló ahhoz, mint amikor a stopNavigateOnAcceptTask tulajdonság értéke false.

  • A beállítás az Asztalon végrehajtott összes feladatra (hang- és digitális csatornákra) vonatkozik – például feladat elfogadására, konferenciára, tanácsadásra vagy átvitelre, valamint külső hívásokra, kimenő kampányhívásokra, automatikus lezárásra stb.
  • A beállítás nem érvényes, ha az asztali felhasználó a kezdőlapon van, és nincs aktív feladat a Feladatlista panelen. Ilyen esetben egy új feladat elfogadásakor a hangsúly a Kezdőlapról az újonnan elfogadott feladatra kerül.

dragDropEnabled

Az egyéni oldalakon lévő widgetek áthúzásának és átméretezésének engedélyezéséhez állítsa az értéket true értékre. Az alapértelmezett érték false.

Példa:

"dragDropEnabled": false

Ha további információra van szüksége a fogd és vidd funkció engedélyezésével kapcsolatban a Segédinformációs panel lapjainál, tekintse meg a Kiegészítő információs ablaktáblát.

értesítési időzítő

Annak az időtartamnak a beállítása (másodpercben), amely után az asztali értesítések automatikusan el lesznek vetve az Asztalon. Az értesítés az Asztal jobb felső sarkában jelenik meg. Az alapértelmezett időtúllépési érték 8 másodperc. Az időtúllépési értékek érvényes tartománya 1-10 másodperc. Az időtúllépési módosítások életbe léptetéséhez a módosítások végrehajtása után frissíteni kell a böngészőt.

Példa:

"notificationTimer": 8

maximumNotificationCount

Az Asztalon egyszerre megjelenítendő asztali értesítések számának beállítása. Az alapértelmezett érték 3. Az asztali értesítések tartománya 1-10. Az asztali értesítések halmozottan jelennek meg. Ha sok értesítés van, a notificationTimer beállításoktól függően kis késéssel jelennek meg.

Példa:

"maximum NotificationCount": 3

browserNotificationTimer

Annak az időtartamnak a beállítása (másodpercben), amely után a böngésző kenyérpirító értesítései az Asztalon automatikusan eltűnnek. A Toaster egy natív böngésző értesítés, amely csak akkor jelenik meg, ha az Asztal nem az aktív böngészőablak vagy lap. Az asztali böngészőablak vagy lap inaktív, amikor

  • Ön böngészőablakokban vagy böngészőlapokon dolgozik;

  • Ön más alkalmazásokon dolgozik;

  • Minimalizálta az asztali böngészőablakot.

Az értesítés az Asztal jobb felső sarkában jelenik meg. Az alapértelmezett időtúllépési érték 8 másodperc. Az időtúllépési értékek ajánlott tartománya 5-15 másodperc. Az időtúllépési módosítások életbe léptetéséhez a módosítások végrehajtása után frissíteni kell a böngészőt.

Példa:

"browserNotificationTimer": 8

A böngésző értesítéseinek konfigurált időtúllépése az operációs rendszertől és a böngésző beállításaitól függ. Windows OS, Chrome OS és macOS rendszerekben a Chrome böngésző figyelembe veszi az időtúllépési értéket. A többi támogatott böngésző azonban nem veszi következetesen figyelembe a beállított értesítési időtúllépési értéket.

wxmConfigured

(Opcionális) A Webex Experience Management konfigurálásához állítsa az értéket true értékre. Az alapértelmezett érték false.

Példa:

"wxmConfigured": igaz

desktopChatApp

Több Cisco által kínált csevegőalkalmazás, például Webex App konfigurálásához.

webexConfigured

A Webex alkalmazás, valamint üzenetküldési és értekezleti funkciói konfigurálhatók az asztalon. Ez a konfiguráció lehetővé teszi az ügynökök számára, hogy együttműködjenek a szervezetükben lévő más ügynökökkel, felügyelőkkel és témaszakértőkkel (kkv-k), anélkül, hogy elnavigálnának az Asztalról.

  • A webhely adminisztrátora kezeli a Webex Meeting felhasználókat, és csak akkor rendel hozzá jogosultságokat, ha a felhasználók rendelkeznek Webex Enterprise Edition kiadással. További információért tekintse meg a Webex Meetings felhasználók kezelése itt: Cisco Webex Control Hub.
  • A felügyelőknek és a kkv-knak le kell tölteniük a Webex klienst a rendszerükre (személyes eszközükre), vagy hozzá kell férniük a Webex alkalmazáshoz a Webex App for Web segítségével ( https://web.webex.com/). További információért lásd: Az alkalmazás letöltése.
  • Hozzáférhet a Webex alkalmazáshoz a Agent Desktop-en belül, hogy együttműködhessen szervezete más ügynökeivel, felügyelőivel és témaszakértőivel (kkv-k), anélkül, hogy elnavigálna a Agent Desktop oldalról. A hívásvezérlés funkció nem érhető el. Hívások fogadásához és kezdeményezéséhez külső, nem beágyazott Webex App szükséges. Bővebb információért lásd: Hívási alkalmazások.

A Webex alkalmazás konfigurálása az asztalon:

  • A Cisco Webex Control Hub oldalon szolgáltatások hozzáadásakor jelölje be a Speciális üzenetkezelés jelölőnégyzetet (Felhasználók > Kezelés Felhasználók > Szolgáltatások > Üzenetek). További információért lásd: Felhasználói fiókok kezelése a Cisco Webex webhelyadminisztrációban.

  • Az egyéni asztali elrendezésben állítsa a webexConfigured tulajdonság értékét true értékre.

    Példa:

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

    Az alapértelmezett értéke a webexConfigured ingatlan az hamis.

    Webex Az alkalmazás csak akkor érhető el az ügynöki, felügyelői és supervisorügynöki szerepkör számára, ha beállítja a webexConfigured ingatlan értékét igaz mindegyik szerepre. Az ügynök, a felügyelő vagy a supervisorAgent nem tud kijelentkezni a Webex alkalmazásból.

    A megjelenítéséhez a Webex ikonra ( Webex) ikonra az Asztal vízszintes fejlécén, írja be az értéket webex a headerActions ingatlan. További információkért lásd headerActions.

    Ha engedélyezni szeretné a Webex alkalmazást egy adott csapat számára, válassza ki az egyéni elrendezést a webexConfigured tulajdonság értéke beállítva igaz. További információkért lásd Hozz létre egy csapatot.

Az alkalmazást Webex Kiegészítő információk panelen, az egyéni oldalon és az egyéni widgetben is konfigurálhatja. További információ: Kiegészítő információk ablaktábla.

Alkalmazásértesítés Webex

Az értesítési időzítő notificationTimer és browserNotificationTimer tulajdonságaival megadott értékek Webex alkalmazásra vonatkoznak. Ezeknél a tulajdonságoknál az alapértelmezett időtúllépési érték 8 másodperc. További információ: notificationTimer és browserNotificationTimer.

headerActions

Az ikonok sorrendjének módosítása az asztal vízszintes fejlécében. Az alapértelmezett sorrend a következő:

  1. Webex ikonja (Webex)

  2. Használja a telefont hangjelzőként (Tárcsázott hívás)

  3. Értesítési ikon. (Értesítési központ)

Állítsa be a headerActions tulajdonság értékét az alábbiak szerint:

Ikon neve

headerActions tulajdonságérték

Webex alkalmazás

webex

Tárcsázásos hívás

Tárcsázás

Értesítési központ

értesítés

Példa:

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

A headerActions tulajdonságérték megkülönbözteti a kis- és nagybetűket.

Az ikonok alapértelmezett sorrendjének módosításához ennek megfelelően adja meg a headerActions tulajdonságot és az értékeket az egyéni elrendezésben.

Példa:

"headerActions": ["értesítés", "outdial", "webex"],
  • Ha nem adja meg a headerActions tulajdonságot és értékeket az egyéni elrendezésben, az ikonok az alapértelmezett sorrendben jelennek meg.
  • Ha el szeretné távolítani a fejlécikonokat és a kapcsolódó funkciókat az asztalról, állítson be egy üres értéket a headerActions tulajdonsághoz ("headerActions": []). Ha azonban hozzáadta Webex alkalmazást a Kiegészítő információk ablaktáblához vagy egy egyéni oldalhoz, vagy egyéni widgetként, az ügynök továbbra is hozzáférhet Webex alkalmazáshoz, bár Webex alkalmazás nem érhető el az asztal vízszintes fejlécében.
  • Ha a webexConfigured tulajdonság értéke hamis, a Webex Alkalmazás ikon nem jelenik meg az asztal vízszintes fejlécében, még akkor sem, ha a webex érték hozzá van adva a headerActions tulajdonsághoz. További információ: webexConfigured.

terület

A terület tulajdonság az asztali elrendezés központi része. Az elrendezést a terület szerint határozhatja meg.

"terület": { "fejléc": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "szkript": .... } }, "panel": { ... }, "navigáció": { ... }, "állandó": { ... }, "fej nélküli": { ... } },

A következő területobjektumokat konfigurálhatja:

  • Panel: A Kiegészítő információk ablaktábla második vagy jobb szélső paneljét jelöli.

  • Navigáció: Az oldalakhoz kapcsolódó egyéni oldalakat és azok navigációs elemeit jelöli.

  • Állandó: Az állandó és az asztal összes oldalán megjelenő oldalszintű widgeteket jelöli.

  • Fej nélküli: Azokat a widgeteket jelöli, amelyek nem rendelkeznek vizuális felülettel, de logikát hajtanak végre a háttérben.

Ha az advancedHeader tulajdonság konfigurálva van, a header és headerActions tulajdonságokat el kell távolítani.

advancedHeader

A láthatóság testreszabása és az ikonok sorrendjének módosítása az asztal vízszintes fejlécén. Az alapértelmezett sorrend a következő:

  1. Webex ikonja (Webex)

  2. Használja a telefont hangjelzőként (Tárcsázott hívás)

  3. Értesítési ikon. (Értesítési központ)

  4. Webex Contact Center ügynök állapotválasztóját. (Ügynökállapot-választó)

Állítsa be az advancedHeader tulajdonság értékét az alábbiak szerint:

Ikon neve

headerActions tulajdonságérték

Webex alkalmazás

agentx-webex

Tárcsázásos hívás

agentx-outdial

Értesítési központ

agentX-értesítés

Ügynök állapotválasztója

agentx-állapotválasztó

Példa:

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

Az advancedHeader tulajdonság értéke megkülönbözteti a kis- és nagybetűket.

Az ikonok alapértelmezett sorrendjének módosításához adja meg az advancedHeader tulajdonságot és az értékeket az egyéni elrendezésben.

A widgetek balról jobbra haladnak a legördülő menübe.

  • Ha nem adja meg az advancedHeader tulajdonságot az egyéni elrendezésben, az alapértelmezett fejléc jelenik meg.

  • Ha a speciális fejléc engedélyezve van, helyezze át a widgeteket a meglévő fejlécből a speciális fejlécbe a példának megfelelően.

  • Ha a speciális fejléc engedélyezve van, a régi fejléc nem jelenik meg.

  • Minden widget ikonnak van egy alapértelmezett kitöltése és margója, amelyet a CSS határoz meg, és nem szabható testre az asztalon keresztül.

  • A logó, a cím és a profil ikonok helye rögzített, és nem szabható testre.

  • Ha el szeretné távolítani a fejlécikonokat és a kapcsolódó funkciókat az asztalról, állítson be egy üres értéket a társított összetevőhöz az advancedHeader tulajdonságban (" advancedHeader": []).

    Ha hozzáadta Webex alkalmazást a Kiegészítő információk panelhez vagy egy egyéni oldalhoz, vagy egyéni widgetként, az ügynök továbbra is hozzáférhet Webex alkalmazáshoz, bár Webex alkalmazás nem érhető el az asztal vízszintes fejlécében.

  • Ha hosszú címkével rendelkező widgetet ad hozzá, a rendelkezésre álló helynek megfelelően csonkított címkenév jelenik meg.

    A textContent attribútummal címkét adhat hozzá egy widgethez.

    Példa:

    { "comp": "időzítő-widget", "attribútumok": { "időtartam": "08:00:00" }, "textContent": "Visszaszámlálási időzítő az aktuális műszakhoz", "szkript": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }

    A "Visszaszámláló időzítő az aktuális műszakhoz" címke csonkolva jelenik meg és megjelenik a rendelkezésre álló helynek megfelelően.

    • Ne adjon hozzá hosszú címkével ellátott widgeteket.

    • Amikor egy widget a legördülő menübe kerül, csak a widget ikonjára lehet kattintani.

  • Ha a webexConfigured tulajdonság értéke hamis, a Webex Alkalmazás ikon nem jelenik meg az asztal vízszintes fejlécében, még akkor sem, ha a webex érték hozzá van adva az advancedHeader tulajdonsághoz. További információ: webexConfigured.

Honlap

Amikor bejelentkezik az asztalra, a kezdőlapra kerül.

A kezdőlap csak a felügyelőkre és a felügyelői ügynök személyekre vonatkozik.

A kezdőlapon a következő widgeteket tekintheti meg. Az Analyzer widgetek alapértelmezés szerint rendelkezésre állnak, de a rendszergazda állandó és egyéni widgeteket is konfigurálhat. További információ: JSON-elrendezés legfelső szintű tulajdonságai.

Elemző widgetek

Alapértelmezés szerint az Analyzer widget az asztal kezdőlapján jelenik meg.

Kezdőlap elrendezésének konfigurálása

Az asztal kezdőlapját beállíthatja úgy, hogy a szervezeti beállításokon és a márkaigazításon alapuló elrendezést jelenítsen meg. Szerkessze a Kezdőlap mezőt a kezdőlap konfigurálásához. A következő összetevőket állíthatja be, hogy megjelenjenek a kezdőlapon, amikor egy felhasználó bejelentkezik az asztalra:

  • Üdvözlő üzenet

  • A navigációs sáv Feladat ikonja a munkaablakra való navigáláshoz. A Feladat ikon jelenik meg a Felügyelő és a Felügyelő és ügynök szerepkörnél, ha a hívásfigyelés funkció engedélyezve van. A munkaablak megjeleníti a bejövő ügyfélkérelmeket, az aktív és korábbi ügyfél-interakciókat, valamint az aktív figyelési kérelmeket.

  • Szűrőszakaszok, például Várólista neve, Csatorna típusa és Felügyelt csapatok.

A következő táblázat ismerteti a Kezdőlap konfigurálásához szükséges laptulajdonságokat :

2. táblázat. Dinamikus kezdőlap-elrendezés – oldaltulajdonságok

Ingatlan

Leírás és kód

Oldal > useFlexLayout

A rugalmasidő-elrendezés egy új webes összetevő. Nem módosítja a meglévő widgeteket. Az új rugalmasidő-elrendezés egyszerűsített módon ugyanazt az elrendezéskonfigurációs formátumot használja. Visszafelé kompatibilis, és nincs hatással a meglévő widgetekre. Konfigurálnia kell a JSON-elrendezést. A JSON-elrendezés konfigurálásához adja meg a widget magasságát és szélességét. A widget ugyanabban a sorrendben jelenik meg, mint a JSON-elrendezésben. A widgetek alapértelmezett margója 8 képpont.

A JSON-elrendezés a widgetek méretein (szélesség x magasság) és koordinátáin (X, Y és Z) alapul.

A rugalmas elrendezés olyan képességeket támogat, mint az egyes widgetek átméretezése, a widgetek maximalizálása stb.

Az egyes widgetek magasságát pixelben mérik. 1 magasságegység = 40 képpont. A widget szélessége a tárolóban lévő oszlopok számától és a tároló szélességétől függően változó oszlopok számától függ.

A widgetek balról jobbra jelennek meg. A fejlett elrendezési motor egyéni logikát használ a widgetek vízszintes és függőleges térbeállításának alkalmazásához. Kezdetben az elrendezés vízszintesen töltődik be. A vízszintes betöltés után a widget függőlegesen töltődik be, és biztosítja a helykihasználás optimalizálását.

Konfigurálja a widgeteket a képernyő mérete alapján. A widgetek szélességét növelheti vagy csökkentheti a képernyő méretétől függően. Ez olvashatóbbá és használhatóbbá teszi a widgeteket.

A rugalmasidő-elrendezés szabványos töréspontokat biztosít, például nagy, közepes, kicsi és extra kicsi.

  • A nagy widgetek felbontása legalább 1360 képpont. Nagyméretű widgetek esetén adja meg az oszlop értékét 12-ként.

  • A közepes widgetek felbontása 1070 px és 1360 px között van. Közepes widgetek esetén adja meg az oszlop értékét 10-ként.

  • A kis widgetek felbontása 850 px és 1070 px között van. Kis widgetek esetén adja meg az oszlop értékét 6-ként.

  • Az extra kis widgetek felbontása 500 px. További kis widgetek esetén adja meg az oszlop értékét 4-ként.

Ezek a képpontok az operációs rendszertől és a böngészőtől függően eltérőek lehetnek.

"page": { "id": "landing", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "1. widget", "attribútumok": { "style": "szélesség: max-tartalom; margó: 80px 240px; szín: fehér;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "2. widget", "attribútumok": { "style": "szélesség: max-tartalom; margó: 80px 240px; szín: fehér;" } } } 

Oldal > comp

Győződjön meg arról, hogy egyedi egyéni összetevőt ad meg.

"comp": "oldalcím",

Az oldalcím összetevő az egyéni HTML-elem 2. szintű címsorát <h2> jelöli.

Oldal > pageHeader

Ügyeljen arra, hogy statikus, dinamikus vagy mindkettő címet adjon meg.

Az oldalcím összetevő az egyéni HTML-elem 2. szintű címsorát <h2> jelöli.

  • Statikus karakterlánc: Például: Hé, üdvözöljük!

    "comp": "page-title", "attributes": { "pageTitle": "Hé, üdvözöljük!" }
  • Dinamikus sztring: Az érték lekérése a STORE-ból. Például Jane Doe.

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

  • Mindkettő: A statikus és dinamikus karakterláncok kombinációja. Például: Hey Jane Doe, Welcome!

    "comp": "page-title", "attributes": { "pageTitle": "Hé {$STORE.agent.agentName}, üdvözöljük!" }

    A karakterlánc dinamikus részét zárt kapcsos zárójelek {} közé kell tenni, és az előtagot a $ szerkezettel kell ellátni.

Oldal > pageSubHeader

Ne felejtse el hozzáadni az asztalon megjelenő alfejlécet. A felhasználó hozzáadhatja a Go to Analyzer elemet az alfejlécben.

  • Az alfejléc kódblokkja

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "attributes": { "style": "megjelenítés: flex; úszó:jobb; margó:16px 0px 16px 16px" }, "gyermekek": [ { "comp": "div", "children": [ { "comp": "md-label", "textContent": "$I 18N.pageSubHeader.queueName", "attributes": { "style": "margin-bottom:8px;" }
  • Kódblokk az Analyzerhez az alfejlécben

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

Navigáció (egyéni oldalak)

Ebben a szakaszban hozzáadhat olyan oldalakat, amelyek a bal oldali navigációs sávon jelennek meg. Meg kell adnia egy navigációs ikont és egy egyedi URL-címet, hogy a widget megjelenjen a navigációs sávon. Javasoljuk, hogy az ütközések elkerülése érdekében használjon egy adott előtagot az URL-címhez. További részletekért lásd a navigációs tulajdonság szakaszt.

Ezen az oldalon widgetek gyűjteménye is megjelenhet. Az oldal rendelkezhet egyetlen widgettel, amely megjelenik a képernyőn, vagy widgetek gyűjteményével egy rácsban. A rácselrendezéssel kapcsolatos további részletekért tekintse meg az elrendezési tulajdonságok szakaszt.

Nem kell dinamikus területburkolót hozzáadnia a widgetfához. Ez azt jelenti, hogy áthúzhatja és átméretezheti a widgeteket az egyéni oldalakon, ha engedélyezi ezt az opciót.

Példa:

{ "nav": { "label": "Egyéni oldal", "ikon": "tárolt-info", "iconType": "lendület", "navigateTo": "dinamikus lapok", "igazítás": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "my - custom - timer", "source": http: my-cdn.com/my-custom-timer.js "wrapper": { "title": "Shift Timer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textContent": "tőzsde", "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": "tőzsde", "maximizeAreaName": "app-maximize-area" } }], }, { "comp": "md-tab", "textContent": "Widget3", "attribútumok": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Három tartalom", "attribútumok": { "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] } } } },

A következő táblázat ismerteti a navigációs és oldaltulajdonságokat , valamint azok gyermektulajdonságait:

3. táblázat. nav ingatlan részletei

Ingatlan

Leírás és kód

nav > címke

Ez a tulajdonság az oldalnavigációs azonosítót jelzi. A képernyőolvasó felolvassa ezt a tulajdonságot, és megjelenik az elemleírásban.

Ezek a paraméterek szükségesek az egyéni oldal megjelenítéséhez a navigációs sávon.

type Navigation.Item = { label: string; iconType: "momentum" | "egyéb"; ikon: karakterlánc; igazítás: "felül" | "alsó"; navigateTo: karakterlánc; iconSize? :szám; reszponzív? :Logikai; };

A label tulajdonság az egyéni oldal címe.

nav > iconType

Ez a tulajdonság az egyéni oldal navigációs sávján megjelenő ikon típusát jelöli.

A következő típusú ikonok állnak rendelkezésre:

  • Momentum: Bármelyik elérhető ikont kiválaszthatja a gyűjteményben: https://momentum.design/icons. A Momentum használatának előnye, hogy néhány ikont biztosít "aktív" verzióval.

    Aktív verzió használati esete:

    Ha például egy Momentum ikontípust választ bejelentés, és az alapértelmezett ikon látható a navigációs sávon. Amikor az egyéni oldalra navigál (az ikonhoz csatolva), az ikon a bejelentés-aktív Verzió automatikusan. Győződjön meg arról, hogy ellenőrzi, hogy rendelkezik-e aktív Ugyanennek az ikonnak az ikonkönyvtárban található verziója.

  • Egyéb: Megadhat egy egyéni kép URL-címét (CDN-en tárolva), amely megjelenik a navigációs sávon. Ha fekete vagy fehér egyéni ikont használ, az ikon nem látható, amikor a világos és sötét mód között vált.

nav > ikon

Ez a tulajdonság a Momentum-kódtárban található ikon nevét vagy a CDN URL-címét jelöli.

típus Navigation.Item ={ icon:"announcement"; }; OR // típus Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };

navigáció > igazítás

Ez a tulajdonság segít az ikont a navigációs sáv tetejéhez vagy aljához igazítani.

A tulajdonság jelenleg csak felülre igazítást tesz lehetővé.

nav > isDefaultLandingPage

Ez a tulajdonság határozza meg a Agent Desktop ügynökeinek alapértelmezett céloldalát. Állítsa ezt a tulajdonságot true értékre , hogy a navigációs sáv oldala legyen az alapértelmezett céloldal, amely megjelenik az ügynökök számára a Agent Desktop való bejelentkezés után. Ha egynél több navigációs sávoldalon van ez a tulajdonság igaz értékreállítva, a rendszer az első navigációs sávoldalt tekinti alapértelmezett céloldalnak.

Ha a navigációs sáv egyik oldalán sincs igaz értékreállítva ez a tulajdonság, akkor a Kezdőlap lesz az alapértelmezett céloldal.

Az ügynökteljesítmény-statisztikai jelentések nem állíthatók be alapértelmezett céloldalként.

nav > navigateTo

Ez a tulajdonság határozza meg az egyéni oldal nevét. Ez a név jelenik meg a címsorban, amikor az ügynök navigál.

A navigateTo nem tartalmazhatja a következő értékeket: képek, betűtípusok, css, build_info, súgó, alkalmazás, i18n, ikonok, images-mfe-wc és hangok.

típus Navigation.Item = { navigateTo: "my - custom - page"; };
4. táblázat. oldal Ingatlan részletei

Ingatlan

Leírás és kód

oldal > azonosító

Bejövő oldal Tulajdonsággal adhatja meg az egyéni oldal (dinamikus widget) objektumot.

A(z) azonosító A tulajdonság egyedi oldalazonosítót jelöl. Például: my-custom-page-1. Az ügynök nem látja ezt az azonosítót az asztalon.

típus DynamicWidgets.Page = { id: karakterlánc; widgetek: < karakterlánc rögzítése, DynamicWidget.Options > ; elrendezés: elrendezés; };

oldal > useFlexLayout

A rugalmasidő-elrendezés egy új webes összetevő. Nem módosítja a meglévő widgeteket. Az új rugalmasidő-elrendezés egyszerűsített módon ugyanazt az elrendezéskonfigurációs formátumot használja. Visszafelé kompatibilis, és nincs hatással a meglévő widgetekre. Konfigurálnia kell a JSON-elrendezést. A JSON-elrendezés konfigurálásához adja meg a widget magasságát és szélességét. A widget ugyanabban a sorrendben jelenik meg, mint a JSON-elrendezésben. A widgetek alapértelmezett margója 8 képpont.

A JSON-elrendezés a widgetek méretein (szélesség x magasság) és koordinátáin (X, Y és Z) alapul.

A rugalmas elrendezés olyan képességeket támogat, mint az egyes widgetek átméretezése, a widgetek maximalizálása stb.

Az egyes widgetek magasságát pixelben mérik. 1 magasságegység = 40 képpont. A widget szélessége a tárolóban lévő oszlopok számától és a tároló szélességétől függően változó oszlopok számától függ.

A widgetek balról jobbra jelennek meg. A fejlett elrendezési motor egyéni logikát használ a widgetek vízszintes és függőleges térbeállításának alkalmazásához. Kezdetben az elrendezés vízszintesen töltődik be. A vízszintes betöltés után a widget függőlegesen töltődik be, és biztosítja a helykihasználás optimalizálását.

Konfigurálja a widgeteket a képernyő mérete alapján. A widgetek szélességét növelheti vagy csökkentheti a képernyő méretétől függően. Ez olvashatóbbá és használhatóbbá teszi a widgeteket.

A rugalmasidő-elrendezés szabványos töréspontokat biztosít, például nagy, közepes, kicsi és extra kicsi.

  • A nagy widgetek felbontása legalább 1360 képpont. Nagyméretű widgetek esetén adja meg az oszlop értékét 12-ként.

  • A közepes widgetek felbontása 1070 px és 1360 px között van. Közepes widgetek esetén adja meg az oszlop értékét 10-ként.

  • A kis widgetek felbontása 850 px és 1070 px között van. Kis widgetek esetén adja meg az oszlop értékét 6-ként.

  • Az extra kis widgetek felbontása 500 px. További kis widgetek esetén adja meg az oszlop értékét 4-ként.

Ezek a képpontok az operációs rendszertől és a böngészőtől függően eltérőek lehetnek.

"page": { "id": "landing", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "1. widget", "attribútumok": { "style": "szélesség: max-tartalom; margó: 80px 240px; szín: fehér;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "2. widget", "attribútumok": { "style": "szélesség: max-tartalom; margó: 80px 240px; szín: fehér;" } } } 

Oldal > widgetek

oldal > comp

Segít meghatározni az egyéni widgeteket. Több widget elhelyezéséhez adja meg egymás után a widget-beállításokat. Győződjön meg arról, hogy minden widgetnek egyedi területnevet ad. Használja később az elrendezési szakaszban.

"widgetek": { "comp1": { ... } "comp2": { ... } }

Ez a tulajdonság az egyéni HTML-elem nevét jelöli (webösszetevőként vagy bármely más elemként ismert, ha burkolóként szeretné használni). További információ: Példák használati esetekre. Írja be ide az egyéni elem nevét szögletes zárójelek nélkül ("<" vagy ">"). Például: "my-custom-element".

A widgetek szakasz minden bejegyzése a következő formátumot támogatja:

type Options = { comp: karakterlánc; szkript? :húr; kellékek? : Rögzítsen < karakterláncot, bármilyen > ; Attribútumok? : Rögzítse < karakterláncot, karakterláncot > ; gyermekek? : Opciók[]; textContent? :húr; stílus? : Részleges < CSSStyleDeclaration > ; csomagolás? : { title: string; maximizeAreaName: string; }; };

oldal > szkript

(Nem kötelező) Erre a tulajdonságra csak akkor van szükség, ha a widgetet vagy összetevőt távoli helyről, például CDN-ről tölti be.

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

Ne módosítsa ugyanannak az összetevőnek a szkript URL-címét. Ha módosítania kell ugyanannak az összetevőnek a parancsfájl URL-címét, tegye a következők egyikét:

  • Értesítse az ügynököt, hogy törölje a böngésző gyorsítótárát, és töltse be újra a Agent Desktop.

  • Őrizze meg a meglévő URL-címet. Dinamikusan importálja az új csomag URL-címét a meglévő URL-címben tárolt javascript használatával.

    Példa:

    (function() { var script = document.createElement("script"); script.src = <A JS szkript URL-címe> script.type = "text/javascript"; script.async = true; document.getElementsByTagName ("head").item(0).appendchild(script); } ) ()

Oldal > tulajdonságok

Megadhatja azokat a tulajdonságokat, amelyeket át kell adnia a webösszetevőnek.

"tulajdonságok": { "felhasználó": "admin", },

oldal > reszponzív

Meghatározza, hogy az egyéni elrendezéshez oldalszinten vagy tömörítési szinten hozzáadott webes összetevő vagy iFrame-alapú widget válaszképes-e. A reszponzív webes összetevők vizuálisan vonzóvá teszik weboldalát minden eszközön, és könnyen használhatók. Reszponzív iFrame-widgeteket kell használnia.

Konfigurálja ezt a tulajdonságot az alábbi értékek egyikével:

  • True: Lehetővé teszi, hogy a widget reagáljon. Alapértelmezés szerint minden widget reagál a progresszív képernyőméret, tájolás és a használt eszköz megtekintési területei alapján.

  • False: Letiltja a widget reagálóképességét. Ha a widgetek nem támogatják a különböző eszközökön való megtekintést, jelölje meg őket nem válaszolóként.

{ "comp": "md-tab", "responsive": true, "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "responsive": false, "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CALL_GUIDE" } }], "láthatóság": "CALL_GUIDE" },

A nem válaszoló widgetek nem tudják biztosítani a legjobb felhasználói élményt, és nem jelennek meg kisebb nézetben. Az ügynöknek növelnie kell a böngészőablak méretét a nem válaszolóként konfigurált widgetek megtekintéséhez.

page > attribútumok

Ebben a szakaszban megadhatja a webösszetevők attribútumait.

"attribútumok": { "letiltva": "hamis", },

oldal > láthatóság

Megadja, hogy a Cisco által kínált widgetek, amelyeket az egyéni elrendezésben oldalszinten vagy tömörítési szinten adnak hozzá, láthatók-e vagy sem.

A Cisco által kínált widgetek a Kapcsolatfelvételi előzmények, a Cisco Webex Experience Management, a IVR átirata, a Kampányhívási útmutató előnézete és a Screen Pop.

  • A láthatósági tulajdonság értékei be vannak építve, és az asztali elrendezés alapértelmezett JSON-fájljában vannak definiálva. A rendszergazda nem módosíthatja a Cisco által kínált widgetek láthatósági tulajdonságértékeit.

  • A láthatósági tulajdonság értéke NOT_RESPONSIVE elavult. Továbbra is csak a visszamenőleges kompatibilitás érdekében használhatja. A korábban NOT_RESPONSIVE ként beállított értékek nem igényelnek módosítást, mivel a funkciók változatlanok maradnak.

    Ha egy újonnan létrehozott widgetet reszponzívként vagy nem reszponzívként szeretne beállítani, akkor a reszponzív tulajdonságot kell használnia . További információt a Reszponzív tulajdonság című témakörben talál.

oldal > gyerekek

Ez a tulajdonság az elrendezés központi része. Az gyermekek Szakaszban tetszőleges számú szintet ágyazhat egymásba, ha a webösszetevő-alapú felületi elem lehetővé teszi gyermekek átadását. Ahhoz, hogy ezt lehetővé tegye, a fejlesztőnek programozott módon kell kezelnie a Réselt tartalom. További információ : Cisco Webex Contact Center Desktop Developer Guide.

A STORE értékek tulajdonságként való átadásával kapcsolatos információkért lásd: Adatok megosztása az asztalról a widgetekbe.

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

A "gyermek" tömb szakasz előnye, hogy használhatja a meglévő webösszetevőket az elrendezési specifikációban, amely már része a Desktop csomagnak. Néhány az asztali csomag webösszetevői közül:

  • agentx-wc-iframe: Egy widget, amely lehetővé teszi, hogy bármilyen weboldalt elhelyezzen egy iFrame-ben widgetként.

  • Dinamikus terület: Olyan összetevő, amely lehetővé teszi a fogd és vidd funkció engedélyezését az ügynökök számára az egyéni oldalaktól eltérő helyen. Az egyéni oldalak is rendelkezhetnek ezzel a képességgel, ha alapértelmezés szerint engedélyezi a húzást.

  • A momentum-ui-web-component kódtár bármely összetevője. További információ: GitHub. Például:

    • md-tabs: Tabs konténer burkoló

    • md-tab: Egylapos fejléc

    • md-tab-panel: Egylapos tartalom

Az állandó lap attribútumaival kapcsolatos további információkért lásd: Állandó lapok attribútumai.

page > textContent

Segít a szöveges tartalom hozzáadásában.

"textContent": "Saját szöveges tartalom",

Oldal > stílus

Segít egy adott CSS-stílus hozzárendelésében az összetevőhöz.

"style": { "backgroundColor": "#CBD", "túlcsordulás": "görgetés" },

oldal > burkoló

A widget-burkoló lehetővé teszi, hogy eszköztárat adjon hozzá a widget tetejére. Az eszköztár tartalmazhat címet és a Teljes méret ikon (Teljes méretű) ikonra a widget tetején. Ha a widget kis helyet foglalt el az oldalon, a maximalizálás ikon lehetővé teszi az ügynök számára, hogy teljes munkaterületen lássa a widgetet.

Győződjön meg arról, hogy az alapértelmezett értéket használja "app-maximize-area". Jelenleg csak az alapértelmezett érték érhető el.

"wrapper": { "title": Saját widget címe ", "maximizeAreaName": "app-maximize-area" }

Oldal > burkoló> azonosító

(Nem kötelező) A webes összetevő widget-burkoló lehetővé teszi a dinamikus widget címének frissítését egy egyedi azonosító használatával. Adja meg a widgetburkoló azonosítója tulajdonság értékét unique-id-to-update-title értékként.

"wrapper": { "title": Saját widget címe ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" } 

Győződjön meg arról, hogy ugyanazt az egyedi azonosítót használja a JavaScript CustomEvent eseményhez. További információkért lásd az Aszinkron események szakaszt az Ügynök kapcsolattartó modul fejezetében Cisco Webex Contact Center Asztali fejlesztő.

Az iFrame-alapú widget címének frissítéséhez használja az azonos tartományból származó iFrame-tartalmat. Az alábbi példa egy példa:

< script type = "text/javascript" > var title = ""; window.addEventListener("update-title-event", function(e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { bubbles: true, detail: { title: "new title" } }); window.parent.dispatchEvent(e); }; < /script> < button id = "customEvent" > Új cím < /button> < iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" > < /iframe>

oldal > agentx-wc-iframe

Lehetővé teszi weblap beágyazását egy iFrame-keretbe, amely widgetként jelenik meg az asztalon. Használhatja az "agentx-wc-iframe" nevű iFrame widgetet.

"comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com / a - végső - útmutató - iFrames / " }, "burkoló": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } },

oldal > elrendezés

Lehetővé teszi a widgetek elrendezését egy oldalon.

A következő formátum rácsos elrendezést jelöl:

type Layout = { területek: string[][]; méret: { sorok: number[]; cols: number[]; }; };

Itt definiálhatja a rácsot a widgetek szakaszban definiált területnevekkel .

Az alábbi példa bemutatja, hogyan van megadva a három sor és három oszlop elrendezése:

"layout": { "területek": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "méret": { "cols": [1, 1, 1], "sorok": [1, 1, 1] } }
3x3-as elrendezés egyenlő eloszlása
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

A méret szakaszban a számok azt a helyet jelölik, amelyet egy widget elfoglalhat a többi widgethez képest. Mindhárom oszlop egyenlő a hely 1 frakciójával. A rendelkezésre álló szélesség 100%-ával minden widget a vízszintes terület 33,33%-át foglalja el.

egyenlő oszlopszélességgel
Equal column width layout for Webex Contact Center Desktop layout configuration.

Egy másik használati példa, ha "cols"-ként állítja be: [1, 2, 2], az azt jelenti, hogy a teljes terület osztva van 5-tel (1+2+2), és az első widget a vízszintes terület 20%-át foglalja el. A második és a harmadik widget egyenként 40% -ot vesz igénybe. További információt A rácselrendezés alapfogalmai című témakörben talál.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
Az oszlopszélesség megváltoztatása után

oldal > GYÖKÉR

Az elrendezések beágyazását alelrendezésnek nevezik. Abban az esetben, ha az elrendezési konfigurációban vannak beágyazott elrendezések, egyetlen "ROOT" objektummal kell rendelkeznie szülőként a segédelrendezésekhez. Ellenkező esetben az elrendezési konfiguráció lapos lehet, ha nincs szükség beágyazásra.

Ez a részelrendezés nagyobb ellenőrzést biztosít az elrendezés átméretezési viselkedése felett. A lapelrendezés tulajdonságnak Rekord<karakterlánc, Elrendezés> típusúnak kell lennie. Az elrendezési tulajdonság lehetővé teszi a widgetek elrendezését egy oldalon.

{ "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": { "területek": [ ["c1", "sub1"], ["c2", "sub2"], ], "méret": { "cols": [1, 1], "sorok": [1, 1] } }, "sub1": { "területek": [ ["c3", "c4"] ], "méret": { "cols": [1, 1], "sorok": [1] } }, "sub2": { "területek": [ ["c1"], ["c5"] ], "size": { "cols": [1], "sorok": [1, 1] } } } }

Ez a beállítás egy rácsot hoz létre a GYÖKÉR elrendezésben két részrácskal, amelyeket egymástól függetlenül átméretezhet.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Alelrendezés megjelenése

Egy összetevő átméretezése hatással van az adott elrendezésen belüli összetevőkre.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
Mindkét alelrendezés átméretezése után

Vegye figyelembe a következő eseteket:

Végtelen hurok: Ha a ROOT elrendezést a ROOT alelrendezéseként adja meg, az "hívási verem túllépve" hibát okoz, és végtelen hurokba fut.

{ "layout": { "ROOT": { "területek": [ ["c1", "c2"], ["c3", "ROOT"], ], "méret": { "cols": [1, 1], "sorok": [1, 1] } } }
Sub-layout appearance with infinite loop for Webex Contact Center Desktop layout configuration.
Alelrendezés végtelen hurokkal

Azonos részelrendezési (N) időpontok: Ha a részelrendezést egynél többször veszi fel a rácsba ugyanazzal a névvel, és ha átméretezi az egyiket, az összes részelrendezés automatikusan átméreteződik.

Ha nem ez a kívánt viselkedés, nevezze át az egyes alelrendezéseket egyedi névre.

{ "layout": { "ROOT": { "területek": [ ["c1", "sub1"], ["c2", "sub1"], ], "size": { "cols": [1, 1], "sorok": [1, 1] } }, "sub1": { "területek": [ ["c3", "c4"] ], "méret": { "cols": [1, 1], "sorok": [1] } } } }
Sub-layout appearance with N times for Webex Contact Center Desktop layout configuration.
Alelrendezés N-szerrel

Állandó lapok attribútumai

Ha az egyéni oldalak és widgetek lapjait állandóként szeretné beállítani, adja meg az md-tabs attribútumait az egyéni elrendezésben.

Példa: Tabulátorok beállítása állandóként

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id az összes laphoz együtt a tárolóban" }, }

Ingatlan

Leírás

perzisztencia-szelekció

Az md-lapok állandóvá tétele . Az alapértelmezett érték true.

tabs-id

A tárolóban lévő összes fül egyedi azonosítója.

Ha az md-tabokat állandóra állítja (persist-selection: true), a Agent Desktop akkor is megtartja a lapkijelölést, ha egy ügynök vált az asztal lapjai vagy widgetjei között.

  • A persist-selection tulajdonság nem alkalmazható a Kiegészítő információk ablaktábla és az Ügynökteljesítmény-statisztika jelentések oldal lapjaira, mert az állandó lap viselkedése már be van állítva az asztalon.
  • A kiválasztott lap visszaáll az alapértelmezett lapra, amikor kijelentkezik az asztalról, újratölti/frissíti a böngészőt, vagy törli a böngésző gyorsítótárát.

Állandó widgetek konfigurálása

Bármely egyéni widgetet konfigurálhat úgy, hogy állandó legyen. Az állandó widgetek az asztal minden oldalán megjelennek. Az állandó widgetek csak akkor jelennek meg új lapként a Kiegészítő információk ablaktáblán, ha aktív kapcsolatfelvételi kéréssel vagy beszélgetéssel rendelkezik. Például,Minta állandó widget.

Az állandó widgetek nem úgy jelennek meg a kezdőlapon, mint a többi oldalon. Ha azonban aktív interakcióval rendelkezik, az állandó widgetek a Kiegészítő információk ablaktábla részeként jelennek meg a kezdőlapon. Ha például fogadott egy hívást, megjelenik az Interakcióvezérlés ablaktábla, és megjelenik a Minta állandó felületi elem a Kiegészítő információk ablaktábla részeként.

Példa:

"area": { "állandó": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Egyéni oldal widget" } ] }, { "comp": "md-tab-panel", "attribútumok": { "slot": "panel" }, "gyermekek": [{ "comp": "dinamikus terület", "tulajdonságok": { "terület": { "id": "dw-panel-two", "widgetek": { "comp1": { "comp": "agentx-wc-iframe", "attribútumok": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "uuip-widget-two", "script": "./dynamic-widgets/widget-two.js", "attributes": { "title": "WIDGET 2 content" }, "wrapper": { "title": "Widget 2 title", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "sorok": [1] } } } } }] }

Egy widget testreszabásakor az alábbi lehetőségek közül választhat:

  • Alkalmazás futtatása iframe-be ágyazható weblapon.

  • Egyéni widget létrehozása.

A technikai widgetekre vonatkozó követelményeket az asztali widgetek fejlesztési dokumentációja ismerteti. Elrendezésszerkesztőként győződjön meg arról, hogy rendelkezik az alábbi adatokkal:

  • Mi a neve az egyéni HTML-elemnek (más néven webösszetevőnek)?

  • Mi a JavaScript-csomagot tartalmazó tartalomkézbesítési hálózati (CDN) forrás URL-címe?

Fejléc widgetek

A fejléc beágyazott információk megjelenítésére, legördülő menük hozzáadására stb. szolgál. Mivel a fejléctároló függőleges területe korlátozott, a fejléc teljes magassága csak 64 képpont. Az elrendezés igazításával kapcsolatos további információkért lásd az elrendezés tulajdonsága szakaszt.

Példa:

"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], "sorok": [1] } } }

Ha elemleírást szeretne hozzáadni egy fejléc widgethez, csomagolja be az összetevőt az md-tooltip segítségével . Adja meg az elemleírás adatait az üzenettulajdonságban .

Példa:

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

Hozzá kell adnia a stílusjellemzőket , a megjelenítést és a magasságot , hogy konfigurálhassa a widgeteket az iFrame-en keresztül a fejléc testreszabható widget területén. A magasság attribútum legjobban illeszkedő értéke 64 képpont.

Győződjön meg arról, hogy hozzáadta a stílusjellemzőket a meglévő fejléc widgetekhez, hogy azok a várt módon töltődjenek be az iFrame-ben.

Példa:

"head1": { "comp": "agentx-wc-iframe", "attribútumok": { "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "style": "magasság:64px; kijelző:flex;" } },

Javasoljuk, hogy csak egyetlen, több oszlopot tartalmazó sort használjon fejlécként, mert a fejléc magassága csak 64 képpont. A nyomvonallal kapcsolatos további információkért lásd az elrendezés tulajdonságai szakaszt.

Kiegészítő információk ablaktábla

Az asztal Kiegészítő információk ablaktáblája megjeleníti a Cisco által kínált (alapértelmezett) widgeteket és egyéni widgeteket tartalmazó lapokat. Az előre meghatározott lapokon a következő, Cisco által kínált widgetek jelennek meg:

  • Kapcsolati előzmények

  • IVR-átirat

  • Ügyfélélmény útja

  • Előugró képernyő

A Kiegészítő információk ablaktábla a következőkre használható:

  • Lapok hozzáadása

  • A bejárási sorrend módosítása

  • Távolítsa el az előre definiált lapokat

  • Az egyéni lapok megjelölése húzhatóként

  • Elemleírások hozzáadása az egyéni lapokhoz

  • Adja hozzá a Bejárási sorrend visszaállítása lehetőséget

Példa:

"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" }, "gyermekek": [{ "comp": "md-ikon", "attribútumok": { "név": "pop-out_16" } }, { "comp": "span", "textContent": "képernyő pop" } ], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "attribútumok": { "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": "Egyéni widget" } ] }, { "comp": "md-tab-panel", "attribútumok": { "slot": "panel" }, "gyermekek": [{ "comp": "dinamikus terület", "tulajdonságok": { "terület": { "id": "dw-panel-two", "widgetek": { "comp1": { "comp": "agentx-wc-iframe", "attribútumok": { "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], "sorok": [1, 1] } } } } }] } ] },

A Felhasználói élmény útja widgetet azután konfigurálhatja, hogy engedélyezte a Felhasználói élmény kezelése metrikákat a felügyeleti portálon.

A Kiegészítő információk panelen adjon hozzá új lapokat az egyéni widgetek elhelyezéséhez. Itt nincsenek speciális szabályok, és az összetevők beágyazása megfelel az elvárásoknak és a gyermekek részben leírtaknak. További információt az oldal Gyermekek tulajdonságában talál .

Az alábbiakban konkrét példákat talál a lapfejlécek testreszabására:

Példa ikonok és címkék elhelyezésére a Gyermekek tulajdonságban

{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "transcript_16" } }, { "comp": "span", "textContent": "Saját widget lap" } ], },

Példa kép (CSS-sel) és címkék elhelyezésére a Gyermekek tulajdonságban

{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "span", "attributes": { "style": "align-items: center; kijelző: flex;" }, "gyermekek": [{ "comp": "img", "attributes": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "style": "margó-jobb: 0.5rem;" } }, { "comp": "span", "textContent": "Saját widget lap" } ] }], },

A További lapok legördülő lista automatikusan megjelenik, ha a Kiegészítő információk ablaktábla több lapot tartalmaz.

Az olvashatóság és a hozzáférhetőség érdekében egyéni lapelemleírást kell hozzáadnia. Ha elemleírást szeretne hozzáadni egy egyéni laphoz, csomagolja be az összetevőt az md-tooltip segítségével. Írja be az elemleírás adatait az üzenettulajdonságba , és alkalmazza a stílustulajdonság értékeit az alábbi példában látható módon.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Minta lap 1", "style": "max-width: 252px; min-szélesség: 110px; túlcsordulás: rejtett; szöveg-túlcsordulás: ellipszis; szóköz: nowrap; kijelző: inline blokk; margó-alsó: -10px;" },

Egyéni lap esetén a maximális szélesség 252 képpont, a minimális szélesség pedig 110 képpont.

Ha engedélyezni szeretné a húzási funkciót az egyéni lapon, adja hozzá a következő tulajdonságot az attribútumokhoz:

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "húzható": true, "comp-unique-id": "sample-dynamic-custom-tabs" },
  • húzható: Állítsa a húzható tulajdonság értékét true (igaz ) értékre.

  • comp-unique-id: Adjon meg egy egyedi értéket az összetevő azonosításához.

    Példa:

    "comp-unique-id": "minta-dinamikus-egyéni-lapok" 

Ha engedélyezi a húzást egy egyéni laphoz, az ügynök áthúzhatja a lapot a kívánt helyre a Kiegészítő információk ablaktáblán belül. A lapok alapértelmezett bejárási sorrendjének visszaállításához adja hozzá a következő tulajdonságot:

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
  • agentx-wc-more-actions-widget: Adja meg a További műveletek ( További műveletek ikon) ikonra a Kiegészítő információk ablaktáblán.

  • slot="settings": Adjon meg egy attribútumot az összetevőn belül, amely a További műveletek legördülő lista Bejárási sorrend visszaállítása opciójaként jelenik meg. Az ügynökök visszaállíthatják a füleket a Kiegészítő információk ablaktáblán az alapértelmezett sorrendre, ha a További műveletek ikon > Bejárási sorrend visszaállítása.

  • tabs-unique-id: Adja meg ugyanazt az egyedi értéket, amely a comp-unique-id tulajdonsághoz van megadva az md-tabs összetevők leképezéséhez és alaphelyzetbe állításához.

Az alábbi mintakód a További műveletek és a Bejárási sorrend alaphelyzetbe állítása függvényt használja.

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comp": "div", "attributes": { "textContent": "egyéni művelet", "slot": "egyéni művelet" }, "gyermekek": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } ] }], }
Webex Contact Center more actions menu example, showing the 'Reset Tab Order' option.

Alapértelmezés szerint az előre definiált lapok elemleírása, három pont ikonja és bejárási sorrendjének visszaállítása van meghatározva.

A További műveletek legördülő lista kiterjeszthető további egyéni összetevők vagy widgetek hozzáadásához a Bejárási sorrend visszaállítása opció után. Az alábbiakban további összetevőkre alkalmazható stílustulajdonság-értékek mintakészlete látható.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-szélesség: 110px; túlcsordulás: rejtett; szöveg-túlcsordulás: ellipszis; szóköz: nowrap; kijelző: inline blokk; margó-alsó: -10px;" },
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

A húzás funkció nem támogatott a További műveletek legördülő listához hozzáadott további egyéni összetevők vagy widgetek esetében.

Fej nélküli widgetek

A fej nélküli részben olyan widgeteket adhat hozzá, amelyek rejtettek és nem jelennek meg a Agent Desktop. Ezek a widgetek logikát hajtanak végre a háttérben. Ez a szakasz az asztalon előforduló események aktiválásához és a widget-specifikus logika végrehajtásához hasznos. Például egy egyéni CRM képernyő felugró ablak megnyitása egy SMS érkezéskor.

Példa:

"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], "sorok": [1] } } }

Adatok megosztása az asztalról a widgetekre

Ha valós idejű adatokat szeretne kapni egy egyéni widgeten belüli tulajdonságokon vagy attribútumokon keresztül, rendelje hozzá a megfelelő STORE értékeket az elrendezés JSON-konfigurációjában.

Emellett az adatok JavaScript SDK-előfizetőkön keresztüli eléréséhez tulajdonságokon vagy attribútumokon keresztül is átadhatja az adatokat. Ha az összetevő úgy van kialakítva, hogy reagáljon a tulajdonság- vagy attribútumváltozásokra, valós idejű adatfrissítéseket kap a Agent Desktop-től, amelyet adatszolgáltatónak nevezünk.

Jelenleg egyetlen adatszolgáltatónk van egy kulcs alatt STORE. További információt a Cisco Webex Contact Center Desktop fejlesztői útmutató Adatszolgáltató – widget tulajdonságai és attribútumai című szakaszában talál.

Kampányhívás előnézete

A rendszergazda kampányokat hoz létre, konfigurálja a tárcsázási módot (előzetes verzió), és hozzárendeli a kampányokat a csapatokhoz. Ha egy ügynök tagja annak a csapatnak, amelyhez kampányok vannak hozzárendelve, akkor az ügynök kimenő előnézeti kampányhívást kezdeményezhet. További információ: Hangalapú kimenő kampánymódok konfigurálása Webex Contact Centerben.

A rendszergazda a következőket konfigurálja az egyéni elrendezésben, hogy engedélyezze az előnézeti kampány kapcsolattartóját egy ügynök számára.

Kapcsolat a kampánnyal

Az adminisztrátor hozzáadja a Kampánykapcsolattartó widgetet az egyéni elrendezés fejléctárolójához. A kampány kapcsolattartója megjeleníti az ügyfél kapcsolattartási adatait a meghatározott tulajdonságok alapján. Az elrendezés igazításáról további információt a Tulajdonság részletei táblázat elrendezés tulajdonságsorában talál.

Példa:

 "advancedHeader": [ { "comp": "agentx-preview-campaign", "properties": { "isCampaignManagementEnabled": "$STORE.agent.isCampaignManagementEnabled", "agentDbId": "$STORE.agent.acqueonAgentId", "lcmUrl": "$STORE.agent.lcmUrl", "isCallInProgress": "$STORE.agentContact.isActiveCall", "outdialEntryPointId": "$STORE.agent.outDialEp", "teamId": "$STORE.agent.getAcqueonTeamId", "campaignManagerAdditionalInfo": "$STORE.agent.campaignManagerAdditionalInfo", "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVariables.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featuresFlags.isProgressiveCampaignEnabled" } }, { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } ] 

Hívási útmutató

A Híváskalauz felületi elem az asztal Kiegészítő információk ablaktábláján jelenik meg. A hívási útmutató kampányszinten jeleníti meg a kérdéseket és válaszokat. A rendszer felkéri az ügynököt, hogy olvassa el a hívási útmutató kérdéskészletét, és küldje el a válaszokat.

Példa:

"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" } ], "láthatóság":"CALL_GUIDE" }, { "comp":"md-tab-panel", "attribútumok":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // tartalmazza a CDN linket itt " wrapper":{ "title":"Call Guide", "maximizeAreaName":"app-maximize-area" }, "properties":{ "lcmKey":"$STORE.agentContact.getCallGuideProps.LCMKey", "agentDbId":"$STORE.agent.acqueonAgentId", "lcmUrl":"$STORE.agent.lcmUrl", "campaignManagerAdditionalInfo":"$STORE.agent.campaignManagerAdditionalInfo" "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVaribles.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featureFlags.isProgressiveCampaignEnabled" } } ], "láthatóság":"CALL_GUIDE" } ] }
  • A következő comp tulajdonsághivatkozások megváltoztak. Az AgentX tulajdonságértékben az acqueon helyérekerül:
    • Az agentx-preview-campaign új neve acqueon-preview-campaign
    • Az AgentX-Call-Guide új neve acqueon-call-guide
  • A List and Campaign Manager (LCM) szolgáltatást CDN-en kell üzemeltetnie, majd meg kell adnia az URL-címet a szkripttulajdonságban .

Előugró képernyő

Az asztali elrendezésben a következő módokon konfigurálhatja a Screen Pop funkciót:

  • Egyéni oldalként

  • Az egyéni oldal egyik widgetjeként

  • A Kiegészítő információk ablaktábla lapjaként

A Felugró képernyő a következő tényezők alapján jelenik meg az asztalon:

A Voice csatorna esetén:

  • Az asztali elrendezésben definiált konfiguráció

  • A Folyamattervezőben definiált Képernyőfelugró tevékenység

Az új digitális csatornák esetében:

  • Az asztali elrendezésben definiált konfiguráció

  • A Connect Flow Builderben definiált Screen Pop csomópont

A Screen Pop beállításával kapcsolatos további információkért lásd: Screen Pop.

A felbukkanó képernyő beállítása a navigációs sávon

A Screen Pop beállítható egyéni oldalként vagy egy egyéni oldal egyik widgetjeként. A Screen Pop egyéni oldal eléréséhez kattintson a Screen Pop ikonra a navigációs sávon. A Screen Pop widget eléréséhez kattintson az egyéni ikonra a navigációs sávon. A navigációs tulajdonságokkal kapcsolatos további információkért lásd: Navigáció (egyéni oldalak).

Példa: Képernyő felbukkanása egyéni oldalként

{ "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": { "területek": [ ["comp1"] ], "méret": { "cols": [1], "sorok": [1] } } }, "láthatóság": "SCREEN_POP" }

Példa: Képernyő felbukkanása widgetként az egyéni oldalon

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

Ha a Screen Pop nincs konfigurálva a Folyamattervezőben, az egyéni oldal üresen jelenik meg. A Screen Pop folyamattervezőben történő konfigurálásával kapcsolatos további információkért lásd: Screen Pop.

A felbukkanó képernyő beállítása a Kiegészítő információk ablaktáblán

Beállíthatja, hogy a Felbukkanó képernyő lapként jelenjen meg a Kiegészítő információk ablaktáblán.

Alapértelmezés szerint a Képernyőfelugró ablak új allapként jelenik meg a Kiegészítő információk ablaktábla Képernyő felbukkanása lapján, ha a Képernyő-felugró ablak úgy van beállítva, hogy Asztalon belül jelenjen meg a Folyamattervezőben.

Adja hozzá a következő attribútumot a panelszakaszhoz , hogy a Képernyő felbukkanása fülként szerepeljen a Kiegészítő információk ablaktáblán. A panel részleteivel kapcsolatos további információkért lásd: Kiegészítő információk ablaktábla .

Példa: Képernyő felbukkanása lapként a Kiegészítő információk ablaktáblában

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

A Folyamattervezőben definiált Képernyő felbukkanása beállítás elsőbbséget élvez az asztali elrendezésben definiált konfigurációval szemben.

Tegyük fel például, hogy a következő képernyőfelbukkanási beállításokat konfigurálta:

  • Folyamattervező – A beállítások megjelenítése az új böngészőlapon
  • Asztalelrendezés – A Kiegészítő információk ablaktábla egyik lapjaként

Amikor bekövetkezik az az esemény, amelyre a képernyő pop konfigurálva van, a Screen Pop az asztalon kívül jelenik meg - azaz egy új böngészőlapon.

Példák használati esetekre

A következő szakaszok néhány példát mutatnak be referenciaként:

A Felhasználói élmény kezelése metrikák felületi elem konfigurálása és elérése a navigációs sávról

Példa:

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

A spaceId és a metricsId beszerzéséhez tekintse meg a Webex Experience Management dokumentációt.

Lapok használata az egyéni oldalon

Példa:

{ "nav": { "label": "Dinamikus lapok", "ikon": "tárolt-info", "iconType": "momentum", "navigateTo": "dinamikus lapok", "igazítás": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp": { "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": "Kettő", "attribútumok": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Két tartalom", "attribútumok": { "slot": "panel" } } ] }, "comp2": { "comp": "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "sorok": [1] } } } }

Alapértelmezett kiegészítő információk ablaktábla kapcsolati előzményekkel és felbukkanó képernyővel

Példa:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, ] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "gyermekek": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "gyermekek": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } }], "láthatóság": "SCREEN_POP" } },

Kiegészítő információk ablaktábla ügyfélélmény-utazás felületi vezérlővel

Példa:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attributes: Slot", "attributes": "WXM_JOURNEY_TAB" } }], "láthatóság": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "x-cher"-cdgegent "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": ".$,"STORE".app "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } }], { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, {children "tab":at "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "panel"ttribútumok": "e: sdgelo", t": " }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, [slot "comp", "attribute":at "name": "SCREEN_POP_TAB" } }], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": [{lo "comp": "attributes" "SCREEN_POP" } }], "láthatóság": "SCREEN_POP" } "láthatóság": "SCREEN_POP" }, },

Honosítás

Az asztali felhasználói felület 29 nyelven támogatja a lokalizációt.

A támogatott nyelvek a következők:

angol (Egyesült Királyság), angol (USA), bolgár, cseh, dán, finn, francia, holland, horvát, japán, katalán, kínai (Kína), kínai (Tajvan), koreai, lengyel, magyar, német, norvég, olasz, orosz, portugál (Brazília) portugál (Portugália), román, spanyol, svéd, szerb, szlovák, szlovén és török.

Az asztali felhasználói felület nyelve a böngésző nyelvi preferenciáitól függ. Tegyük fel például, hogy a Firefox böngészőben preferált nyelvnek a franciát választotta. Amikor elindítja az asztalt a Firefox böngészőben, az asztali felhasználói felület francia (francia) nyelven jelenik meg. A vízszintes fejléc, a navigációs sáv és az asztali elrendezésben hozzáadott egyéb összetevők azonban nincsenek lokalizálva a böngésző nyelvi beállításai alapján.

Az asztali összetevők lokalizálása

Az asztali összetevők lokalizálásához

  • Használja az app.json fájlban beállított meglévő lokalizációs kulcsokat. Ha a lokalizációs kulcsok nincsenek beállítva, akkor a rendszer az alapértelmezett angol (US) nyelvet használja. Szolgáltatási kérelmet nyújthat be a Cisco ügyfélszolgálatának, hogy adjon hozzá egy lokalizációs kulcsot az app.json fájlhoz.

    Példa: Lokalizációs kulcs

    { "common": { "buttonTitle": "Stop Timer" } }
  • Adja meg a következő, kis- és nagybetűket megkülönböztető tulajdonságot a Desktop Layout JSON-fájlban az összetevő lokalizálásához:

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

    ahol <key> a megfelelő lokalizációs kulcsra utal az app.json fájlban.

Példa: Fejléc komponens lokalizálása

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

Példa: Tab komponens lokalizálása a segédinformációs ablakban

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