Roller

Standard JSON-layouten har följande tre roller.

• Agent—för att ställa in skrivbordslayouten som ska visas när en agent loggar in på Webex Contact Center Desktop för att hantera agentaktiviteter.

• Supervisor — för att ställa in skrivbordslayouten som ska visas när en handledare loggar in på Webex Contact Center Desktop för att endast hantera övervakarfunktioner.

  När en handledare loggar in på skrivbordet tillämpas skrivbordslayouten som anges för det primära teamet. Om du inte anger ett primärt team gäller den globala layouten. Som standard är APS-rapporter inaktiverade.

• SupervisorAgent—för att ställa in skrivbordslayouten som ska visas när en handledare loggar in på Webex Contact Center Desktop för att hantera både handledarfunktioner och agentaktiviteter.

Följande är de översta nivåegenskaperna för JSON-layout baserat på rollen:

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

AppTitel

Så här anger du en titel på skrivbordets horisontella rubrik. Standardtiteln är Webex Contact Center.

Exempel:

"appTitle": "Webex Contact Center"

Titeln kan antingen vara text, en bild eller en tom sträng. Titeltexten visas i två rader. Om texten sträcker sig bortom den andra raden visas en ellipsikon och verktygstipset visar hela titeln. Stilar kan inte tillämpas på titeln.

Du kan antingen använda data-URI (Uniform Resource Identifier) eller vara värd för en anpassad titelbild på ett CDN (Content Delivery Network), Amazon Web Services (AWS) Simple Storage Service (S3) bucket eller en liknande värdtjänst och sedan ange webbadressen till den värdbaserade bilden. De titelbildformat som stöds är PNG, JPG, JPEG, GIF, SVG och WebP. Den stödda titelbildstorleken är 184 x 32 pixlar (bredd x höjd).

logotyp

För att ange en URL för företagets logotyp. Om du inte anger en URL visas Webex Contact Center-logotypen som standard.

Exempel:

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

Du kan vara värd för en anpassad logotypbild på en CDN, Amazon Web Services (AWS) Simple Storage Service (S3) -hink eller en liknande värdtjänst och sedan ange webbadressen till den värdbaserade bilden. De logotypbildformat som stöds är PNG, JPG, JPEG, GIF, SVG och WebP. Den logotypbildstorlek som stöds är 96 x 32 pixlar (bredd x höjd).

UppgiftsidaIllustration

Ange en anpassad illustration för aktivitetssidan baserat på organisationsinställningar och varumärkesanpassning. När en agent loggar in visas den konfigurerade illustrationen som bakgrund på aktivitetssidan. Som standard visas uppgiftssidan utan illustration.

Exempel:

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

Du kan antingen använda data-URI:er eller vara värd för en anpassad illustration i ett CDN (Content Delivery Network), Amazon Web Services (AWS) Simple Storage Service (S3) bucket eller en liknande värdtjänst och sedan ange webbadressen till den värdbaserade illustrationen. Illustrationen kan konfigureras på global nivå eller gruppnivå baserat på layoutdefinitionen. Se till att du konfigurerar rätt URL för att förhindra att den trasiga bilden visas på skrivbordet.

De illustrationsformaten för uppgiftssidor som stöds är PNG, JPG, JPEG, GIF, SVG och WebP. Rekommenderad illustrationsstorlek är 400 x 400 pixlar (bredd x höjd). Om den anpassade illustrationsstorleken är större än den rekommenderade storleken justeras illustrationens storlek baserat på bildförhållandet på aktivitetssidan. Om den anpassade illustrationsstorleken är mindre än den rekommenderade storleken behålls den faktiska illustrationsstorleken på aktivitetssidan.

StopNavigateOnAcceptTask

För att avgöra om fokus ska flyttas till en nyligen godkänd uppgift när agenten accepterar den nya aktiviteten medan han arbetar med en tidigare uppgift. Standardvärdet är false.

Exempel:

"stopNavigateOnAcceptTask": false

Om värdet är inställ t som true, när användaren accepterar en ny uppgift på skrivbordet, behålls fokus på föregående aktivitet och flyttas inte till den nyligen accepterade aktiviteten. Den här inställningen förhindrar att användaren förlorar data när den accepterar en ny begäran.

Tänk till exempel på att Agent 1 är i chatt med kund 1 och samtidigt i ett röstsamtal med Kund 2. Under röstsamtalet uppdaterar Agent 1 informationen om Kund 2 i fönstret Interaktionskontroll. För närvarande har Agent 1 två aktiva aktiviteter i fönstret Aktivitetslista, och fokus ligger på fönstret Interaktionskontroll. När Agent 1 accepterar en ny chattförfrågan från kund 3 förblir fokus på fönstret Interaktionskontroll med kund 2 och flyttas inte till den nyligen accepterade chattförfrågan.

