Áttekintés

Az Asztali elrendezés funkció lehetővé teszi a Webex Contact Center asztal konfigurálását az üzleti követelmé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 asztali környezet három személyiséget 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 egyéni asztali elrendezést használó csapatok esetében a rendszergazdáknak rendszeresen frissíteniük kell az elrendezés definícióját, hogy új funkciókat tartalmazzanak. Amikor a rendszergazdák módosítatlan elrendezést vagy módosítatlan elrendezést használó csoportot tekintenek meg, megjelenik egy üzenet, amely jelzi, hogy a rendszer automatikusan alkalmazza az új asztali funkciókat.

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 a Webex Contact Center emblémát és nevet (alapértelmezett) jeleníti meg 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 Tab (Kiegészítő információk ablaktáblán) 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, amikor egy felügyelő bejelentkezik a Webex Contact Center asztalra, 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 asztalra, hogy kezelje mind a felügyeleti képességeket, mind az ügynöki tevékenységeket.

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 a 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 cím: Webex Contact Center.

Példa:

"appTitle": "Webex Contact Center"

Az alapértelmezett appTitle a Contact Center Desktop értékről Webex Contact Center értékre módosul. 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 Webex Contact Center értéket használja.

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 (igaz) legyen.

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

  • Ez a beállítás az asztalon végrehajtott összes feladatra (hang- és digitális csatornákra) vonatkozik – például feladatok elfogadására, konferenciára, konzultációra vagy átadásra, valamint tárcsázó hívásokra, kimenő kampányhívásokra, automatikus összegzésre stb.
  • A beállítás nem érvényes, ha az asztali felhasználó a Home lapon van, és nincs aktív feladat a Feladatlista ablaktáblán. Ilyen esetben, amikor egy új feladatot elfogadnak, a fókusz a Home oldalról az újonnan elfogadott feladatra helyeződik át.

dragDropEnabled

Ha engedélyezni szeretné a widgetek húzását és átméretezését az egyéni oldalakon, állítsa az értéket true (igaz ) értékre. Az alapértelmezett érték hamis.

Példa:

"dragDropEnabled": hamis

A húzási funkció engedélyezéséről a Kiegészítő információk ablaktábla lapjain további információt a Kiegészítő információk ablaktábla című témakörben talál.

notificationTimer

Annak az időtartamnak a beállítása (másodpercben), amely után a rendszer automatikusan elveti az asztalon lévő asztali értesítéseket. 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. Ahhoz, hogy az időtúllépési módosítások érvénybe lépjenek, a módosításokat követően 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 halmozva vannak. Ha sok értesítés van, azok a notificationTimer beállításaitól függően kis késéssel jelennek meg.

Példa:

"maximumNotificationCount": 3

browserNotificationTimer

Annak az időtartamnak a beállítása (másodpercben), amely után a böngésző bejelentési értesítései az asztalon automatikusan eltűnnek. A bejelentés 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 a Tab. Az asztali böngészőablak vagy a Tab inaktív, ha

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

  • Ön más alkalmazásokon dolgozik;

  • Kis méretűre állította az asztali böngésző ablakát.

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. Ahhoz, hogy az időtúllépési módosítások érvénybe lépjenek, a módosításokat követően frissíteni kell a böngészőt.

Példa:

"browserNotificationTimer": 8

A böngészőértesítések beállított időkorlátja 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

(Nem kötelező) A Webex Experience Management beállításához állítsa az értéket true értékre. Az alapértelmezett érték hamis.

Példa:

"wxmConfigured": igaz

desktopChatApp

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

