Role

Výchozí rozložení JSON má následující tři role.

• Agent – Nastavení rozvržení plochy, které se zobrazí, když se agent přihlásí k ploše kontaktního centra Webex za účelem zpracování aktivit agenta.

• Supervisor – Nastavení rozložení plochy tak, aby se zobrazilo, když se supervizor přihlásí k ploše kontaktního centra Webex tak, aby zpracovával pouze funkce správce.

  Když se nadřízený přihlásí k ploše, použije se rozložení plochy určené pro primární tým. Pokud nezadáte primární tým, použije se globální rozložení. Ve výchozím nastavení jsou přehledy APS zakázány.

• supervisorAgent – Nastavení rozložení plochy, které se zobrazí, když se supervizor přihlásí k ploše kontaktního centra Webex, aby zpracovával funkce správce i aktivity agenta.

Níže jsou uvedeny vlastnosti nejvyšší úrovně pro rozložení JSON na základě role:

{ "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": { ... }, "navigace": { ... }, "perzistentní": { ... }, "bezhlavý": { ... } }, }, "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": { ... }, "navigace": { ... }, "perzistentní": { ... }, "bezhlavý": { ... }, "homePage": { ... } }, } "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": { ... }, "navigace": { ... }, "perzistentní": { ... }, "bezhlavý": { ... } }, } },

appTitle

Určení názvu ve vodorovném záhlaví plochy. Výchozí název je Webex Kontaktní centrum.

Příklad:

"appTitle": "Webex kontaktní centrum"

Název může být text, obrázek nebo prázdný řetězec. Text nadpisu se zobrazí ve dvou řádcích. Pokud text přesahuje druhý řádek, zobrazí se ikona se třemi tečkami a v popisku se zobrazí celý název. Styly nelze použít na titulek.

Můžete použít identifikátory URI dat (Uniform Resource Identifier) nebo hostovat vlastní obrázek titulu v síti pro doručování obsahu (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) nebo podobné hostitelské službě a pak zadat adresu URL hostované image. Podporované formáty titulků jsou PNG, JPG, JPEG, GIF, SVG a WebP. Podporovaná velikost titulního obrázku je 184 x 32 pixelů (šířka x výška).

logo

Chcete-li zadat adresu URL loga společnosti. Pokud adresu URL nezadáte, zobrazí se ve výchozím nastavení logo Webex kontaktního centra.

Příklad:

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

Můžete hostovat vlastní obrázek loga v CDN, Amazon Web Services (AWS), Simple Storage Service (S3) nebo podobné hostitelské službě a pak zadat adresu URL hostovaného obrázku. Podporované formáty obrázků loga jsou PNG, JPG, JPEG, GIF, SVG a WebP. Podporovaná velikost obrázku loga je 96 x 32 pixelů (šířka x výška).

taskPageIllustration

Chcete-li určit vlastní obrázek pro stránku úkolu na základě předvoleb organizace a zarovnání značky. Když se agent přihlásí, stránka úlohy zobrazí nakonfigurovanou ilustraci jako pozadí. Ve výchozím nastavení se stránka úkolu zobrazí bez ilustrace.

Příklad:

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

Můžete použít identifikátory URI dat nebo hostovat vlastní ilustraci v síti pro doručování obsahu (CDN), Amazon Web Services (AWS), Simple Storage Service (S3) nebo podobné hostitelské službě a pak zadat adresu URL hostované ilustrace. Obrázek lze konfigurovat na globální nebo týmové úrovni na základě definice rozložení. Ujistěte se, že jste nakonfigurovali správnou adresu URL, abyste zabránili zobrazení poškozeného obrázku na ploše.

Podporované formáty ilustrací stránky úlohy jsou PNG, JPG, JPEG, GIF, SVG a WebP. Doporučená velikost obrázku je 400 x 400 pixelů (šířka x výška). Pokud je vlastní velikost ilustrace větší než doporučená velikost, upraví se velikost ilustrace na základě poměru stran na stránce úlohy. Pokud je vlastní velikost ilustrace menší než doporučená velikost, skutečná velikost ilustrace zůstane na stránce úlohy zachována.