Om du vill behålla fokus på föregående aktivitet och inte flytta till den nyligen accepterade aktiviteten väljer du den anpassade layouten med egenskapsvärdet stopNavigateOnAcceptTask inställt på true.

Om egenskapsvärdet stopNavigateOnAcceptTask inte anges i JSON-layouten flyttar skrivbordet fokus till den nyligen accepterade aktiviteten. Beteendet liknar när egenskapsvärdet stopNavigateOnAcceptTask är inställt på false.

DragDropEnabled

Om du vill aktivera dra och släppa och ändra storlek på widgetarna på de anpassade sidorna ställer du in värdet till true. Standardvärdet är false.

Exempel:

"dragDropEnabled": false

NotificationTimer

För att ställa in varaktigheten (i sekunder) efter vilken skrivbordsmeddelandena på skrivbordet automatiskt avvisas. Meddelandet visas längst upp till höger på skrivbordet. Standardvärdet för timeout är 8 sekunder. Det giltiga intervallet för timeout-värden är 1-10 sekunder. För att timeout-ändringarna ska träda i kraft måste webbläsaren uppdateras efter att ändringarna har gjorts.

Exempel:

"notificationTimer": 8

MaximumNotificationCount

För att ställa in antalet skrivbordsmeddelanden som ska visas samtidigt på skrivbordet. Standardvärdet är 3. Räckvidden för skrivbordsmeddelanden är 1-10. Skrivbordsmeddelandena staplas. Om det finns många aviseringar visas de med en liten fördröjning beroende på NotificationTimer-inställningarna.

WebbläsarNotificationTimer

För att ställa in varaktigheten (i sekunder) efter vilken webbläsarens brödrostmeddelanden på skrivbordet automatiskt avvisas. Brödrost är ett inbyggt webbläsarmeddelande som bara visas om skrivbordet inte är det aktiva webbläsarfönstret eller fliken. Webbläsarfönstret eller fliken Skrivbord är inaktiv när

• Du arbetar med andra webbläsarfönster eller flikar.

• Du arbetar med andra applikationer.

• Du har minimerat skrivbordswebbläsarfönstret.

Meddelandet visas längst upp till höger på skrivbordet. Standardvärdet för timeout är 8 sekunder. Det rekommenderade intervallet för timeout-värden är 5-15 sekunder. För att timeout-ändringarna ska träda i kraft måste webbläsaren uppdateras efter att ändringarna har gjorts.

Exempel:

"browserNotificationTimer": 8

wxmKonfigurerad

(Valfritt) Ställ in värdet till true för att konfigureraWebex Experience Management. Standardvärdet är false.

Exempel:

"wxmConfigured": true

Skrivbordschattapp

Så här konfigurerar du flera chattprogram som erbjuds av Cisco, t.ex. Webex App.

WebExKonfigurerad

Webex-appen tillsammans med dess meddelande-och mötesfunktioner kan konfigureras på skrivbordet. Den här konfigurationen gör det möjligt för agenter att samarbeta med andra agenter, handledare och ämnesexperter (SMF) i sin organisation utan att navigera bort från skrivbordet.

Så här konfigurerar du Webex-appen på skrivbordet:

• När du lägger till tjänster för en användare markerar du kryssrutan Avancerade meddelanden (Användare > Hantera användare > Tjänster > Meddelanden). Cisco Webex Control Hub Mer information finns i Hantera användarkonton i Cisco Webex webbplatsadministration.

• Ange egenskapsvärdet WebExConfigured till true i den anpassade skrivbordsl ayouten.

  Exempel:

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

  Standardvärdet för egenskapen WebExConfigured är false.

  Webex-appen är endast tillgänglig för rollerna agent, övervakare och SupervisorAgent om du ställer in egenskapsvärdet Web ExConfigured till true för var och en av dessa roller. Agenten, övervakaren eller SupervisorAgent kan inte logga ut från Webex-appen.

  Om du vill visa ikonen (Webex) på skrivbordets horisontella rubrik anger du värdet webex i egenskapen head erActions. Mer information finns i HeaderAc tions.

  Om du vill aktivera Webex-appen för ett visst team väljer du den anpassade layouten med egenskapsvärdet WebExConfigured inställ t på true. Mer information finns i Skapa ett team.

Du kan konfigurera Webex-appen i rutan Hjälpinformation, anpassad sida och anpassad widget också. Mer information finns i Hjäl pinformationsfönstret.

