Роли

Оформлението по подразбиране JSON има следните три роли.

• Агент — за да настроите оформлението на работния плот да се показва, когато агент влезе в работния плот на Webex Contact Center, за да обработва дейностите на агента.

• Надзорник — за да настроите оформлението на работния плот да се показва, когато ръководител влезе в работния плот на Webex Contact Center, за да обработва само възможностите на надзорния орган.

  Когато ръководител влезе в работния плот, се прилага оформлението на работния плот, което е определено за основния екип. Ако не предоставите основен екип, се прилага глобалното оформление. По подразбиране отчетите за APS са деактивирани.

• Supervisoragent — за да настроите оформлението на работния плот да се показва, когато ръководител влезе в работния плот на Webex Contact Center, за да се справя както с възможностите на надзорния орган, така и с дейностите на агента.

Следват свойствата от най-високо ниво за JSON оформление въз основа на ролята:

{
    "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": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    },
    "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": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            },
            "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": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    }
},

Заглавие на приложението

За да зададете заглавие в хоризонталната заглавка на работния плот. Заглавието по подразбиране е Webex Contact Center.

Пример:

"appTitle": "Webex Contact Center"

Заглавието може да бъде текст, изображение или празен низ. Текстът на заглавието се появява в два реда. Ако текстът се простира отвъд втория ред, се показва икона за елипса, а подсказката показва пълното заглавие. Стиловете не могат да се прилагат към заглавието.

Можете или да използвате URI за данни (Uniform Resource Identifier) или да хоствате персонализирано заглавие в мрежа за доставка на съдържание (CDN), кофа за проста услуга за съхранение на Amazon Web Services (AWS) (S3) или подобна хостинг услуга и след това да посочите URL адреса на хостваното изображение. Поддържаните формати на изображения на заглавието са PNG, JPG, JPEG, GIF, SVG и WebP. Поддържаният размер на изображението на заглавието е 184 x 32 пиксела (ширина х височина).

лого

За да зададете URL адрес за логото на компанията. Ако не предоставите URL адрес, логото на Webex Contact Center се показва по подразбиране.

Пример:

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

Можете да хоствате изображение на персонализирано лого в кофа CDN, Amazon Web Services (AWS) Simple Storage Service (S3) или подобна хостинг услуга и след това да зададете URL адреса на хостваното изображение. Поддържаните формати на изображения на логото са PNG, JPG, JPEG, GIF, SVG и WebP. Поддържаният размер на изображението на логото е 96 x 32 пиксела (ширина х височина).

Страница на задачите Илюстрация

За да зададете персонализирана илюстрация за страницата със задачите въз основа на предпочитанията на организацията и подравняването на марката. Когато агент влезе, страницата със задачата показва конфигурираната илюстрация като фон. По подразбиране страницата със задачите се появява без илюстрация.

Пример:

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

Можете да използвате URL адреси за данни или да хоствате персонализирана илюстрация в мрежа за доставка на съдържание (CDN), кофа за проста услуга за съхранение на Amazon Web Services (AWS) (S3) или подобна хостинг услуга и след това да посочите URL адреса на хостваната илюстрация. Илюстрацията може да бъде конфигурирана на глобално или екипно ниво въз основа на дефиницията на оформлението. Уверете се, че сте конфигурирали правилния URL адрес, за да предотвратите показването на счупеното изображение на работния плот.

Поддържаните формати за илюстрация на страници със задачи са PNG, JPG, JPEG, GIF, SVG и WebP. Препоръчителният размер на илюстрацията е 400 x 400 пиксела (ширина х височина). Ако персонализираният размер на илюстрацията е по-голям от препоръчителния размер, размерът на илюстрацията се коригира въз основа на съотношението на страните в страницата на задачата. Ако персонализираният размер на илюстрацията е по-малък от препоръчителния размер, действителният размер на илюстрацията се запазва на страницата на задачата.

СпреНавигиранеПриемащая задачата

За да се определи дали да се премести фокусът към новоприета задача, когато агентът приеме новата задача, докато работи по предишна задача. Стойността по подразбиране е нев яр на.

Пример:

"stopNavigateOnAcceptTask": false

Ако стойността е зададена като вяр на, когато потребителят приеме нова задача на работния плот, фокусът се запазва върху предишната задача и не се премества към новоприетата задача. Тази настройка предотвратява загубата на данни на потребителя при приемане на нова заявка.

Например, помислете, че Агент 1 е в чат с Клиент 1 и едновременно на гласово обаждане с Клиент 2. По време на гласовото обаждане Агент 1 актуализира подробностите за клиент 2 в екрана за контрол на взаимодействието. Понастоящем Агент 1 има две активни задачи в екрана Списък със задачи и фокусът е върху екрана Контрол на взаимодействието. Когато Агент 1 приеме нова заявка за чат от Клиент 3, фокусът остава върху екрана за контрол на взаимодействието с клиент 2 и не преминава към новоприетата заявка за чат.