webexKonfigurált

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

  • A webhely rendszergazdája kezeli a Webex Meeting felhasználókat, és csak akkor rendel jogosultságokat, ha a felhasználók Webex Enterprise Edition kiadással rendelkeznek. További információ: Webex Meetings felhasználók kezelése a Cisco Webex Control Hub.
  • A felügyeleteknek és a kkv-knak le kell tölteniük a Webex ügyfelet a rendszerükre (személyes eszközükre), vagy hozzá kell férniük a Webex alkalmazáshoz a Webex App for Web ( https://web.webex.com/) használatával. További információ: Az alkalmazás letöltése.
  • A Webex alkalmazást a Agent Desktop-on belül érheti el, hogy együttműködjön szervezete más ügynökeivel, felügyelőivel és témaszakértőivel (kkv-k) anélkül, hogy elnavigálna a Agent Desktop. 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 alkalmazásra van szükség. 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 esetben, amikor szolgáltatásokat ad hozzá egy felhasználóhoz, jelölje be a Speciális üzenetküldés jelölőnégyzetet (Felhasználók > Felhasználók kezelése> Szolgáltatások > Üzenetek). További információ: Felhasználói fiókok kezelése a Cisco Webex webhelyfelügyeletben.

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

    Példa:

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

    A webexConfigured tulajdonság alapértelmezett értéke hamis.

    Webex Az alkalmazás csak akkor érhető el az ügynök, a felügyelő és a supervisorAgent szerepkörök számára, ha a webexConfigured tulajdonságértéket true értékre állítja ezen szerepkörök mindegyikéhez. Az ügynök, a felügyelő vagy a supervisorAgent nem tud kijelentkezni a Webex alkalmazásból.

    Megjeleníteni a Webex ikon (Webex) ikonra az asztal vízszintes fejlécén, írja be a Webex értéket a headerActions tulajdonságba. További információ: headerActions.

    Ha engedélyezni szeretné a Webex alkalmazást egy adott csapat számára, válassza ki az egyéni elrendezést, és a webexConfigured tulajdonság értéke true (igaz )értékre van állítva. További tájékoztatás: Csapat létrehozása.

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

Webex Alkalmazásértesítés

Az értesítési időzítő notificationTimer és browserNotificationTimer tulajdonságaival megadott értékek a 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 ikon (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", "tárcsázás", "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 a 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 a Webex alkalmazáshoz, bár a 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 ikonja 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 ikon (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állapot-választó. (Ü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 a 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 a Webex alkalmazáshoz, bár a 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 ikonja 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.

Home Oldal

Amikor bejelentkezik az asztalra, a Home oldalra kerül.

A Home oldal csak a felügyelőkre és a felügyelőügynök személyekre vonatkozik.

A következő widgeteket tekintheti meg a Home oldalon. 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 Home oldalán jelenik meg.

Home Lapelrendezés beállításai

Az asztal Home 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 Home oldal konfigurálásához. A következő összetevőket konfigurálhatja úgy, hogy megjelenjenek a Home 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.

Az alábbi táblázat a Home lap konfigurálásához szükséges laptulajdonságokat ismerteti:

2. táblázat. Dinamikus Home oldalelrendezé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", "attributes": { "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], "sorok": [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 az ügynökök alapértelmezett céloldalát a Agent Desktop. Á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-be 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 egyetlen navigációs sávoldalon sincs igaz értékre állítva ez a tulajdonság, akkor a Home oldal 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, IVR átirat, 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: Egyetlen Tab fejléc

    • md-tab-panel: Egyetlen Tab tartalom

Az állandó Tab 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 tekintse meg az Aszinkron események szakaszt a Cisco Webex Contact Center Desktop Developer ügynökkapcsolati modul fejezetében.

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 Tab kijelö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-statisztikák jelentés oldal lapjaira, mert az állandó Tab viselkedés már be van állítva az asztalon.
  • A Tab kijelölés visszaáll az alapértelmezett Tab-re, 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 Tab-ké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 Home oldalon, mint a többi oldalon. Ha azonban aktív interakcióval rendelkezik, az állandó widgetek a Home oldalon jelennek meg a Kiegészítő információk ablaktábla részeként. 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:

  • Host an application on a web page that can be embedded within an iframe.

  • Build a custom widget.

The technical widget requirements are described in the Desktop Widget Development Documentation. As a layout editor, ensure that you have these details:

  • What is the name of the custom HTML element (known as Web Component)?

  • What is the URL to the content delivery network (CDN) source that hosts the JavaScript bundle?

Header Widgets

The header is used to display inline information, to add drop-down menus, and so on. As the header container has limited vertical space, the overall header height is only 64 pixels. For more information on the layout alignment, see the layout property section.

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

To add a tooltip for a header widget, wrap the component with md-tooltip. Enter tooltip information in the message property.

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

You must add the style attributes display and height to configure any widgets through iFrame in the customizable widget area in the header. The best fit value of the height attribute is 64 pixels.

Ensure that you add the style attributes to the existing header widgets for them to load as expected within the iFrame.

Példa:

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

We recommend that you use only a single row with multiple columns for the header because the header height is only 64 pixels. For more information on the alignment, see the layout property section.

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

The Auxiliary Information pane of the Desktop displays the tabs which include the Cisco-offered (default) widgets and custom widgets. The following Cisco-offered widgets appear in the predefined tabs:

  • Contact History

  • IVR-átirat

  • Customer Experience Journey

  • Előugró képernyő

You can use the Auxiliary Information pane to:

  • Add tabs

  • Change the tab order

  • Remove predefined tabs

  • Mark the custom tabs as draggable

  • Add tooltips to the custom tabs

  • Add the Reset Tab Order option

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" }, "children": [{ "comp": "md-icon", "attributes": { "name": "pop-out_16" } }, { "comp": "span", "textContent": "Screen Pop" } ], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" }], }, { "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Custom Widget" } ] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "dynamic-area", "properties": { "area": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Widget title", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"], ["comp2"] ], "size": { "cols": [1], "rows": [1, 1] } } } } }] } ] },