Meddelande om Webex-app

Värdena som anges med egenskaperna NotificationTim er och BrowserNotificationTimer för meddelandetimern gäller för Webex-appen. Standardvärdet för timeout är 8 sekunder för dessa egenskaper. Mer information finns i NotificationTimer och BrowserNotificationTimer.

RubrikÅtgärder

För att ändra ordningen på ikonerna på skrivbordets horisontella rubrik. Standardordningen är som följer:

1. (Webex)

2. (Outdial-samtal)

3. (Meddelandecenter)

Ange värdet på egenskapen headerActions enligt följande:

Exempel:

Om du vill ändra ikonernas standardordning anger du egenskapen headerActions och värdena i den anpassade layouten därefter.

Exempel:

område

Egenskapen area är kärnan i skrivbordslayouten. Du kan definiera layouten enligt området.

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

Du kan konfigurera följande område objekt:

• Panel: Representerar den andra panelen eller panelen längst till höger i rutan Hjälpinformation.

• Navigering: Representerar anpassade sidor och deras navigeringselement som är relaterade till sidorna.

• Beständig: Representerar widgetar på sidnivå som är beständiga och visas på alla sidor på skrivbordet.

• Huvudlös: Representerar widgetarna som inte har ett visuellt gränssnitt, men kör logik i bakgrunden.

AdvancedHeader

För att anpassa synligheten och ändra ordningen på ikonerna på skrivbordets horisontella rubrik. Standardordningen är som följer:

1. (Webex)

2. (Outdial-samtal)

3. (Meddelandecenter)

4. (Agenttillståndsväljare)

Ange värdet för egenskapen advancedHeader enligt följande:

Exempel:

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

Om du vill ändra ikonernas standardordning anger du egenskapen advancedHeader och värdena i den anpassade layouten därefter.

Widgetarna flyter in i rullgardinsmenyn från vänster till höger.

Attribut för beständiga flikar

Om du vill ange flikarna på anpassade sidor och anpassade widgetar som beständiga anger du attributen för md-tabs i den anpassade layouten.

Exempel: Ställ in flikar som beständiga

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

När du anger att md-tabs ska vara beständiga (persist-select: true), Agent Desktop behåller flikvalet även om en agent växlar mellan sidor eller widgetar på skrivbordet.

Nedrullgardinsmenyn Fler flikar visas automatiskt när fönstret Hjälpinformation innehåller flera flikar.

Du måste lägga till ett anpassat flikverktygstips för läsbarhet och tillgänglighet. Om du vill lägga till ett verktygstips för en anpassad flik omsluter du komponenten med m d-tooltip. Ange verktygstipsinformationen i meddel andeegenskapen och använd format egenskapsvärdena som visas i följande exempel.

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

Om du vill aktivera dra-och-släpp-funktionen på den anpassade fliken lägger du till följande egenskap i attributen:

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

• dragbar: Ställ in värdet för dragbar egenskap till true.

• comp-unique id: Ange ett unikt värde för att identifiera komponenten.

  Exempel:

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

Om du aktiverar dra och släpp för en anpassad flik kan agenten dra och släppa fliken till önskad plats i rutan Hjälpinformation. Om du vill återställa flikarna till standardtabbordningen lägger du till följande egenskap:

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

• agentx-wc-more-actions-widget: Ange komponenten som visas som ikonen Fler åtgärder () i rutan Hjälpinformation.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenter kan återställa flikarna i rutan Hjälpinformation till standardordningen genom att klicka på > Återställ flikordning.

• tabs-unique id: Ange samma unika värde som definierats för egenskapen comp-unique id för att kartlägga och återställa md- tabs-komponenterna.

Följande exempelkod använder funktionerna Fler åtgärder och Återställ flikordning.

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

}

I listrutan Fler åtgärder kan du utöka om du vill lägga till ytterligare anpassade komponenter eller widgetar efter alternativet Återställ flikordning. Följande är en exempeluppsättning med stil egenskapsvärden som kan tillämpas på ytterligare komponenter.

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

• Konfigurera och komma åt widgeten Customer Experience Management Metrics från navigeringsfältet

• Använda flikar på den anpassade sidan

• Standardfönster för hjälpinformation med kontakthistorik och skärmpop

• Hjälpinformationspanel med widget för kundupplevelseresa

Konfigurera och komma åt widgeten Customer Experience Management Metrics från navigeringsfältet

Exempel:

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

Använda flikar på den anpassade sidan

Exempel:

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

Standard hjälpinformationspanel med kontakthistorik och skärmpop

Exempel:

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

Hjälpinformationspanel med widget för kundupplevelseresa

Exempel:

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