stopNavigateOnAcceptTask

Chcete-li určit, zda přesunout fokus na nově přijatý úkol, když agent přijme nový úkol při práci na předchozím úkolu. Výchozí hodnota je false.

Příklad:

"stopNavigateOnAcceptTask": false

Pokud je hodnota nastavena jako true, když uživatel přijme nový úkol na ploše, fokus zůstane zachován na předchozí úkol a nepřesune se na nově přijatý úkol. Toto nastavení zabraňuje uživateli ve ztrátě dat při přijímání nového požadavku.

Předpokládejme například, že agent 1 je na chatu se zákazníkem 1 a současně na hlasovém hovoru se zákazníkem 2. Během hlasového hovoru Agent 1 aktualizuje podrobnosti o zákazníkovi 2 v podokně Řízení interakce. V současné době má Agent 1 dvě aktivní úlohy v podokně Seznam úloh a fokus je v podokně Řízení interakce. Když Agent 1 přijme novou žádost o chat od zákazníka 3, fokus zůstane v podokně Řízení interakce se zákazníkem 2 a nepřesune se na nově přijatou žádost o chat.

Chcete-li zachovat fokus na předchozí úloze a nepřejít na nově přijatý úkol, vyberte vlastní rozložení s hodnotou vlastnosti stopNavigateOnAcceptTask nastavenou na true.

Pokud v rozložení JSON není zadána hodnota vlastnosti stopNavigateOnAcceptTask , plocha přesune fokus na nově přijatou úlohu. Chování je podobné tomu, když je hodnota vlastnosti stopNavigateOnAcceptTask nastavena na false.

dragDropEnabled

Chcete-li povolit přetahování a změnu velikosti widgetů na vlastních stránkách, nastavte hodnotu na true. Výchozí hodnota je false.

Příklad:

"dragDropEnabled": false

notificationTimer

Nastavení doby trvání (v sekundách), po jejímž uplynutí budou oznámení na ploše automaticky zrušena. Oznámení se zobrazí v pravém horním rohu plochy. Výchozí hodnota časového limitu je 8 sekund. Platný rozsah hodnot časového limitu je 1 až 10 sekund. Aby se změny časového limitu projevily, musí být prohlížeč po provedení změn aktualizován.

Příklad:

"notificationTimer": 8

maximumNotificationCount

Nastavení počtu oznámení na ploše, která se mají najednou zobrazit na ploše. Výchozí hodnota je 3. Rozsah oznámení na ploše je 1-10. Oznámení na ploše jsou skládaná. Pokud existuje mnoho oznámení, zobrazí se s mírným zpožděním v závislosti na nastavení notificationTimer .

browserNotificationTimer

Chcete-li nastavit dobu (v sekundách), po jejímž uplynutí jsou oznámení toustovače prohlížeče na ploše automaticky zavřena. Toaster je nativní oznámení prohlížeče, které se zobrazí pouze v případě, že plocha není aktivním oknem nebo kartou prohlížeče. Okno nebo karta prohlížeče na ploše je neaktivní, pokud

• Pracujete v jiných oknech nebo kartách prohlížeče.

• Pracujete v jiných aplikacích.

• Minimalizovali jste okno prohlížeče na ploše.

Oznámení se zobrazí v pravém horním rohu plochy. Výchozí hodnota časového limitu je 8 sekund. Doporučený rozsah hodnot časového limitu je 5 až 15 sekund. Aby se změny časového limitu projevily, musí být prohlížeč po provedení změn aktualizován.

Příklad:

"browserNotificationTimer": 8

wxmConfigured

(Volitelné) Chcete-li nakonfigurovat Webex Experience Management, nastavte hodnotu na true. Výchozí hodnota je false.

Příklad:

"wxmConfigured": pravda

desktopChatApp

Konfigurace více chatovacích aplikací nabízených společností Cisco, například Webex App.

webexConfigured

Webex aplikaci spolu s funkcemi zasílání zpráv a schůzek lze konfigurovat v rámci plochy. Tato konfigurace umožňuje agentům spolupracovat s dalšími agenty, supervizory a odborníky na danou problematiku (MSP) v jejich organizaci, aniž by museli opustit plochu.