За да запазите фокуса върху предишната задача и да не преминете към новоприетата задача, изберете персонализираното оформление със стойността на свойството StopNavigateOnAcceptTask, зада дена на true.

Ако стойността на свойството StopNavigateOnAcceptTask не е въведена в оформлението JSON, работният плот премества фокуса към новоприетата задача. Поведението е подобно на това, когато стойността на свойството StopNavigateOnAcceptTask е зададена на false.

DragDropИзключено

За да активирате плъзгането и пускането и преоразмеряването на джаджите на персонализираните страници, задайте стойността на true. Стойността по подразбиране е нев яр на.

Пример:

"dragDropEnabled": false

Таймер за известия

За да зададете продължителността (в секунди), след която известията на работния плот на работния плот автоматично се отхвърлят. Известието се появява в горния десен ъгъл на работния плот. Стойността на изтичането по подразбиране е 8 секунди. Валидният диапазон за стойностите на изтичането на времето е 1-10 секунди. За да влязат в сила промените в тайма, браузърът трябва да бъде освежен след извършване на промените.

Пример:

"notificationTimer": 8

Максимален брой нотификации

За да зададете броя на известията на работния плот, които да се показват в даден момент на работния плот. Стойността по подразбиране е 3. Обхватът на известия за настолни компютри е 1-10. Известията на работния плот са подредени. Ако има много известия, те се появяват с леко забавяне в зависимост от настройките на NotificationTimer.

БраузърНотификацияТаймер

За да зададете продължителността (в секунди), след което известията за тостера на браузъра на работния плот автоматично се отхвърлят. Тостер е известие за родния браузър, което се появява само ако работният плот не е активният прозорец или раздел на браузъра. Прозорецът или разделът на браузъра на работния плот е неактивен, когато

• Работите върху други прозорци или раздели на браузъра.

• Работите върху други приложения.

• Минимизирахте прозореца на браузъра на работния плот.

Известието се появява в горния десен ъгъл на работния плот. Стойността на изтичането по подразбиране е 8 секунди. Препоръчителният диапазон за стойностите на изтичането на времето е 5-15 секунди. За да влязат в сила промените в тайма, браузърът трябва да бъде освежен след извършване на промените.

Пример:

"browserNotificationTimer": 8

WXM Конфигуриран

(Незадължително) За да конфигуриратеWebex Experience Management, задайте стойността на true. Стойността по подразбиране е нев яр на.

Пример:

"wxmConfigured": true

Приложение за чат на работния плот

За да конфигурирате множество приложения за чат, предлагани от Cisco, като Webex App.

WebКонфигуриран

Приложението Webex заедно с неговите функции за съобщения и срещи могат да бъдат конфигурирани в работния плот. Тази конфигурация позволява на агентите да си сътрудничат с други агенти, надзорни органи и експерти по темата (МСП) в тяхната организация, без да се отдалечават от работния плот.

За да конфигурирате приложението Webex в работния плот:

• ВCisco Webex Control Hub, когато добавяте услуги за потребител, поставете отметка в квадратчето Разши рени съобщ ения (Потребители > Управление на потребители > У слуги > Съ общ ения). За повече информация вижте Управление на потребителски акаунти в Администри Cisco Webex ране на сайтове.

• В персонализираното оформление на работния плот задайте стойността на свойството WebEx Configure на true.

  Пример:

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

  Стойността по подразбиране на свойството WebExConfigure е нев ярна.

  Приложението Webex е достъпно за ролите на агент, надзорник и SupervisorAgent само ако зададете стойността на свойството WebExConfigure на вяр на за всяка от тези роли. Агентът, надзорният орган или SupervisorAgent не могат да излязат от приложението Webex.

  За да покажете иконата (Webex) в хоризонталната заглавка на работния плот, въведете стойността webex в свойството HeaderActions. За повече информация вижте Действия на за главката.

  За да активирате приложението Webex за конкретен екип, изберете персонализираното оформление със стойността на свойството WebExConfigure, зададена на true. За повече информация вижте Съ здаване на екип.

Можете също да конфигурирате Webex App в екрана за допълнителна информация, персонализирана страница и потребителска джаджа. За повече информация вижте Екран ът за допълнителна информация.

Известие за приложението Webex

Стойностите, зададени с помощта на свойствата NotificationTimer и BrowserNotificationTimer за таймера за уведомяване, са прилож ими за Webex App. Стойността на изтичането по подразбиране е 8 секунди за тези свойства. За повече информация вижте NotificationTimer и BrowserNotificationTimer.

