- Start
- /
- Artikel
Hartelijk dank voor uw feedback
In dit artikel
Feedback?Dit artikel helpt bij het maken van een aangepaste indeling door een JSON-bestand te bewerken en biedt voorbeelden van gebruiksgevallen om u aan de slag te helpen met widgets zoals de widget Customer Experience Management Metrics en de widget Customer Experience Journey. Als u aangepaste bureaubladindelingen wilt gebruiken, moet u voldoende kennis hebben van de HTML-structuur, het documentstructuurmodel in een browser en de JSON-indeling.
Overzicht
Met de functie Desktopindeling kunt u de Webex Contact Center Desktop configureren afhankelijk van uw bedrijfsbehoeften. U kunt elementen zoals logo, titel en widgets aanpassen. U kunt een bureaubladindeling maken en deze toewijzen aan een team. Deze indeling genereert de agentervaring op de desktop voor alle agenten die zich aanmelden als onderdeel van dat team.
Er zijn twee typen indelingen:
-
Algemene indeling: deze indeling is een door het systeem gegenereerde indeling die standaard wordt toegewezen wanneer u een team maakt. Zie teams beheren voor meer informatie. Wanneer u een team maakt, wordt de algemene indeling automatisch ingesteld als de bureaubladindeling van het team. U kunt deze indeling niet verwijderen.
-
Aangepaste indeling: een indeling met een aangepaste bureaubladervaring. U kunt een aangepaste indeling maken voor een of meer teams.
Als u een nieuwe desktopindeling toewijst wanneer een agent is aangemeld, moet de agent de pagina opnieuw laden om de nieuwe indeling weer te geven.
De Webex Contact Center Desktop ondersteunt drie personas:
-
Agent
-
Supervisor
-
Supervisor en een agent
Het JSON-indelingsbestand bevat aparte secties voor elk van de personas. De beheerder moet de instellingen voor elke persona in het bijbehorende gedeelte van het JSON-indelingsbestand configureren. Raadpleeg JSON Layout Top-Level Properties (Eigenschappen voor JSON-indeling op bovenste niveau) voor meer informatie over een JSON-indelingsbestand.
Wanneer Cisco een nieuwe functie toevoegt aan de desktopindeling, wordt de ongewijzigde indeling automatisch bijgewerkt met de nieuwe functies. De bijgewerkte desktopindeling is automatisch beschikbaar voor de bestaande teams die de ongewijzigde desktopindeling gebruiken. Desktopgebruikers die de ongewijzigde bureaubladindeling gebruiken, ontvangen nieuwe op indeling gebaseerde functies wanneer ze zich aanmelden of de browser opnieuw laden.
Als u het standaarddesktopbestand Layout.json-bestand zonder enige aanpassing gebruikt, wordt dit beschouwd als een ongewijzigde indeling. Als u echter het Layout.json bestand voor de standaarddesktop downloadt en opnieuw uploadt, wordt dit beschouwd als een gewijzigde indeling, zelfs als de bestandsinhoud of bestandsnaam niet is gewijzigd.
De desktop biedt twee soorten widgets: op basis van iframe en op basis van webcomponenten. De koptekst, navigatie (aangepaste pagina), permanent gebied, headless en aux-paneel zijn de aanpasbare gedeelten in een desktop. Dit zijn geen widgets.
In de volgende lijst worden de spaties beschreven die u kunt configureren. De afbeeldingen geven de lay-out van de desktop weer:
-
Titel- en logogebied: in dit gedeelte wordt linksboven in het scherm het logo en de naam van de Webex Contact Center weergegeven.
-
Gebied Horizontale koptekst : deze ruimte heeft een configureerbaar gedeelte met aangepaste widgets. Deze widgets kunnen bijvoorbeeld inline informatie en vervolgkeuzemenu's weergeven. Aangezien de hoogte van deze koptekst slechts 64 pixels is, kan de widgethoogte niet hoger zijn dan de hoogte van de koptekst.
-
Werkruimtegebied : deze ruimte verandert per de selectie op de navigatiebalk of wanneer er interactie is tussen een agent en klanten. Wanneer een agent in gesprek is, wordt in dit gedeelte het deelvenster interactiebesturing en hulpinformatie weergegeven (dat aangepaste en permanente widgets bevat). Wanneer een agent communiceert via e-mail, chat of sociale kanalen, worden in dit gebied de werkruimte en het hulpinformatievenster (inclusief het permanente widgetgebied) weergegeven.
De aangepaste pagina wordt weergegeven op de desktopinterface in het deelvenster Werkruimte. U hebt toegang tot de aangepaste pagina via de pictogrammen op de navigatiebalk. Elke aangepaste pagina kan een of meer aangepaste widgets bevatten.
Aangepaste widget is een toepassing van derden die is geconfigureerd in de JSON-indeling. U kunt de aangepaste widget op de aangepaste pagina, het tabblad Aangepast (deelvenster Hulpinformatie) of in de horizontale kop van het bureaublad plaatsen.
-
Gebied navigatiebalk : gebruik deze ruimte om navigatie-items toe te voegen om aangepaste pagina's te openen.
Eigenschappen van JSON-lay-out op bovenste niveau
Rollen
De standaard JSON-indeling heeft drie rollen.
-
agent: om de desktopindeling in te stellen wanneer een agent zich aanmeldt bij de Webex Contact Center Desktop om agentactiviteiten af te handelen.
-
supervisor: hiermee kunt u de desktopindeling instellen op weergave wanneer een supervisor zich aanmeldt bij de Webex Contact Center Desktop om alleen supervisormogelijkheden af te handelen.
Wanneer een supervisor zich aanmeldt bij de desktop, wordt de desktopindeling toegepast die is opgegeven voor het primaire team. Als u geen primair team opgeeft, is de algemene indeling van toepassing. APS-rapporten worden standaard uitgeschakeld.
-
supervisorAgent: om de desktopindeling weer te geven wanneer een supervisor zich aanmeldt bij de Webex Contact Center Desktop om zowel supervisormogelijkheden als agentactiviteiten af te handelen.
U kunt widgets toevoegen of wijzigen voor elke rol in de bijbehorende persona van het relevante JSON-indelingsbestand.
Hieronder ziet u de eigenschappen van het bovenste niveau voor de JSON-indeling op basis van de rol:
{ "agent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taakPaginaIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnCeptTask": onwaar, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificatieAantal": 3, "browserNotificatieTimer": 8, "wxmConfigured": "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "paneel": { ... }, "navigatie": { ... }, "permanent": { ... }, "headless": { ... } }, }, "supervisor": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": onwaar, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificatieAantal": 3, "browserNotificatieTimer": 8, "wxmConfigured": "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "paneel": { ... }, "navigatie": { ... }, "permanent": { ... }, "headless": { ... }, "homePage": { ... } }, } "supervisorAgent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": onwaar, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificatieAantal": 3, "browserNotificatieTimer": 8, "wxmConfigured": "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "paneel": { ... }, "navigatie": { ... }, "permanent": { ... }, "headless": { ... } }, } },- De wijzigingen in de JSON-indelingseigenschappen worden van kracht wanneer de Desktop-browser wordt vernieuwd.
- Als een functie die u hebt ingeschakeld op de JSON-indeling, niet beschikbaar is op de desktop, neemt u contact op met Cisco Support om de functie in te schakelen.
- Alle eigenschappen in de JSON-indeling zijn hoofdlettergevoelig.
appTitle
Een titel opgeven in de horizontale kop van de desktop. De standaardtitel is Webex Contactcentrum.
Voorbeeld:
"appTitle": "Webex Contact Center"De standaardtoepassing Wordt gewijzigd van Contact Center Desktop in Webex Contact Center. Het heeft geen gevolgen voor de bestaande aangepaste indelingen waarvoor de oude standaardinstelling voor appTitle (Contact Center Desktop) wordt gebruikt. Als u de nieuwe toepassingstitle wilt gebruiken, moet u de aangepaste indeling wijzigen. In de nieuwe algemene indeling wordt echter de standaardtoepassingTitle als Webex Contact Center gebruikt.
De titel kan tekst, een afbeelding of een lege string zijn. De titeltekst wordt in twee rijen weergegeven. Als de tekst verder gaat dan de tweede rij, wordt een puntje weergegeven en wordt de volledige titel weergegeven op de knopinfo. Opmaak kunnen niet op de titel worden toegepast.
U kunt gegevens-URI's (Uniform Resource Identifier) gebruiken of een aangepaste titelafbeelding hosten op een CDN (Content Delivery Network, AWS) Simple Storage Service (S3) van Amazon Web Services (S3) of een vergelijkbare hostingservice, en vervolgens de URL naar de gehoste afbeelding opgeven. De ondersteunde titelafbeeldingsindelingen zijn PNG, JPG, JPEG, GIF, SVG en WebP. Het ondersteunde titelbeeld is 184 x 32 pixels (breedte x hoogte).
logo
Een URL voor het bedrijfslogo opgeven. Als u geen URL opgeeft, wordt standaard het Webex Contact Center-logo weergegeven.
Voorbeeld:
"logo": "https://my-cdn.com/logo.png"U kunt een afbeelding van uw aangepaste logo hosten op een CDN-periode(S3), Amazon Web Services (AWS) Simple Storage Service (S3) of een soortgelijke hostingservice en vervolgens de URL naar de gehoste image opgeven. De ondersteunde afbeeldingsindelingen van het logo zijn PNG, JPG, JPEG, GIF, SVG en WebP. Het ondersteunde afbeeldingsformaat van het logo is 96 x 32 pixels (breedte x hoogte).
| Situatie | Voorbeeld | appTitle | logo |
|---|---|---|---|
| Als appTitle en logo niet zijn geconfigureerd |
|
Geen titel | Standaardlogo |
| Als appTitle en logo zijn geconfigureerd |
|
Geconfigureerde tekst | Geconfigureerd logo |
| Als appTitle is geconfigureerd en logo niet is geconfigureerd |
|
Geconfigureerde tekst | Standaardlogo |
|
Als appTitle niet is geconfigureerd en het logo is geconfigureerd
|
|
Geen titel | Geconfigureerd logo |
| Als appTitle is geconfigureerd en geen voorkeurslogo heeft |
|
Geconfigureerde tekst | Geen logo |
|
Als appTitle niet is geconfigureerd en logo niet de voorkeur heeft
|
|
Geen titel | Geen logo |
| Als appTitle is toegevoegd als afbeelding en het logo is geconfigureerd |
|
Geconfigureerde afbeelding | Geconfigureerd logo |
|
Als appTitle is toegevoegd als afbeelding en het logo niet is geconfigureerd
|
|
Geconfigureerde afbeelding | Standaardlogo |
|
Als appTitle is toegevoegd als afbeelding en logo geen voorkeur heeft
|
|
Geconfigureerde afbeelding | Geen logo |
- Het aangepaste beeldformaat wordt aangepast op basis van de hoogte-breedteverhouding. De aangepaste titeltekst die eerder is geconfigureerd, wordt mogelijk in twee rijen op het bureaublad weergegeven. Dit kunt u voorkomen door de aangepaste titeltekst te wijzigen.
- Als de titel en het logo niet zijn geconfigureerd in de horizontale kop van de desktop, wordt die ruimte gebruikt door de koptekstwidgets. De koptekstwidgets moeten correct worden geconfigureerd voor het gebruik van de titel en de logoruimte.
- De titel en het logo mogen samen de maximale breedte van 304 pixels (inclusief opvulling) niet overschrijden. Als het logo minder is dan 96 pixels, kan de resterende breedte worden gebruikt voor de titel.
- Als het aangepaste afbeeldingsformaat groter is dan het ondersteunde formaat, wordt het beeldformaat aangepast op basis van de beeldverhouding in de horizontale koptekst. Als het aangepaste afbeeldingsformaat kleiner is dan het ondersteunde formaat, wordt het werkelijke afbeeldingsformaat behouden in de horizontale koptekst.
taakPaginaIllustration
Een aangepaste illustratie voor de taakpagina opgeven op basis van de organisatievoorkeuren en het uitlijnen van het merk. Wanneer een agent zich aanmeldt, wordt op de taakpagina de geconfigureerde illustratie als achtergrond weergegeven. De taakpagina wordt standaard zonder illustratie weergegeven.
Voorbeeld:
"taskPageIllustration": "https://www.abc.com/image/logo.jpg",U kunt gegevens-URI's gebruiken of een aangepaste illustratie hosten op een netwerk voor de levering van inhoud (CDN), de periode Amazon Web Services (AWS) Simple Storage Service (S3) of een soortgelijke hostingservice, en u kunt vervolgens de URL naar de gehoste illustratie opgeven. De illustratie kan worden geconfigureerd op globaal of teamniveau op basis van de indelingsdefinitie. Zorg ervoor dat u de juiste URL configureert, om te voorkomen dat het verbroken beeld op de desktop wordt weergegeven.
De ondersteunde indelingen voor taakpagina's zijn PNG, JPG, JPEG, GIF, SVG en WebP. Het aanbevolen formaat voor afbeeldingen is 400 x 400 pixels (breedte x hoogte). Als het aangepaste formaat van de illustratie groter is dan de aanbevolen grootte, wordt het formaat van de illustratie aangepast op basis van de beeldverhouding op de taakpagina. Als het formaat van de aangepaste illustratie kleiner is dan de aanbevolen grootte, blijft de werkelijke grootte van de illustratie behouden op de taakpagina.
stopNavigateOnAcceptTask
Bepalen of de focus moet worden verschoven naar een nieuw geaccepteerde taak, wanneer de agent de nieuwe taak accepteert terwijl hij aan een vorige taak werkt. De standaardwaarde is onwaar.
Voorbeeld:
"stopNavigateOnAcceptTask": onwaarAls de waarde als waar is ingesteld en de gebruiker een nieuwe taak op de desktop accepteert, wordt de focus behouden bij de vorige taak en wordt deze niet verschoven naar de nieuw geaccepteerde taak. Deze instelling voorkomt dat de gebruiker gegevens verliest bij het accepteren van een nieuwe aanvraag.
Agent 1 is bijvoorbeeld in gesprek met klant 1 en tegelijkertijd met klant 2 in gesprek. Tijdens het gesprek werkt agent 1 de details van klant 2 bij in het deelvenster Interaction Control. Momenteel heeft Agent 1 twee actieve taken in het deelvenster Taaklijst en de focus ligt op het deelvenster Interactiebeheer. Wanneer Agent 1 een nieuw chatverzoek van klant 3 accepteert, blijft de focus op het deelvenster Interactiebeheer met klant 2 en wordt deze niet verschoven naar het nieuwe geaccepteerde chatverzoek.
Als u de focus op de vorige taak wilt behouden en niet wilt overschakelen naar de nieuw geaccepteerde taak, selecteert u de aangepaste indeling met de eigenschap stopNavigateOnAcceptTask ingesteld op waar.
Als de waarde van de eigenschap stopNavigateOnAcceptTask niet is ingevoerd in de JSON-indeling, wordt de focus verlegd naar de nieuw geaccepteerde taak. Dit is hetzelfde als wanneer de waarde van de eigenschap stopNavigateOnAcceptTask wordt ingesteld op false.
- De instelling is van toepassing op alle taken (spraak en digitale kanalen) die op de desktopcomputer worden uitgevoerd, zoals het accepteren van een taak, het vergaderen, raadplegen of doorverbinden, voor uitgaande campagnegesprekken, automatisch afronden, enzovoort.
- De instelling is niet van toepassing als de Desktop-gebruiker op de startpagina staat en er geen actieve taak in het deelvenster Taaklijst staat. Wanneer een nieuwe taak wordt geaccepteerd, wordt in een dergelijk geval de focus verschoven van de startpagina naar de nieuw geaccepteerde taak.
dragDropEnabled
Als u het slepen en neerzetten en het aanpassen van de grootte van de widgets op de aangepaste pagina's wilt inschakelen, stelt u de waarde waar in. De standaardwaarde is onwaar.
Voorbeeld:
"dragDropEnabled": onwaarnotificationTimer
Het instellen van de duur (in seconden) waarna meldingen op het bureaublad automatisch worden verwijderd. De melding verschijnt in de rechterbovenhoek van de desktop. De standaardwaarde voor de time-out is 8 seconden. Het geldige bereik voor time-outwaarden is 1-10 seconden. Voordat de time-outwijzigingen van kracht worden, moet de browser worden vernieuwd nadat de wijzigingen zijn aangebracht.
Voorbeeld:
"notificationTimer": 8maximumAantalNotificatie
Het aantal desktopmeldingen instellen dat per keer op het bureaublad moet worden weergegeven. De standaardwaarde is 3. Het bereik voor desktopmeldingen is 1 tot en met 10. De desktopmeldingen worden gestapeld. Als er veel meldingen zijn, verschijnen deze met een kleine vertraging, afhankelijk van de instellingen van de notificationTimer .
Voorbeeld:
"maximumAantalNotificatie": 3browserNotificatieTimer
Om de duur in te stellen (in seconden) waarna de meldingen van de browser-broodrooster op het bureaublad automatisch worden verwijderd. Broodrooster is een melding van de systeemeigen browser die alleen wordt weergegeven als de desktop niet het actieve browservenster of het actieve browsertabblad is. Het browservenster of -tabblad is inactief wanneer
-
U werkt met andere browservensters of -tabbladen.
-
U werkt aan andere toepassingen.
-
U hebt het browservenster Desktop geminimaliseerd.
De melding verschijnt in de rechterbovenhoek van de desktop. De standaardwaarde voor de time-out is 8 seconden. Het aanbevolen bereik voor time-outwaarden is 5 tot 15 seconden. Voordat de time-outwijzigingen van kracht worden, moet de browser worden vernieuwd nadat de wijzigingen zijn aangebracht.
Voorbeeld:
"browserNotificatieTimer": 8De geconfigureerde time-out voor browsermeldingen hangt af van de instellingen van het besturingssysteem en de browser. De time-outwaarde wordt gerespecteerd in de Chrome-browser in Windows, Chrome OS en macOS. De andere ondersteunde browsers respecteren echter de geconfigureerde time-outwaarden niet consistent.
wxmConfigured
(Optioneel) Als u Webex Experience Management wilt configureren, stelt u de waarde in op Waar. De standaardwaarde is onwaar.
Voorbeeld:
"wxmConfigured": trueDesktopChatApp
Meerdere door Cisco aangeboden chattoepassingen configureren, zoals Webex App.
webexConfigured
Webex App, samen met de messaging- en vergaderfunctionaliteit, kan binnen de Desktop worden geconfigureerd. Met deze configuratie kunnen agenten samenwerken met andere agenten, supervisors en deskundigen (SME's) in hun organisatie zonder dat ze zich buiten de desktop moeten verplaatsen.
- De sitebeheerder beheert Webex Vergaderingsgebruikers en wijst alleen bevoegdheden toe als de gebruikers Webex Enterprise-editie hebben. Zie Beheren Webex Meetings gebruikers in Cisco Webex Control Hub voor meer informatie.
- De supervisors en SME's moeten de Webex Client op hun systeem (persoonlijk apparaat) downloaden of toegang verkrijgen tot Webex toepassing via Webex App voor web ( https://web.webex.com/). Raadpleeg de app downloaden voor meer informatie.
- U kunt de Webex App binnen de Agent Desktop openen om samen te werken met andere agenten, supervisors en deskundigen (SME's) van uw organisatie zonder dat u de Agent Desktop hoeft te verwijderen. De functie voor gespreksbesturing is niet beschikbaar. Voor het ontvangen en tot stand brengen van gesprekken hebt u de externe, niet-ingesloten Webex-app nodig. Zie Belapps voor meer informatie.
Ga als volgende te werk om Webex-toepassing in de desktop te configureren:
-
Schakel bij het toevoegen van diensten voor een gebruiker in Cisco Webex Control Hub het selectievakje Geavanceerde berichten in (). Zie Gebruikersaccounts beheren in Cisco Webex Sitebeheer voor meer informatie.
-
Stel in de aangepaste desktopindeling de waarde van de
eigenschap webexConfiguredin opWaar.Voorbeeld:
"desktopChatApp": { "webexConfigured": true },De standaardwaarde van de
eigenschap webexConfiguredisFalse.Webex toepassing is alleen beschikbaar voor de rollen agent, supervisor en supervisorAgent als u de waarde
van deeigenschap webexConfiguredvoor elk van deze rollen instelt. De agent, supervisor of supervisorAgent kan zich niet afmelden bij Webex toepassing.De
(Webex) pictogram in de horizontale kop van de desktop, geeft u de waarde webex opin deeigenschap headerActies. Zie koptekstActies voor meer informatie.Als u Webex-toepassing voor een specifiek team wilt inschakelen, selecteert u de aangepaste indeling met de waarde van de
eigenschap webexConfiguredopwaar. Zie Een team maken voor meer informatie.
U kunt Webex-toepassing configureren in het deelvenster Hulpinformatie, een aangepaste pagina en ook de aangepaste widget. Zie Deelvenster Hulpinformatie voor meer informatie.
Webex meldingstoepassing
De waarden die worden opgegeven met de eigenschappen notificationTimer en browserNotificatieTimer voor de meldingstimer, zijn van toepassing op Webex toepassing. De standaardtime-outwaarde is 8 seconden voor deze eigenschappen. Zie notificationTimer en browserNotificatieTimer voor meer informatie.
koptekstActies
De volgorde van de pictogrammen in de horizontale kop van het bureaublad wijzigen. De standaardvolgorde is als volgt:
-
(Webex)
-
(Uitgaande oproep) -
(Berichtencentrum)
Stel als volgt de waarde van de eigenschap koptekstActies in:
|
Naam pictogram |
koptekstEigen waarde vanacties |
|---|---|
|
Webex-app |
webex |
|
Uitbelgesprek |
uitbel- |
|
Meldingencentrum |
melding |
Voorbeeld:
"headerActions": ["webex", "outdial", "notification"],
De waarde van de eigenschap headerActies is hoofdlettergevoelig.
Als u de standaardvolgorde van de pictogrammen wilt wijzigen, voert u de eigenschap koptekstActies en de waarden in de aangepaste indeling in.
Voorbeeld:
"headerActions": ["notification", "outdial", "webex"],
- Als u de
eigenschap headerActies en de waarden niet in de aangepaste indeling invoert, worden de pictogrammen in de standaardvolgorde weergegeven. - Om de koptekstpictogrammen en de bijbehorende functies van de desktop te verwijderen, stelt u een lege waarde in voor de
eigenschap headerActies("headerActies": []). Als u echter Webex-toepassing hebt toegevoegd aan het deelvenster Met hulpinformatie of een aangepaste pagina of als aangepaste widget, heeft de agent nog toegang tot Webex toepassing, hoewel Webex toepassing niet beschikbaar is in de horizontale kop van de desktop. - Als de
eigenschapwaarde van webexConfiguredis ingesteld oponwaar, wordt het Webex-toepassingspictogram niet weergegeven in de horizontale kop van de desktop, zelfs niet wanneer dewebex-waardeis toegevoegd in deeigenschap headerActies. Zie webexConfigured voor meer informatie.
gebied
De gebiedseigendom is de kernsectie van de bureaubladindeling. U kunt de indeling definiëren volgens het gebied.
"area": { "header": { ... }, "advancedHeader: { "comp": "widget-1", "attributes": { ... }, "script": .... } }, "paneel": { ... }, "navigatie": { ... }, "permanent": { ... }, "headless": { ... } },U kunt de volgende gebiedsobjecten configureren:
-
Paneel: stelt het tweede paneel of het meest rechtse paneel in het deelvenster Hulpinformatie weer.
-
Navigatie: staat voor aangepaste pagina's en de navigatie-elementen die aan de pagina's zijn gerelateerd.
-
Permanent: geeft aan welke widgets op paginaniveau permanent zijn en op alle pagina's van het bureaublad worden weergegeven.
-
Headless: vertegenwoordigt de widgets die geen visuele interface hebben, maar logica op de achtergrond uitvoeren.
Als de eigenschap AdvancedHeader is geconfigureerd, moeten de eigenschappen koptekst en koptekstBewerking worden verwijderd.
advancedHeader
De zichtbaarheid aan te passen en de volgorde van de pictogrammen in de horizontale kop van het bureaublad te wijzigen. De standaardvolgorde is als volgt:
-
(Webex)
-
(Uitgaande oproep)
-
(Berichtencentrum)
-
(Agentstatusselector)
Stel als volgt de waarde van de eigenschap advancedHeader in:
|
Naam pictogram |
koptekstEigen waarde vanacties |
|---|---|
|
Webex-app |
agentx-webex |
|
Uitbelgesprek |
Agentx uit |
|
Meldingencentrum |
agentx-melding |
|
Agentstatusselector |
agentx-statusselector |
Voorbeeld:
"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } { "comp": "widget-1", "attributen": { ... }, "script": .... } ]De waarde van de eigenschap advancedHeader is hoofdlettergevoelig.
Als u de standaardvolgorde van de pictogrammen wilt wijzigen, voert u de eigenschap AdvancedHeader en de waarden in de aangepaste indeling op.
De widgets vloeien van links naar rechts in het vervolgkeuzemenu.
-
Als u in de aangepaste indeling de
eigenschap advancedHeaderniet invoert, wordt de standaardkoptekst weergegeven. -
Wanneer Geavanceerde koptekst is ingeschakeld, moet u de widgets van de bestaande kop naar de geavanceerde kop verplaatsen zoals beschreven in het voorbeeld.
-
Wanneer Geavanceerde koptekst is ingeschakeld, wordt de oude koptekst niet weergegeven.
-
Elk widgetpictogram heeft een standaard opvulling en marge die zijn gedefinieerd in CSS en die niet via desktops kunnen worden aangepast.
-
De locatie van het logo, de titel en de profielpictogrammen zijn vast en kunnen niet worden aangepast.
-
Om de koptekstpictogrammen en de bijbehorende functies van de desktop te verwijderen, stelt u een lege waarde in voor de bijbehorende component in de
eigenschap advancedHeader("advancedHeader": []).Als u Webex-toepassing hebt toegevoegd aan het deelvenster Met hulpinformatie of een aangepaste pagina, of als aangepaste widget, heeft de agent nog toegang tot Webex toepassing ook al is Webex toepassing niet beschikbaar in de horizontale koptekst van de desktop.
-
Als u een widget met een lang label toevoegt, wordt de naam van het label weergegeven conform de beschikbare ruimte.
U kunt het kenmerk
textContentgebruiken om een label aan een widget toe te voegen.Voorbeeld:
{ "comp": "timer-widget", "attributes": { "duur": "08:00:00" }, "textContent": "afteltimer voor huidige dienst", "script": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }Het label "Afteltimer voor huidige dienst" wordt afgekapt en weergegeven afhankelijk van de beschikbare ruimte.
-
Zorg dat u widgets met een lang label toevoegt.
-
Wanneer een widget naar het vervolgkeuzemenu wordt weergegeven, kan alleen op het widgetpictogram worden geklikt.
-
-
Als de waarde van de eigenschap webexConfigured
is ingesteld oponwaar, wordt hetWebex-toepassingspictogram niet weergegeven in de horizontale kop van de desktop, zelfs niet wanneer de webex-waardeis toegevoegd in deeigenschap advancedHeader.Zie webexConfigured voor meer informatie.
Hoofdpagina
Wanneer u zich aanmeldt bij het bureaublad, wordt de startpagina weergegeven.
De startpagina is alleen van toepassing op Supervisors en SupervisorAgent-persona.
U kunt de volgende widgets op de startpagina bekijken. Er worden standaard Analyzer-widgets geleverd, maar de beheerder kan ook permanente en aangepaste widgets configureren. Zie Eigenschappen van JSON Layout Top-Level voor meer informatie.
Analyzer-widgets
De Analyzer-widget wordt standaard weergegeven op de startpagina van Desktop.
Configuratie van startpaginaindeling
U kunt de startpagina van de desktop zo configureren dat de indeling wordt weergegeven die is gebaseerd op de voorkeuren van uw organisatie en uw merkuitlijning. Bewerk het veld Startpagina om de startpagina te configureren. U kunt de volgende onderdelen configureren voor weergave op de startpagina wanneer een gebruiker zich aanmeldt bij de desktop:
-
Een welkomstbericht
-
Het taakpictogram op de navigatiebalk om naar het deelvenster Taak te navigeren. Het pictogram Taak wordt weergegeven voor de rol Supervisor en Supervisor en Agent met de functie voor gesprekscontrole ingeschakeld. In het taakvenster worden binnenkomende klantverzoeken, actieve interacties met klanten in het verleden en actieve controleaanvragen weergegeven.
-
Filtersecties zoals Wachtrijnaam, Kanaaltype en Beheerde teams.
In de volgende tabel worden de pagina-eigenschappen beschreven die nodig zijn voor het configureren van de startpagina:
|
Eigenschap |
Beschrijving en code |
|---|---|
|
Pagina >FlexLayout gebruiken |
Flex layout is een nieuw webcomponent. De bestaande widgets worden niet gewijzigd. De nieuwe flexibele lay-out maakt op vereenvoudigde wijze gebruik van dezelfde indelingsconfiguratie. Het is achterwaarts compatibel en heeft geen invloed op bestaande widgets. U moet de JSON-indeling configureren. Geef de hoogte en de breedte van de widget op als u de JSON-indeling wilt configureren. De widget wordt in dezelfde volgorde weergegeven als hij is geconfigureerd in de JSON-indeling. Widgets hebben een standaardmarge van 8 px. De JSON-indeling is gebaseerd op de afmetingen (breedte x hoogte) en coördinaten (X, Y en Z) van de widgets. De flexibele indeling ondersteunt functies zoals het formaat van afzonderlijke widgets aanpassen, widgets maximaliseren, enzovoort. De hoogte van de afzonderlijke widgets wordt gemeten in pixels. 1 eenheid hoogte = 40 pixels. De breedte van de widget hangt af van het aantal kolommen in de container en het aantal kolommen dat verandert op basis van de containerbreedte. Widgets worden van links naar rechts weergegeven. De geavanceerde lay-outengine gebruikt aangepaste logica om zowel horizontale als verticale spatie aan widgets toe te passen. Aanvankelijk wordt de indeling horizontaal geladen. Na horizontaal laden, laadt de widget verticaal en zorgt voor een optimaal ruimtegebruik. Configureer de widgets op basis van het schermformaat. U kunt de breedte van de widgets verhogen of verlagen op basis van de schermgrootte. Hierdoor zijn de widgets beter leesbaar en bruikbaar. De flexlay-out biedt standaard pauzepunten zoals groot, middel, klein en extra klein.
Deze pixels kunnen variëren, afhankelijk van het besturingssysteem en de browser. |
|
Pagina > comp |
Zorg dat u een unieke aangepaste component biedt. De |
|
Pagina > paginaKoptekst |
Geef een titelreeks op die statisch, dynamisch of beide kan zijn. De
|
|
Pagina > paginaSubKoptekst |
Zorg ervoor dat u een subkoptekst toevoegt die op de desktop verschijnt. De gebruiker kan Go to Analyzer toevoegen in de subkoptekst.
|
Navigatie (aangepaste pagina's)
In dit gedeelte kunt u pagina's toevoegen die op de linker navigatiebalk worden weergegeven. U kunt een navigatiepictogram en een unieke URL opgeven zodat de widget op de navigatiebalk wordt weergegeven. Het is raadzaam een specifiek voorvoegsel voor de URL te gebruiken om conflicten te voorkomen. Zie het gedeelte over de eigenschap nav voor meer informatie.
U kunt ook een verzameling widgets hebben die op deze pagina kan worden weergegeven. De pagina kan één widget hebben die op het scherm wordt weergegeven of een verzameling widgets in een raster. Zie het gedeelte indelingseigendom voor meer informatie over de rasterindeling.
U hoeft geen wrapr voor dynamische gebieden toe te voegen aan de widgetstructuur. Dit betekent dat u widgets op aangepaste pagina's kunt slepen en neerzetten wanneer u deze optie inschakelt.
Voorbeeld:
{ "nav": { "label": "Aangepaste pagina", "icon": "opgeslagen-info", "iconType": "zelf", "navigateTo": "dynamic-tabs", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "my - custom - page", "useFlexLayout": true, "useFlexLayout": true, "widgets": { " comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributen": { "slot": "slot": "tab" } }, { "comp": "MD-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "my - custom - timer", "source": http: my-cdn.com/my-custom-timer.js "wrapper": { "title": "Shift Timer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textInhoud": "Stock Market", "responsive": "false" "attributes": { "slot": "tab" }, }, { "comp": "md-tab-panel", "attributes": { "slot": "panel"}, "children": [{ "comp": "agentx-wc-iframe", "responsive": "false" "attributes": { "src": "https://widget-kad.s3.amazonaws.com/Trading.htm" }, "wrapper": { "title": "Stock Market", "maximizeAreaName": "app-maximize-area" } }], }, {"comp": "MD-tab", "textContent": "Widget3", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Three Content", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "mijn - google - maps - component", "source": "https://my-cdn.com/my-google.maps.js "wrapper": { "title": "Google Map", "maximizeAreaName": "app-maximize-area" } }, "layout": { "gebieden": [ ["links", "rechts"] ], "size": { "cols": [1, 1], "rijen": [1] } } }, "size": { "cols": [1] } } },In de volgende tabel worden de eigenschappen van nav en page en de onderliggende eigenschappen beschreven:
|
Eigenschap |
Beschrijving en code |
|---|---|
|
nav > label |
Deze eigenschap geeft de navigatie-id voor de pagina aan. De schermlezer leest deze eigenschap en verschijnt in de knopinfo. Deze parameters zijn nodig om uw aangepaste pagina op de navigatiebalk weer te geven. De |
|
nav > aan het Type |
Deze eigenschap vertegenwoordigt het type pictogram dat op de navigatiebalk voor de aangepaste pagina wordt weergegeven. De volgende typen pictogrammen zijn beschikbaar:
|
|
nav > aan den 2012 |
Deze eigenschap vertegenwoordigt de naam van het pictogram in de library van De enE of de CDN URL. |
|
nav > align |
Met deze eigenschap kunt u het pictogram uitlijnen op de boven- of onderzijde van de navigatiebalk. Momenteel kan met de eigenschap alleen boven worden uitgelijnd. |
|
nav > isDefaultLandingPagina | Met deze eigenschap geeft u de standaard landingspagina op voor de agents in Agent Desktop. Stel deze eigenschap in op True om de navigatiebalkpagina de standaard landingspagina te maken die voor agenten wordt weergegeven nadat ze zich hebben aangemeld bij het Agent Desktop. Als deze eigenschap voor meerdere pagina's in de navigatiebalk is ingesteld, wordt de eerste navigatiebalkpagina naar het begin van de bestemmingspagina beschouwd. Als deze eigenschap bij geen enkele navigatiebalkpagina is ingesteld op Waar, fungeert de startpagina als de standaard landingspagina. U kunt rapporten over Prestatiestatistieken agent niet instellen als de standaard landingspagina. |
|
nav > navigateTo |
Deze eigenschap geeft de naam van de aangepaste pagina op. Deze naam wordt in de adresbalk weergegeven wanneer de agent navigeert. De navigateTo mag niet de volgende waarden bevatten: afbeeldingen, lettertypen, css, build_info, Help, app, i18n, pictogrammen, images-mfe-wc en geluiden. |
|
Eigenschap |
Beschrijving en code |
|---|---|
|
pagina > id |
In De |
|
pagina > gebruikFlexLayout |
Flex layout is een nieuw webcomponent. De bestaande widgets worden niet gewijzigd. De nieuwe flexibele lay-out maakt op vereenvoudigde wijze gebruik van dezelfde indelingsconfiguratie. Het is achterwaarts compatibel en heeft geen invloed op bestaande widgets. U moet de JSON-indeling configureren. Geef de hoogte en de breedte van de widget op als u de JSON-indeling wilt configureren. De widget wordt in dezelfde volgorde weergegeven als hij is geconfigureerd in de JSON-indeling. Widgets hebben een standaardmarge van 8 px. De JSON-indeling is gebaseerd op de afmetingen (breedte x hoogte) en coördinaten (X, Y en Z) van de widgets. De flexibele indeling ondersteunt functies zoals het formaat van afzonderlijke widgets aanpassen, widgets maximaliseren, enzovoort. De hoogte van de afzonderlijke widgets wordt gemeten in pixels. 1 eenheid hoogte = 40 pixels. De breedte van de widget hangt af van het aantal kolommen in de container en het aantal kolommen dat verandert op basis van de containerbreedte. Widgets worden van links naar rechts weergegeven. De geavanceerde lay-outengine gebruikt aangepaste logica om zowel horizontale als verticale spatie aan widgets toe te passen. Aanvankelijk wordt de indeling horizontaal geladen. Na horizontaal laden, laadt de widget verticaal en zorgt voor een optimaal ruimtegebruik. Configureer de widgets op basis van het schermformaat. U kunt de breedte van de widgets verhogen of verlagen op basis van de schermgrootte. Hierdoor zijn de widgets beter leesbaar en bruikbaar. De flexlay-out biedt standaard pauzepunten zoals groot, middel, klein en extra klein.
Deze pixels kunnen variëren, afhankelijk van het besturingssysteem en de browser. |
|
pagina > widgets pagina > competen |
Helpt u bij het definiëren van aangepaste widgets. Als u meerdere widgets wilt plaatsen, geeft u de widgetopties op volgorde op. Zorg ervoor dat u elke widget een unieke gebiedsnaam geeft. Gebruik de toepassing in het indelingsgedeelte later. Deze eigenschap vertegenwoordigt de naam van het aangepaste HTML-element (webcomponent of een ander element - als u het als wrapr wilt gebruiken). Zie Voorbeeldvoorbeelden van gevalvoorbeelden voor meer informatie. Geef hier uw aangepaste elementnaam op zonder hoekige haken ("<" of ">"). Bijvoorbeeld, 'mijn-aangepast-element'. Elk item in de sectie widgets ondersteunt de volgende notatie: |
|
pagina > script |
(Optioneel) Deze eigenschap is alleen vereist wanneer u de widget of component vanaf een externe locatie zoals een CDN laadt. Wijzig de script-URL niet voor dezelfde component. Als u de script-URL voor dezelfde component wilt wijzigen, voert u een van de volgende handelingen uit:
|
|
pagina > eigenheden |
U kunt eigenschappen opgeven die u moet doorgeven voor de webcomponent. |
|
pagina > antwoord |
Bepaalt of een webcomponent of een op IFrame gebaseerde widget die in de aangepaste indeling op Configureer deze eigenschap met een van de volgende waarden:
Niet-responsieve widgets kunnen niet de beste gebruikerservaring garanderen en worden niet in de kleinere weergave weergegeven. De agent moet het browservenster vergroten om widgets te kunnen bekijken die als niet-responsief zijn geconfigureerd. |
|
pagina > kenmerken |
In deze sectie kunt u de kenmerken van het webcomponent opgeven. |
|
pagina > zichtbaarheid |
Geeft aan of de door Cisco aangeboden widgets die zijn toegevoegd in de aangepaste lay-out op Widgets die Cisco aanbiedt zijn onder andere Contactgeschiedenis, Cisco Webex Experience Management, IVR-transcript, Voorbeeldcampagnegespreksgids en Schermpop-up.
|
|
pagina > kinderen |
Deze eigenschap vormt het kernonderdeel van de lay-out. In de Zie Gegevens van bureaublad naar widgets delen voor meer informatie over het doorgeven van STORE-waarden als eigenschappen. Het voordeel van de arraysectie 'kinderen' is dat u bestaande webcomponenten in uw lay-outspecificatie kunt gebruiken. Deze componenten zijn al onderdeel van het Desktop-pakket. Enkele van de Desktop-bundelwebcomponenten zijn:
Zie Kenmerken voor permanente tabbladen voor meer informatie over de kenmerken voor het permanente tabblad. |
|
pagina > tekstInhoud |
Helpt u bij het toevoegen van uw tekstinhoud. |
|
pagina > stijl |
Hiermee kunt u een specifieke CSS-stijl aan uw component toewijzen. |
|
pagina > wrapper |
Met de widget wrapper kunt u een werkbalk bovenop uw widget toevoegen. De werkbalk kan een titel en de Zorg ervoor dat u de standaardwaarde 'app-maximize-area' gebruikt. Momenteel is alleen de standaardwaarde beschikbaar. |
|
pagina > wrapper> id |
(Optioneel) Met de widgetwrapper van het webcomponent kunt u de dynamische widgettitel bijwerken met een unieke identificatie. Voer de eigenschapswaarde Zorg ervoor dat u dezelfde unieke identificatie gebruikt voor de JavaScript CustomEvent. Voor meer informatie, zie de Asynchrone gebeurtenissen sectie in de Agent Contact Module hoofdstuk van de Cisco Webex Contact Center Desktopontwikkelaar. Als u de iFrame-gebaseerde widgettitel wilt bijwerken, gebruikt u de iFrame-inhoud van hetzelfde domein. Hieronder volgt een voorbeeld: |
|
pagina > agentx-wc-iframe |
Hiermee kunt u een webpagina insluiten in een iFrame die als een widget op het bureaublad wordt weergegeven. U kunt de iFrame-widget "agentx-wc-iframe" gebruiken. |
|
pagina > indeling | Hiermee kunt u de widgets op een pagina ordenen. De volgende indeling geeft een rasterweergave weer: Hier kunt u het raster definiëren met de gebiedsnamen die u in de sectie widgets hebt gedefinieerd. Het volgende voorbeeld laat zien hoe de indeling van drie rijen en drie kolommen wordt gespecificeerd:  In het gedeelte 'Grootte' geven getallen het deel van de ruimte aan dat een widget kan innemen, relatief ten opzichte van de andere widgets. Alle drie de kolommen beslaan evenveel ruimte. Als de breedte 100% is, neemt elke widget 33,33% van de horizontale ruimte in beslag.  Nog een voorbeeld van een use case: als u instelt als "cols": [1, 2, 2], betekent dit dat de totale ruimte wordt gedeeld door 5 (1+2+2) en dat de eerste widget 20% van de horizontale ruimte inneemt. De tweede en derde widget nemen elk 40% in beslag. Zie Basisconcepten van rasterindeling voor meer informatie.  |
|
pagina > ROOT |
Het nesten van lay-outs wordt een sublay-out genoemd. Als u geneste lay-outs in uw lay-outconfiguratie hebt, moet u één enkel "ROOT"-object als bovenliggend object voor sublay-outs hebben. Anders kan uw lay-outconfiguratie plat zijn als er geen nesting nodig is. Met deze sublayout hebt u meer controle over het gedrag bij het wijzigen van de lay-outgrootte. De eigenschap pagina-indeling moet van het type Record<string, Layout> zijn. Met de lay-outeigenschap kunt u de widgets op een pagina rangschikken. Met deze instelling wordt er een raster in de ROOT-layout gemaakt met twee subrasters waarvan u de grootte onafhankelijk van elkaar kunt aanpassen.  Wanneer u de grootte van een component wijzigt, heeft dit invloed op de componenten in die sublayout.  Let op de volgende gevallen: Oneindige lus: Als u de ROOT-layout opneemt als sublayout van ROOT, veroorzaakt dit de fout "call stack exceeded" en komt u in een oneindige lus terecht.  Dezelfde sublayout (N) keer: Als u de sublayout meer dan eens met dezelfde naam in uw raster opneemt en als u de grootte van een van de sublayouts wijzigt, worden de groottes van alle sublayouts automatisch aangepast. Als dit niet het gewenste gedrag is, geef dan elke sublayout een unieke naam.  |
(Kenmerken voor persistente tabbladen
Om de tabbladen op de aangepaste pagina's en aangepaste widgets permanent te maken, voert u de kenmerken voor md-tabs in de aangepaste lay-out in.
Voorbeeld: Tabbladen instellen als permanent
{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "unieke id voor alle tabbladen samen in de container" }, }|
Eigendom |
Beschrijving |
|---|---|
|
Persistente selectie |
Om |
|
tabbladen-id |
Unieke identificatie voor alle tabbladen in de container. |
Wanneer u md-tabs instelt als persistent (persist-selection: true), behoudt Agent Desktop de tabbladselectie, zelfs als een agent schakelt tussen pagina's of widgets op het bureaublad.
- De eigenschap
persist-selectionis niet van toepassing op de tabbladen in het deelvenster Aanvullende informatie en de pagina met rapporten over agentprestatiestatistieken, omdat het gedrag voor persistente tabbladen al is ingesteld op het bureaublad. - De tabbladselectie wordt teruggezet naar het standaardtabblad wanneer u zich afmeldt bij het bureaublad, de browser opnieuw laadt/vernieuwt of de browsercache wist.
Configuratie van persistente widgets
U kunt elke aangepaste widget permanent configureren. Blijvende widgets worden op alle pagina's van het bureaublad weergegeven. Blijvende widgets worden alleen weergegeven als een nieuw tabblad in het deelvenster Aanvullende informatie wanneer u een actieve contactaanvraag of gesprek hebt. Bijvoorbeeld: Voorbeeld persistente widget.
Blijvende widgets worden op de startpagina niet op dezelfde manier weergegeven als op andere pagina's. Als u echter actief interactie hebt, worden de permanente widgets op de startpagina weergegeven als onderdeel van het deelvenster Aanvullende informatie. Wanneer u bijvoorbeeld een oproep hebt beantwoord, wordt het deelvenster Interactiebeheer weergegeven en Voorbeeld persistent widget wordt weergegeven als onderdeel van het deelvenster Hulpinformatie.
Voorbeeld:
"gebied": { "persistent": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "kinderen": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Aangepaste paginawidget" } ] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "kinderen": [{ "comp": "dynamic-area", "properties": { "gebied": { "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "titel": "AgentX iFrame", "maximizeAreaName": "app-maximaliseer-gebied" } }, "comp2": { "comp": "uuip-widget-two", "script": "./dynamic-widgets/widget-two.js", "attributes": { "titel": "Inhoud van WIDGET 2" }, "wrapper": { "titel": "Titel van widget 2", "maximizeAreaName": "app-maximaliseer-gebied" } } }, "layout": { "gebieden": [ ["comp1", "comp2"] ], "grootte": { "kolommen": [1, 1], "rijen": [1] } } } } }] } ] }Wanneer u een widget aanpast, kunt u een van de volgende opties kiezen:
-
Host een applicatie op een webpagina die in een iframe kan worden ingesloten.
-
Maak een aangepaste widget.
De technische widgetvereisten worden beschreven in de Documentatie voor de ontwikkeling van desktopwidgets. Zorg ervoor dat u als lay-outeditor over de volgende gegevens beschikt:
-
Hoe heet het aangepaste HTML-element (ook wel webcomponent genoemd)?
-
Wat is de URL naar de bron van het Content Delivery Network (CDN) waar de JavaScript-bundel wordt gehost?
Koptekstwidgets
De header wordt gebruikt om inline-informatie weer te geven, vervolgkeuzemenu's toe te voegen, enzovoort. Omdat de headercontainer een beperkte verticale ruimte heeft, bedraagt de totale headerhoogte slechts 64 pixels. Voor meer informatie over de lay-outuitlijning, zie de lay-outeigenschap sectie.
Voorbeeld:
"header":{ "id":"header", "widgets":{ "head1":{ "comp":"header-widget-one", "script":"https://my-cdn.com/dynamic-widgets/header-widget-one.js", }, "head2":{ "comp":"header-widget-two", "script":"https://my-cdn.com/dynamic-widgets/header-widget-two.js", } }, "layout":{ "areas":[[ "head1", "head2" ]], "size": { "cols": [1, 1], "rows": [1] } } }
Om een tooltip voor een headerwidget toe te voegen, wikkelt u het component in met md-tooltip. Voer tooltipinformatie in de eigenschap bericht in.
Voorbeeld:
"header": { "id": "dw-header", "widgets": { "head1": { "comp": "md-tooltip", "attributen": { "bericht": "Netlify" }, "kinderen": [{ "comp": "agentx-wc-iframe", "attributen": { "src": "https://keen-jackson-8d352f.netlify.app" } }] }, }, }U moet de stijlkenmerken display en height toevoegen om widgets via iFrame te configureren in het aanpasbare widgetgebied in de header. De best passende waarde voor het kenmerk height is 64 pixels.
Zorg ervoor dat u de stijlkenmerken toevoegt aan de bestaande headerwidgets, zodat deze zoals verwacht worden geladen in de iFrame.
Voorbeeld:
"head1": { "comp": "agentx-wc-iframe", "attributen": { "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "style": "hoogte:64px;weergave:flex;" } },Wij adviseren u om voor de header slechts één rij met meerdere kolommen te gebruiken, omdat de headerhoogte slechts 64 pixels bedraagt. Zie de sectie layouteigenschap voor meer informatie over uitlijning.
Deelvenster Hulpinformatie
In het deelvenster Hulpinformatie van het bureaublad worden de tabbladen weergegeven met de door Cisco aangeboden (standaard)widgets en aangepaste widgets. De volgende door Cisco aangeboden widgets worden weergegeven in de vooraf gedefinieerde tabbladen:
-
Contactgeschiedenis
-
IVR-transcript
-
Klantbelevingstraject
-
Pop-upscherm
Met het deelvenster Hulpinformatie kunt u het volgende doen:
-
Tabbladen toevoegen
-
De tabvolgorde wijzigen
-
Vooraf gedefinieerde tabbladen verwijderen
-
Markeer de aangepaste tabbladen als versleepbaar
-
Voeg tooltips toe aan de aangepaste tabbladen
-
Voeg de optie Tabvolgorde opnieuw instellen toe
Voorbeeld:
"paneel": { "comp": "md-tabs", "kenmerken": { "klasse": "widget-tabs" }, "kinderen": [{ "comp": "md-tab", "kenmerken": { "slot": "tab", "klasse": "widget-pane-tab" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "CONTACTGESCHIEDENIS_TAB" } }] }, { "comp": "md-tab-panel", "kenmerken": { "slot": "paneel", "klasse": "widget-pane" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "CONTACTGESCHIEDENIS" } }] }, { "comp": "md-tab", "kenmerken": { "slot": "tabblad", "klasse": "widget-paneel-tabblad" }, "kinderen": [{ "comp": "md-icon", "kenmerken": { "naam": "pop-out_16" } }, { "comp": "span", "textContent": "Schermpop" } ], "zichtbaarheid": "SCHERM_POP" }, { "comp": "md-tab-paneel", "kenmerken": { "slot": "paneel", "klasse": "widget-paneel" }, "kinderen": [{ "comp": "#SCREEN_POP" }], }, { "comp": "md-tab", "kenmerken": { "slot": "tabblad" }, "kinderen": [{ "comp": "md-icon", "kenmerken": { "naam": "emoticons_16" } }, { "comp": "span", "textContent": "Aangepaste widget" } ] }, { "comp": "md-tab-panel", "attributes": { "slot": "paneel" }, "kinderen": [{ "comp": "dynamisch-gebied", "eigenschappen": { "gebied": { "id": "dw-paneel-twee", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "titel": "AgentX iFrame", "maximizeAreaName": "app-maximaliseren-gebied" } }, "comp2": { "comp": "widget-één", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "titel": "Widgettitel", "maximizeAreaName": "app-maximalize-area" } } }, "layout": { "gebieden": [ ["comp1"], ["comp2"] ], "grootte": { "kolommen": [1], "rijen": [1, 1] } } } } }] } ] },U kunt de widget Customer Experience Journey configureren nadat u de Customer Experience Management Metrics op de Management Portal hebt ingeschakeld.
Voeg in het deelvenster Hulpinformatie nieuwe tabbladen toe om uw aangepaste widgets te plaatsen. Hier gelden geen speciale regels en de nesting van componenten verloopt zoals verwacht en zoals beschreven in de sectie kinderen . Zie de eigenschap Children van de pagina voor meer informatie.
Hieronder vindt u specifieke voorbeelden voor het aanpassen van uw tabbladkoppen:
Voorbeeld voor het plaatsen van pictogrammen en labels in de eigenschap Kinderen
{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "transcript_16" } }, { "comp": "span", "textContent": "Mijn widgettabblad" } ], },Voorbeeld voor het plaatsen van een afbeelding (met CSS) en labels in de eigenschap Children
{ "comp": "md-tab", "attributes": { "slot": "tab" }, "kinderen": [{ "comp": "span", "attributes": { "style": "align-items: center; display: flex;" }, "kinderen": [{ "comp": "img", "attributes": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "style": "margin-right: 0.5rem;" } }, { "comp": "span", "textContent": "Mijn widgettabblad" } ] }], },De vervolgkeuzelijst Meer tabbladen wordt automatisch weergegeven wanneer het deelvenster Hulpinformatie meerdere tabbladen bevat.
U moet een aangepaste tabbladtoolinfo toevoegen voor een betere leesbaarheid en toegankelijkheid. Als u een tooltip voor een aangepast tabblad wilt toevoegen, wikkelt u het component in met md-tooltip. Voer de informatie over de tooltip in de eigenschap message in en pas de eigenschapswaarden style toe zoals in het volgende voorbeeld.
"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Voorbeeldtabblad 1", "style": "max-breedte: 252px; min-breedte: 110px; overloop: verborgen; tekstoverloop: ellipsis; witruimte: nowrap; weergave: inline-blok; marge-onderkant: -10px;" },Voor een aangepast tabblad adviseren wij een maximale breedte van 252 pixels en een minimale breedte van 110 pixels.
Om de functie slepen en neerzetten binnen het aangepaste tabblad in te schakelen, voegt u de volgende eigenschap toe binnen het tabblad kenmerken:
"comp": "md-tabbladen", "kenmerken": { "klasse": "widget-tabbladen", "versleepbaar": waar, "comp-unique-id": "voorbeeld-dynamische-aangepaste-tabbladen" },-
versleepbaar: Stel deversleepbaarwaarde van het onroerend goed naar WAAR. -
comp-unieke-id: Voer een unieke waarde in om het onderdeel te identificeren.Voorbeeld:
"comp-unique-id": "voorbeeld-dynamische-aangepaste-tabbladen"
Als u slepen en neerzetten inschakelt voor een aangepast tabblad, kan de agent het tabblad slepen en neerzetten op de gewenste positie in het deelvenster Aanvullende informatie. Om de tabbladen terug te zetten naar de standaardtabvolgorde, voegt u de volgende eigenschap toe:
"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "instellingen", "class": "widget-venster", "tabs-unique-id": "voorbeeld-dynamische-aangepaste-tabbladen" },-
agentx-wc-meer-acties-widget: Voer het onderdeel in dat wordt weergegeven als de Meer acties (
) pictogram in het deelvenster Hulpinformatie. -
slot="instellingen": Voer een kenmerk in het onderdeel in dat wordt weergegeven als de Tabvolgorde opnieuw instellen optie in de Meer acties vervolgkeuzelijst. Agenten kunnen de tabbladen in het deelvenster Hulpinformatie opnieuw instellen op de standaardvolgorde door op de knop te klikken. > Tabvolgorde opnieuw instellen. -
tabbladen-unieke-id: Voer dezelfde unieke waarde in die is gedefinieerd voor decomp-unieke-ideigenschap om in kaart te brengen en te resettenmd-tabbladencomponenten.
De volgende voorbeeldcode gebruikt de Meer acties En Tabvolgorde opnieuw instellen functies.
"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "instellingen", "class": "widget-venster", "tabs-unique-id": "voorbeeld-dynamische-aangepaste-tabbladen" }, "kinderen": [{ "comp": "div", "attributes": { "textContent": "aangepaste actie", "slot": "aangepaste-actie" }, "kinderen": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-melding" } ] }], }
Standaard zijn de tooltips, het ellipspictogram en de tabvolgorde-reset voor vooraf gedefinieerde tabbladen gedefinieerd.
De vervolgkeuzelijst Meer acties kan worden uitgebreid om extra aangepaste componenten of widgets toe te voegen na de optie Tabvolgorde opnieuw instellen . Hieronder vindt u een voorbeeldset met stijleigenschapswaarden die u op extra componenten kunt toepassen.
"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Voorbeeldelement", "style": "max-breedte: 252px; min-breedte: 110px; overloop: verborgen; tekstoverloop: ellips; witruimte: nowrap; weergave: inline-blok; marge-onderkant: -10px;" },
De functie slepen en neerzetten wordt niet ondersteund voor de extra aangepaste componenten of widgets die worden toegevoegd aan de vervolgkeuzelijst Meer acties .
Hoofdloze widgets
In de headless-sectie kunt u widgets toevoegen die verborgen zijn en niet op de Agent Desktop worden weergegeven. Deze widgets worden gebruikt om logica op de achtergrond uit te voeren. Deze sectie is handig om gebeurtenissen te activeren die op het bureaublad plaatsvinden en widgetspecifieke logica uit te voeren. Bijvoorbeeld door een aangepast CRM-pop-upbericht te openen voor SMS bij binnenkomst.
Voorbeeld:
"headless":{ "id":"headless", "widgets":{ "comp1":{ "comp":"headless-widget-one", "script":"https://my-cdn.com/dynamic-widgets/headless-widget-one.js", }, "comp2":{ "comp":"headless-widget-two", "script":"https://my-cdn.com/dynamic-widgets/headless-widget-two.js", } }, "layout":{ "areas":[[ "comp1", comp2" ]], "size": { "cols": [1, 1], "rows": [1] } } }
Gegevens delen van desktop naar widgets
Als u realtimegegevens wilt ontvangen via eigenschappen of kenmerken in een aangepaste widget, wijst u de juiste STORE-waarden toe in de JSON-configuratie van de lay-out.
Om toegang te krijgen tot de gegevens via JavaScript SDK-abonnees, kunt u de gegevens ook doorgeven via eigenschappen of kenmerken. Als uw component is gebouwd om te reageren op wijzigingen in eigenschappen of kenmerken, ontvangt u realtime gegevensupdates van Agent Desktop, een zogenaamde gegevensprovider.
Momenteel hebben we één enkele gegevensaanbieder onder een belangrijke STORE. Zie de sectie Gegevensprovider: Widgeteigenschappen en -kenmerken in de Cisco Webex Contact Center Desktop Developer Guide voor meer informatie.
Voorvertoning campagnegesprek
De beheerder maakt campagnes, configureert de kiesmodus (preview) en wijst de campagnes toe aan teams. Als een agent deel uitmaakt van een team waaraan campagnes zijn toegewezen, kan de agent een uitgaande previewcampagneaanroep doen. Zie Configureer Voice Outbound Campagnemodi in Webex Contact Center voor meer informatie.
De beheerder configureert het volgende in de aangepaste lay-out om een voorbeeld van het campagnecontact voor een agent in te schakelen.
Campagne Contact
De beheerder voegt de widget Campagnecontact toe aan de headercontainer van de aangepaste lay-out. In het campagnecontact worden de contactgegevens van de klant weergegeven op basis van de gedefinieerde eigenschappen. Zie de rij met de layouteigenschappen in de tabel met eigenschapsdetails voor meer informatie over de uitlijning van de lay-out.
Voorbeeld:
"advancedHeader": [ { "comp": "agentx-preview-campaign", "properties": { "isCampaignManagementEnabled": "$STORE.agent.isCampaignManagementEnabled", "agentDbId": "$STORE.agent.acqueonAgentId", "lcmUrl": "$STORE.agent.lcmUrl", "isCallInProgress": "$STORE.agentContact.isActiveCall", "outdialEntryPointId": "$STORE.agent.outDialEp", "teamId": "$STORE.agent.getAcqueonTeamId", "campaignManagerAdditionalInfo": "$STORE.agent.campaignManagerAdditionalInfo", "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVariables.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featuresFlags.isProgressiveCampaignEnabled" } }, { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } ] Belgids
De widget Oproepgids wordt weergegeven in het deelvenster Extra informatie op het bureaublad. De oproepgids geeft de vragen en antwoorden op campagneniveau weer. De agent wordt gevraagd de vragen in de gespreksgids door te lezen en de antwoorden te verzenden.
Voorbeeld:
"panel":{ "comp":"md-tabs", "attributes":{ "class":"widget-tabs" }, "children":[ { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp":"md-icon", "attributes":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Call Guide" } ], "visibility":"CALL_GUIDE" }, { "comp":"md-tab-panel", "attributes":{ "slot":"panel", "class":"widget-pane" }, "children":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // voeg CDN-link hier toe "wrapper":{ "title":"Oproepgids", "maximizeAreaName":"app-maximaliseer-gebied" }, "eigenschappen":{ "lcmKey":"$STORE.agentContact.getCallGuideProps.LCMKey", "agentDbId":"$STORE.agent.acqueonAgentId", "lcmUrl":"$STORE.agent.lcmUrl", "campaignManagerAdditionalInfo":"$STORE.agent.campaignManagerAdditionalInfo" "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVaribles.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featureFlags.isProgressiveCampaignEnabled" } } ], "visibility":"OPROEPGIDS" } ] }- Het volgende
compDe eigendomsverwijzingen zijn gewijzigd.agentxin de eigenschapswaarde wordt vervangen dooracqueon:agentx-preview-campagneis hernoemd naaracqueon-preview-campagneagentx-belgidsis hernoemd naaracqueon-call-gids
- U moet List and Campaign Manager (LCM) hosten op een CDN en vervolgens de URL opgeven in de
scripteigendom.
Pop-upscherm
In de bureaubladindeling kunt u schermpop-ups op een van de volgende manieren configureren:
-
Als een aangepaste pagina
-
Als een van de widgets op de aangepaste pagina
-
Als tabblad in het deelvenster Hulpinformatie
Het schermpop-upvenster wordt op het bureaublad weergegeven op basis van de volgende factoren:
Voor het Voice-kanaal:
-
De configuratie gedefinieerd in de bureaubladindeling
-
De Screen Pop-activiteit gedefinieerd in de Flow Designer
Voor de nieuwe digitale kanalen:
-
De configuratie gedefinieerd in de bureaubladindeling
-
Het Screen Pop-knooppunt gedefinieerd in de Connect Flow Builder
Voor meer informatie over het configureren van Screen Pop, zie Scherm Pop.
Schermpop-up configureren in de navigatiebalk
U kunt Screen Pop configureren als een aangepaste pagina of als een van de widgets op een aangepaste pagina. Om toegang te krijgen tot de aangepaste pagina Schermpop-up, klikt u op Scherm Pop pictogram op de navigatiebalk. Om toegang te krijgen tot de widget Schermpop-up op de aangepaste pagina, klikt u op het aangepaste pictogram op de navigatiebalk. Voor meer informatie over navigatie eigenschappen, zie Navigatie (aangepaste pagina's).
Voorbeeld: schermpop-up als aangepaste pagina
{ "nav": { "label": "Schermpop", "pictogram": "pop-out", "iconType": "momentum", "navigateTo": "/screenpop", "align": "bovenaan" }, "pagina": { "id": "agentx-wc-screen-pop", "widgets": { "comp1": { "comp": "agentx-wc-screen-pop", "eigenschappen": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" } } }, "layout": { "gebieden": [ ["comp1"] ], "grootte": { "kolommen": [1], "rijen": [1] } } }, "zichtbaarheid": "SCHERMPOP" }Voorbeeld: schermpop-up als widget op de aangepaste pagina
"comp1": { "comp": "agentx-wc-screen-pop", "eigenschappen": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" }Als het schermpop-upvenster niet is geconfigureerd in de Flow Designer, wordt de aangepaste pagina leeg weergegeven. Zie Screen Pop voor meer informatie over het configureren van Screen Pop in de Flow Designer.
Schermpop-up configureren in het hulpinformatiepaneel
U kunt Schermpop-up configureren zodat deze wordt weergegeven als een tabblad in het deelvenster Hulpinformatie.
Standaard wordt Schermpop-up weergegeven als een nieuw subtabblad op het tabblad Schermpop-up van het deelvenster Hulpgegevens als Schermpop-up is geconfigureerd om te worden weergegeven als Binnen bureaublad in de Flow Designer.
Voeg het volgende kenmerk toe in de paneel sectie om Schermpop-up op te nemen als een tabblad in het deelvenster Extra informatie. Zie het Hulpinformatievenster voor meer informatie over de paneeldetails.
Voorbeeld: Schermpop-up als tabblad in het hulpinformatievenster
{ "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "kinderen":[ { "comp": "md-icon", "attributes": { "name": "pop-out_16" }}, { "comp": "span", "textContent": "Schermpop" }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "kinderen": [{ "comp": "#SCREEN_POP" } ], }De optie Schermpop-weergave die is gedefinieerd in de Flow Designer heeft voorrang op de configuratie die is gedefinieerd in de Bureaubladindeling.
Stel dat u de volgende schermpop-instellingen hebt geconfigureerd:
- Flow Designer - Weergave-instellingen als in het nieuwe browsertabblad
- Bureaubladindeling: als tabblad in het deelvenster Hulpinformatie
Wanneer de gebeurtenis plaatsvindt waarvoor het pop-upscherm is geconfigureerd, wordt het pop-upscherm buiten het bureaublad weergegeven, dat wil zeggen in een nieuw tabblad van de browser.
Voorbeelden van gebruiksscenario's
-
Configureer en open de widget Customer Experience Management Metrics vanuit de navigatiebalk
-
Standaard hulpinformatiepaneel met contactgeschiedenis en schermpop-up
Configureer en open de widget Customer Experience Management Metrics vanuit de navigatiebalk
Voorbeeld:
{ "nav": { "label": "Metrische gegevens voor klantervaringsbeheer", "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": { "titel": "Klantervaringsreis", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "gebieden": [ ["comp1"] ], "grootte": { "kolommen": [1], "rijen": [1] } } } },Raadpleeg de Webex Experience Management documentatie voor de spaceId en metricsId.
Tabbladen gebruiken op de aangepaste pagina
Voorbeeld:
{ "nav": { "label": "Dynamische tabbladen", "icon": "opgeslagen-info", "iconType": "momentum", "navigateTo": "dynamische tabbladen", "align": "bovenaan" }, "pagina": { "id": "pagina-id-tabbladen", "widgets": { "comp1": { "comp": "md-tabs", "kinderen": [{ "comp": "md-tab", "textContent": "Een", "attributen": { "slot": "tabblad" } }, { "comp": "md-tab-paneel", "attributen": { "slot": "paneel" }, "kinderen": [{ "comp": "widget-twee", "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js" }] }, { "comp": "md-tab", "textContent": "Twee", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Twee inhoud", "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] } } } }Standaard hulpinformatiepaneel met contactgeschiedenis en schermpop-up
Voorbeeld:
"paneel": { "comp": "md-tabs", "kenmerken": { "klasse": "widget-tabs" }, "kinderen": [{ "comp": "md-tab", "kenmerken": { "slot": "tab", "klasse": "widget-pane-tab" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "CONTACTGESCHIEDENIS_TAB" } }] }, { "comp": "md-tab-panel", "kenmerken": { "slot": "paneel", "klasse": "widget-pane" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "CONTACTGESCHIEDENIS" } }] }, ] }, { "comp": "md-tab", "kenmerken": { "slot": "tab", "klasse": "widget-pane-tab" }, { "comp": "md-tab", "kenmerken": { "slot": "tab", "klasse": "widget-pane-tab" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "SCREEN_POP_TAB" } }], "zichtbaarheid": "SCREEN_POP" }, { "comp": "md-tab-panel", "kenmerken": { "slot": "paneel", "klasse": "widget-pane" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "SCREEN_POP" } }], "zichtbaarheid": "SCREEN_POP" } },Hulpinformatiepaneel met widget voor de klantervaringsreis
Voorbeeld:
"paneel": { "comp": "md-tabs", "kenmerken": { "klasse": "widget-tabs" }, "kinderen": [{ "comp": "md-tab", "kenmerken": { "slot": "tab" }, "kinderen": [{ "comp": "slot", "kenmerken": { "naam": "WXM_JOURNEY_TAB" } }], "zichtbaarheid": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "kenmerken": { "slot": "paneel", "klasse": "widget-paneel" }, "kinderen": [{ "comp": "agentx-wc-cloudcherry-widget", "eigenschappen": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Klantervaringsreis", "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", "attributen": { "slot": "paneel", "klasse": "widget-paneel" }, "kinderen": [{ "comp": "slot", "attributen": { "naam": "CONTACTGESCHIEDENIS" } }] }, { "comp": "md-tab", "attributen": { "slot": "tab", "klasse": "widget-paneel-tab" }, "kinderen": [{ "comp": "slot", "attributen": { "naam": "SCREEN_POP_TAB" } }], "zichtbaarheid": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributen": { "slot": "paneel", "klasse": "widget-paneel" }, "kinderen": [{ "comp": "slot", "attributen": { "naam": "SCREEN_POP" } }], "zichtbaarheid": "SCREEN_POP" } "zichtbaarheid": "SCREEN_POP" }, },Lokalisatie
De volgende talen worden ondersteund:
Bulgaars, Catalaans, Chinees (China), Chinees (Taiwan), Deens, Duits, Engels (VK), Engels (VS), Fins, Frans, Hongaars, Italiaans, Japans, Koreaans, Kroatisch, Nederlands, Noors, Pools, Portugees (Brazilië), Portuguees (Portugal), Roemeens, Russisch, Servisch, Slovaaks, Sloveens, Spaans, Tsjechisch, Turks en Zweeds.
De taal van de bureaubladinterface is gebaseerd op de taalvoorkeurinstellingen van uw browser. Laat we er bijvoorbeeld van uitgaan dat u Frans als gewenste taal hebt geselecteerd in de Firefox-browser. Wanneer u het bureaublad in de Firefox-browser opent, wordt de bureaubladinterface in het Frans weergegeven. De horizontale header, navigatiebalk en andere onderdelen die aan de bureaubladindeling zijn toegevoegd, worden echter niet gelokaliseerd op basis van de taalvoorkeurinstellingen van uw browser.
Lokaliseer bureaubladcomponenten
Om desktopcomponenten te lokaliseren,
-
Gebruik de bestaande lokalisatiesleutels die zijn ingesteld in de
app.jsonbestand. Als de lokalisatiesleutels niet zijn ingesteld, wordt de standaardtaal Engels (VS) gebruikt. U kunt een serviceaanvraag indienen bij Cisco Support om een lokalisatiesleutel toe te voegen aan deapp.jsonbestand.Voorbeeld: lokalisatiesleutel
{ "common": { "buttonTitle": "Timer stoppen" } } -
Voer de volgende hoofdlettergevoelige eigenschap in het JSON-bestand Desktop Layout in om een component te lokaliseren:
"textContent": "$I18N.<key>",Waarbij <key> verwijst naar de overeenkomstige lokalisatiesleutel in het
app.jsonbestand.
Voorbeeld: Lokaliseer headercomponent
"header": { "id": "header", "widgets": { "head1": { "comp": "md-button", "attributen": { "slot": "menu-trigger", "style": "hoogte: 64px" }, "kinderen": [{ "comp": "span", "textContent": "$I18N.common.buttonTitle", } }, }, }Voorbeeld: Tabbladcomponent lokaliseren in het deelvenster Hulpinformatie
"paneel": { "comp": "md-tab", "kenmerken": { "slot": "tab" }, "kinderen": [{ "comp": "span", "textContent": "$I18N.panelTwo.screenPopTitle" }] }