Konfigurace Webex aplikace na ploše:

• V Cisco Webex Control Hub při přidávání služeb pro uživatele zaškrtněte políčko Rozšířené zasílání zpráv (Uživatelé > Spravovat uživatele > Služby > Zasílání zpráv). Další informace naleznete v tématu Správa uživatelských účtů v Cisco Webex Správa webu.

• Ve vlastním rozložení plochy nastavte hodnotu vlastnosti webexConfigured na true.

  Příklad:

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

  Výchozí hodnota vlastnosti webexConfigured je false.

  Aplikace Webex je k dispozici pro role agenta, supervizora a supervizora pouze v případě, že nastavíte hodnotu vlastnosti webexConfigured na hodnotu true pro každou z těchto rolí. Agent, supervizor nebo supervisorAgent se nemůže odhlásit z Webex aplikace.

  Chcete-li zobrazit (Webex) na vodorovném záhlaví plochy zadejte hodnotu webex do vlastnosti headerActions . Další informace naleznete v tématu headerActions.

  Chcete-li povolit Webex aplikaci pro konkrétní tým, vyberte vlastní rozložení s hodnotou vlastnosti webexConfigured nastavenou na true. Další informace naleznete v tématu Vytvoření týmu.

Aplikaci můžete Webex nakonfigurovat také v podokně Pomocné informace, vlastní stránce a vlastním widgetu. Další informace naleznete v tématu Podokno pomocných informací.

Webex oznámení aplikace

Hodnoty zadané pomocí vlastností notificationTimer a browserNotificationTimer pro časovač oznámení platí pro Webex aplikaci. Výchozí hodnota časového limitu je pro tyto vlastnosti 8 sekund. Další informace naleznete v tématech notificationTimer a browserNotificationTimer.

headerActions

Změna pořadí ikon na vodorovném záhlaví plochy. Výchozí pořadí je následující:

1. (Webex)

2. (Odchozí hovor)

3. (Centrum oznámení)

Nastavte hodnotu vlastnosti headerActions následujícím způsobem:

Příklad:

Chcete-li změnit výchozí pořadí ikon, zadejte vlastnost headerActions a hodnoty ve vlastním rozložení.

Příklad:

oblast

Vlastnost oblasti je základní částí rozvržení plochy. Rozvržení můžete definovat podle oblasti.

"area": { "header": { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "skript": .... } }, "panel": { ... }, "navigace": { ... }, "perzistentní": { ... }, "bezhlavý": { ... } },

Můžete nakonfigurovat následující objekty oblasti :

• Panel: Představuje druhý panel nebo zcela vpravo v panelu Pomocné informace.

• Navigace: Představuje vlastní stránky a jejich navigační prvky, které souvisejí se stránkami.

• Trvalé: Představuje widgety na úrovni stránky, které jsou trvalé a zobrazují se na všech stránkách plochy.

• Headless: Představuje widgety, které nemají vizuální rozhraní, ale spouštějí logiku na pozadí.

advancedHeader

Přizpůsobení viditelnosti a změna pořadí ikon na vodorovném záhlaví plochy. Výchozí pořadí je následující:

1. (Webex)

2. (Odchozí hovor)

3. (Centrum oznámení)

4. (Výběr stavu agenta)

Nastavte hodnotu vlastnosti advancedHeader následujícím způsobem:

Příklad:

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

Chcete-li změnit výchozí pořadí ikon, zadejte vlastnost advancedHeader a hodnoty ve vlastním rozložení.

Widgety přecházejí do rozbalovací nabídky zleva doprava.

Atributy pro trvalé karty

Chcete-li nastavit karty na vlastních stránkách a vlastních widgetech jako trvalé, zadejte atributy pro md-tabs ve vlastním rozvržení.

Příklad: Nastavte karty jako trvalé

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unique-id pro všechny karty společně v kontejneru" }, }

Když nastavíte md-tabs jako trvalé (perist-selection: true), Agent Desktop zachová výběr karet, i když agent přepíná mezi stránkami nebo widgety na ploše.