ЗаглавиДействия

За да промените реда на иконите в хоризонталната заглавка на работния плот. Редът по подразбиране е както следва:

1. (Уебекс)

2. (Външно обаждане)

3. (Център за уведомяване)

Задайте стойността на свойството headerActions, както следва:

Пример:

За да промените реда по подразбиране на иконите, въведете съответно свойството HeaderActions и стойностите в персонализираното оформление.

Пример:

площ

Свой ството област е основната част на оформлението на работния плот. Можете да дефинирате оформлението според областта.

"area": {
    "header": {
        ...
    },
    "advancedHeader: {
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
    },
    "panel": {
        ...
    },
    "navigation": {
        ...
    },
    "persistent": {
        ...
    },
    "headless": {
        ...
    }
},

Можете да конфигурирате следните области обекти:

• Панел: Представлява втория панел или най-десния панел в екрана Спомагателна информация.

• Навигация: Представлява персонализирани страници и техните навигационни елементи, които са свързани със страниците.

• Постоянно: Представлява джаджи на ниво страница, които са постоянни и се показват на всички страници на работния плот.

• Headless: Представлява джаджите, които нямат визуален интерфейс, но изпълняват логика във фонов режим.

Усъвършенствано заглавие

За да персонализирате видимостта и да промените реда на иконите в хоризонталната заглавка на работния плот. Редът по подразбиране е както следва:

1. (Уебекс)

2. (Външно обаждане)

3. (Център за уведомяване)

4. (Селектор на държавата на агента)

Задайте стойността на свойството AdvancedHeader, както следва:

Пример:

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

За да промените реда по подразбиране на иконите, въведете съответно свойството AdvancedHeader и стойностите в персонализираното оформление.

Приспособленията се вливат в падащото меню отляво надясно.

Атрибути за постоянни раздели

За да зададете разделите в персонализираните страници и потребителските джаджи като постоянни, въведете атрибутите за md-tabs в персонализираното оформление.

Пример: Задаване на раздели като постоянни

{
    "comp": "md-tabs",
    "attributes": {
        "persist-selection": true,
        "tabs-id": "unique-id for all the tabs together in the container"
    },
}

Когато зададете md-tabs да са постоянни (постоянен избор: true), той Agent Desktop запазва избор а на раздел, дори ако агент превключва между страници или джаджи в работния плот.

Падащият списък Още раздел и се появява автоматично, когато екранът Спомагателна информация съдържа няколко раздела.

Трябва да добавите подсказка с инструменти за персонализиран раздел за четливост и достъпност. За да добавите подсказка за персонализиран раздел, увийте компонента с m d-tooltip. Въведете информацията за подбора с инструменти в свойството съобщение и приложете стойностите на свойствата на стил, както е показано в следващия пример.

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

За да активирате функцията за плъзгане и пускане в раздела по избор, добавете следното свойство в атрибутите:

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

• draggable: Задайте стойността на свойството за плъзгане на вяр на.

• comp-unique-id: Въведете уникална стойност, за да идентифицирате компонента.

  Пример:

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

Ако активирате плъзгане и пускане за персонализиран раздел, агентът може да плъзга и пусне раздела до желаната позиция в екрана за допълнителна информация. За да възстановите разделите в реда на разделите по подразбиране, добавете следното свойство:

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

• agentx-wc-more-actions-widget: Въведете компонента, който се показва като иконата Още действия () в екрана Спомагател на информация.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Агентите могат да възстановят разделите в екрана „Спомагателна информация“ до ред по подразбиране, като щракнат върху > Нулиране на реда на разделите.

• tabs-unique-id: Въведете същата уникална стойност, дефинирана за свойството comp-unique-id, за да картографирате и нулирате компонентите на md-tabs.

Следният примерен код използва функциите „Още действия“ и „Н улиране на ред на раздел а“.

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

}

Падащият списък Още действия може да бъде разширен, за да добавите допълнителни персонализирани компоненти или джаджи след опцията Н улиране на ред на раздел а. Следва примерен набор от стойности на свойствата на стил, които могат да бъдат приложени към допълнителни компоненти.

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

• Конфигуриране и достъп до джаджа за метрики за управление на потребителското изживяване от лентата

• Използване на раздели на персонализираната страница

• Екранът за допълнителна информация по подразбиране с история на контактите и изскачащ екран

• Допълнителен информационен екран с джаджа за пътуване с клиентски опит

Конфигуриране и достъп до джаджа за метрики за управление на потребителското изживяване от лентата

Пример:

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

Използване на раздели на персонализираната страница

Пример:

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

Екранът за допълнителна информация по подразбиране с история на контакти и изскачащ екран

Пример:

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

Допълнителен информационен екран с джаджа за пътуване с клиентски опит

Пример:

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