Role

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

• Agent – Nastavení rozvržení plochy, které se zobrazí po přihlášení agenta k ploše Webex Contact Center za účelem zpracování aktivit agenta.

• Supervizor – Nastavení rozvržení plochy, které se zobrazí po přihlášení supervizora k ploše Webex Contact Center, aby bylo možné zpracovávat pouze funkce supervizora.

  Když se supervizor přihlásí k ploše, použije se rozvržení plochy určené pro primární tým. Pokud neuvedete primární tým, použije se globální rozvržení. Ve výchozím nastavení jsou zprávy APS zakázány.

• supervisorAgent – Nastavení rozvržení plochy, které se zobrazí po přihlášení supervizora k ploše Webex Contact Center, a to jak pro funkce supervizora, tak pro aktivity agenta.

Následují vlastnosti nejvyšší úrovně pro rozvrž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": { ... }, "trvalý": { ... }, "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": { ... }, "trvalý": { ... }, "bezhlavý": { ... }, "domovskáPage": { ... } }, } "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": { ... }, "trvalý": { ... }, "bezhlavý": { ... } }, } },

appTitle

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

Příklad:

"appTitle": "Webex Contact Center"

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

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í okno prohlížeče nebo Tab. Okno prohlížeče plochy nebo Tab 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

Aplikaci Webex 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 aplikace Webex na ploše:

• Při přidávání služeb pro uživatele v Cisco Webex Control Hub zaškrtněte políčko Rozšířené zasílání zpráv (Uživatelé > Správa uživatelů > Služeb > Zasílání zpráv). Další informace naleznete v tématu Správa uživatelských účtů v programu 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 aplikace Webex.

  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 App 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 Webex můžete nakonfigurovat také v podokně Pomocné informace, na vlastní stránce a ve 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 App. 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 karty md ve vlastním rozvržení.

Příklad: Nastavení karet jako trvalých

{ "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é (persist-selection: true), Agent Desktop zachová výběr Tab i v případě, že agent přepíná mezi stránkami nebo widgety na ploše.

Rozevírací seznam Další karty se zobrazí automaticky, pokud podokno Pomocné informace obsahuje více karet.

Musíte přidat vlastní Tab popisek pro čitelnost a přístupnost. Chcete-li přidat popisek pro vlastní Tab, zabalte komponentu pomocí příkazu md-tooltip. Zadejte informace popisku ve vlastnosti zprávy a použijte hodnoty vlastnosti style , jak je znázorněno v následujícím příkladu.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Tab 1", "style": "max-width: 252px; min-šířka: 110px; přetečení: skryté; přetečení textu: elipsa; mezera: nowrap; displej: vložený blok; margin-bottom: -10px;" },

Chcete-li povolit funkci přetažení v rámci vlastního Tab, přidejte do atributů následující vlastnost:

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

• draggable: Nastavte hodnotu vlastnosti draggable na true.

• comp-unique-id: Zadejte jedinečnou hodnotu pro identifikaci komponenty.

  Příklad:

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

Pokud povolíte přetažení pro vlastní Tab, agent může přetáhnout Tab na požadované místo v podokně Pomocné informace. Chcete-li obnovit výchozí pořadí karet Tab, 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á se zobrazí jako Další akce () v podokně Pomocné informace.

• slot="settings": Zadejte atribut v rámci komponenty, který je zobrazen jako možnost Obnovit pořadí Tab v rozevíracím seznamu Další akce . Agenti mohou obnovit karty v podokně Pomocné informace na výchozí pořadí kliknutím na tlačítko > Reset Tab pořadí.

• 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 Tab pořadí .

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

Rozevírací seznam Další akce lze rozšířit o další vlastní komponenty nebo widgety po možnosti Obnovit pořadí Tab. Následuje ukázková sada hodnot vlastností stylu , které lze použít na další komponenty.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-šířka: 110px; přetečení: skryté; přetečení textu: elipsa; mezera: nowrap; displej: vložený blok; margin-bottom: -10px;" },

• Konfigurace a přístup k widgetu metrik správy zkušeností zákazníků z navigačního panelu

• Používání karet na vlastní stránce

• Výchozí podokno pomocných informací s historií kontaktů a vyskakovacím oknem obrazovky

• Pomocné informační podokno s pomůckou Cesta zkušeností zákazníků

Konfigurace a přístup k widgetu metrik správy zkušeností zákazníků z navigačního panelu

Příklad:

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

Používání karet na vlastní stránce

Příklad:

{ "nav": { "label": "Dynamic Tabs", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "One", "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": "Two", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "textContent": "Two Content", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } }

Výchozí podokno pomocných informací s historií kontaktů a pop obrazovky

Příklad:

"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" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } },

Pomocné informační podokno s pomůckou Cesta zkušeností zákazníků

Příklad:

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