The Více karet rozevírací seznam se zobrazí automaticky, když podokno Pomocné informace obsahuje více karet.

Pro čitelnost a usnadnění musíte přidat vlastní nápovědu pro kartu. Chcete-li přidat nápovědu pro vlastní kartu, zabalte komponentu md-tooltip. Zadejte informace nápovědy do zpráva vlastnost a použít styl hodnoty vlastností, jak je uvedeno v následujícím příkladu.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Ukázková karta 1", "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap"; display },

Chcete-li povolit funkci přetažení na vlastní kartě, přidejte následující vlastnost do atributy:

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

• přetahovatelné : Nastavte přetahovatelné hodnotu nemovitosti do věrný.

• comp-unique-id : Zadejte jedinečnou hodnotu pro identifikaci součásti.

  Příklad:

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

Pokud povolíte přetahování pro vlastní kartu, agent může kartu přetáhnout na požadované místo v podokně Pomocné informace. Chcete-li obnovit výchozí pořadí karet, přidejte následující vlastnost:

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

• agentx-wc-more-actions-widget : Zadejte komponentu, která je zobrazena jako Další akce () v podokně Pomocné informace.

• slot="settings": Zadejte atribut v rámci komponenty, který se zobrazí jako možnost Resetovat pořadí karet v rozevíracím seznamu Další akce . Agenti mohou resetovat karty v podokně Pomocné informace na výchozí pořadí kliknutím na > Obnovit pořadí karet.

• tabs-unique-id: Zadejte stejnou jedinečnou hodnotu definovanou pro vlastnost comp-unique-id pro mapování a resetování komponent md-tabs .

Následující ukázkový kód používá funkce Další akce a Obnovit pořadí karet .

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comptributes": "content"":", "{"comptributes": "div": "slot": "custom-action" }, "children": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } ] }], }

Rozbalovací seznam Další akce lze po volbě Obnovit pořadí karet rozšířit a přidat další vlastní komponenty nebo widgety. Následuje ukázková sada hodnot vlastností style , které lze použít na další komponenty.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Ukázkový prvek", "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: elipsa; white-space: nowrap"bottom margin: -1line-bottom; display: inline },

• Nakonfigurujte a získejte přístup k widgetu Metriky správy zákaznických zkušeností z navigačního panelu

• Použití karet na vlastní stránce

• Výchozí panel pomocných informací s historií kontaktů a kontextovou obrazovkou

• Panel pomocných informací s widgetem Journey Customer Experience

Nakonfigurujte a získejte přístup k widgetu Metriky správy zákaznických zkušeností z navigačního panelu

Příklad:

{ "nav": { "label": "Metriky správy dojmu zákazníků", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": { "comp1": "w: "comp": "agentx-wc-cloudcherry-widget", "attributes": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE", ".agent":". "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } } }, "areasp":1"]"]"] "size": { "cols": [1], "rows": [1] } } } },

Použití karet na vlastní stránce

Příklad:

{ "nav": { "label": "Dynamické karty", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp1": {", "comp1": ": [{ "comp": "md-tab", "textContent": "Jedna", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [#t-comp""", "wizdej": "wizdej" }] }, { "comp": "md-tab", "textContent": "Dva", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Dva obsah", "attributes": { "slot": "panel]]p2": " } "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } }

Výchozí panel pomocných informací s historií kontaktů a popsanou obrazovkou

Příklad:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tabslotren" }, "{children": "{children": "{children": "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp" {ACTtributes"IS": "YCONT": "název_ACT"IS": YCON } }] }, ] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget}": "widget}" "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "comwidget, "dslo":{}", "widget, "dslo":{}" "attributes": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } },

Panel pomocných informací s widgetem Journey Customer Experience

Příklad:

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot": "WXM_JOURNEY_TAB" } }], "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": "-c "widget-wchergent" "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkSTOREwrapper": "$}": "$STORE.agent.teamName". "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } }], { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": "children": { "mdtributes": { " "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel":" "panelttributes": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget" [panel: ""widget"{} "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "comwidget, "dslo":{}", "widget, "dslo":{}" "attributes": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } "visibility": "SCREEN_POP" }, },