You can configure the Customer Experience Journey widget after you enable the Customer Experience Management Metrics on the Management Portal.

In the Auxiliary Information pane, add new tabs to place your custom widgets. No special rules apply here and the component nesting is as expected and described in the children section. For more information, see the Children property of the page.

The following are the specific examples to customize your tab headers:

Example to Place Icons and Labels in the Children Property

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

Example to Place Image (with CSS) and Labels in the Children Property

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

The More Tabs drop-down list appears automatically when the Auxiliary Information pane contains multiple tabs.

You must add a custom tab tooltip for readability and accessibility. To add a tooltip for a custom tab, wrap the component with md-tooltip. Enter the tooltip information in the message property and apply the style property values as shown in the following example.

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

For a custom tab, we recommend a maximum width of 252 pixels and a minimum width of 110 pixels.

To enable the drag-and-drop feature within the custom tab, add the following property within the attributes:

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },
  • draggable: Set the draggable property value to true.

  • comp-unique-id: Enter a unique value to identify the component.

    Példa:

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

If you enable drag-and-drop for a custom tab, the agent can drag and drop the tab to the required position within the Auxiliary Information pane. To reset the tabs to the default tab order, add the following property:

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
  • agentx-wc-more-actions-widget: Enter the component that is displayed as the More Actions (More actions icon) icon in the Auxiliary Information pane.

  • slot="settings": Adjon meg egy attribútumot az összetevőn belül, amely # Tab sorrend visszaállítása opcióként jelenik meg a További műveletek legördülő listában. 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 > Tab 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 Tab 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 elemleírás, a három pont ikon és az előre definiált lapok Tab sorrendjének visszaállítása meg van adva.

A További műveletek legördülő lista kiterjeszthető további egyéni összetevők vagy widgetek hozzáadására a Tab 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 szakaszban 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 megnyit egy egyéni CRM képernyőt 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 neveznek.

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

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 a Webex Contact Center.

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.envVaribles.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", "attributes":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // tartalmazza a CDN-t link 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

  • Tab-ként a Kiegészítő információk ablaktáblában

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

A Felbukkanó képernyőt beállíthatja úgy, hogy Tab-ként jelenjen meg a Kiegészítő információk ablaktáblán.

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

Adja hozzá a következő attribútumot a panelszakaszhoz , hogy a Képernyő felbukkanása Tab-ként szerepeljen a Kiegészítő információk ablaktáblában. 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 Tab-ké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", "attribútumok": { "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őben Tab
  • Asztali elrendezés – Tab a Kiegészítő információk ablaktáblán

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

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óját.

Lapok használata az egyéni oldalon

Példa:

{ "nav": { "label": "Dinamikus lapok", "ikon": "tárolt-információ", "iconType": "lendület", "navigateTo": "dinamikus lapok", "igazítás": "felső" }, "oldal": { "id": "oldal-id-tabs", "widgetek": { "comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "One", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "widget-two", "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js" }] }, { "comp": "md-tab", "textContent": "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" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "attribútumok": { "slot": "panel", "class": "widget-pane" }, "children": [{ "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": { "name": "WXM_JOURNEY_TAB" } }], "láthatóság": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "agentx-wc-cloudcherry-widget", "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } }], { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attribútumok": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "láthatóság": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "név": "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 honosítást.

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 beállításain alapul. 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 Asztal felhasználói felülete Français (francia) nyelven jelenik meg. A vízszintes fejléc, a navigációs sáv és az asztali elrendezéshez hozzáadott egyéb összetevők azonban nincsenek honosítva a böngésző nyelvi beállításai alapján.

Asztali összetevők honosítása

Az asztali összetevők honosításához

  • Használja a app.json fájlban beállított meglévő honosítási kulcsokat. Ha a honosítási kulcsok nincsenek beállítva, a rendszer az alapértelmezett angol (US) nyelvet használja. Szolgáltatáskérést küldhet a Cisco ügyfélszolgálatának, hogy honosítási kulcsot adjon a app.json fájlhoz.

    Példa: Lokalizálási 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 egy összetevő honosításához:

    "textContent": "$I 18N.<kulcs>", 

    where <key> a app.json fájl megfelelő honosítási kulcsára utal.

Példa: Fejlécösszetevő honosítása

"header": { "id": "fejléc", "widgetek": { "head1": { "comp": "md-button", "attributes": { "slot": "menü-trigger", "style": "magasság: 64px" }, "gyermekek": [{ "comp": "span", "textContent": "$I 18N.common.buttonTitle", } }, }, }

Példa: A Tab összetevő honosítása a Kiegészítő információk ablaktáblában

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