Yleiskatsaus

Työpöydän asettelu -ominaisuuden avulla voit määrittää Webex Contact Center -työpöydän yrityksesi vaatimusten mukaisesti. Voit mukauttaa elementtejä, kuten logoa, otsikkoa ja widgetejä. Voit luoda työpöydän asettelun ja määrittää sen tiimille. Tämä asettelu luo agenttikokemuksen työpöydälle kaikille agenteille, jotka kirjautuvat sisään osana tätä tiimiä.

Asetteluja on kahdenlaisia:

  • Yleinen asettelu: Tämä asettelu on järjestelmän luoma asettelu, joka määritetään oletuksena, kun luot ryhmän. Katso lisätietoja Hallitse joukkueita. Kun luot ryhmän, yleinen asettelu asetetaan automaattisesti ryhmän työpöytäasetteluksi. Et voi poistaa tätä asettelua.

  • Mukautettu asettelu: Asettelu, joka tarjoaa mukautetun työpöytäkokemuksen. Voit luoda mukautetun asettelun yhdelle tai useammalle joukkueelle.

Jos määrität uuden työpöydän asettelun, kun agentti on kirjautunut sisään, agentin on ladattava sivu uudelleen nähdäkseen uuden asettelun.

Webex Contact Center -työpöytä tukee kolmea persoonaa:

  • Edustaja

  • Esimies

  • Esimies ja agentti

JSON-asettelutiedostossa on erilliset osiot jokaiselle henkilölle. Järjestelmänvalvojan tulee määrittää kunkin henkilön asetukset JSON-asettelutiedoston vastaavassa osiossa. Lisätietoja esimerkki JSON-asettelutiedostosta on kohdassa JSON-asettelun ylätason ominaisuudet.

Kun Cisco lisää uuden ominaisuuden työpöytäasetteluun, muokkaamaton asettelu päivitetään automaattisesti uusilla ominaisuuksilla. Päivitetty työpöydän asettelu on automaattisesti saatavilla olemassa oleville ryhmille, jotka käyttävät muokkaamatonta työpöydän asettelua. Muokkaamatonta työpöydän asettelua käyttävät työpöydän käyttäjät saavat uudet asettelupohjaiset ominaisuudet kirjautuessaan sisään tai lataaessaan selaimen uudelleen.

Jos käytät Desktop Layout.json tiedostoa ilman muutoksia, sitä pidetään muokkaamattomana asetteluna. Jos kuitenkin lataat Desktop Layout.json tiedosto ja lataa se uudelleen, sitä pidetään muokattuna asetteluna, vaikka tiedoston sisältöä tai tiedoston nimeä ei muuteta.

Työpöydällä on kahdenlaisia ​​widgetejä – iframe-pohjaisia ​​ja verkkokomponentteihin perustuvia. Otsikko, navigointi (mukautettu sivu), pysyvä alue, päätön alue ja aux-paneeli ovat mukautettava alue työpöydällä. Nämä eivät ole widgetejä.

Seuraavassa luettelossa on tietoja tiloista, jotka voit määrittää. Kuvat havainnollistavat työpöydän asettelua:

  1. Otsikko- ja logoalue: Tässä tilassa näkyy Webex Yhteyskeskuksen logo ja nimi (oletus) näytön vasemmassa yläkulmassa.

  2. Vaakasuuntainen otsikko alue: Tässä tilassa on konfiguroitavissa oleva alue, joka on täytetty mukautetuilla widgeteillä. Nämä widgetit voivat näyttää esimerkiksi upotettuja tietoja ja avattavia valikoita. Koska tämän otsikon korkeus on vain 64 pikseliä, widgetin korkeus ei voi ylittää otsikon korkeutta.

  3. Työtila alue: Tämä tila muuttuu navigointipalkin valinnan mukaan tai kun agentti on vuorovaikutuksessa asiakkaiden kanssa. Kun agentti on puhelussa, tällä alueella näkyy vuorovaikutuksen ohjaus- ja lisätietoruutu (joka sisältää mukautetut widgetit ja pysyvät widgetit). Kun agentti on vuorovaikutuksessa sähköposti-, chat- tai sosiaalisten kanavien kautta, tällä alueella näkyy työtila-alue ja aputietoruutu (joka sisältää pysyvän widget-alueen).

    Mukautettu sivu näkyy Työpöytäliittymässä työtilaruudussa. Voit käyttää mukautettua sivua navigointipalkin kuvakkeiden kautta. Jokainen mukautettu sivu voi sisältää yhden tai useamman mukautetun widgetin.

    Mukautettu widget on kolmannen osapuolen sovellus, joka on määritetty JSON-asettelussa. Voit sijoittaa mukautetun widgetin mukautetulle sivulle, mukautettuun välilehteen (Lisätiedot-ruutuun) tai työpöydän vaakasuuntaiseen otsikkoon.

  4. Navigointipalkki alue: Käytä tätä tilaa lisätäksesi navigointikohteita, jotta pääset mukautetuille sivuille.

Sample Webex Contact Center Desktop user interface for voice, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Esimerkki Desktop UI for Voicesta
Sample Webex Contact Center Desktop user interface for new digital channels, showing the areas that are customizable including page icons, page labels, page level widgets, tab icons, tab labels, table level widgets, logo, title, drag and drop/resize/maximize/minimize ability, header customization, and other header widgets.
Esimerkki työpöytäkäyttöliittymästä uusille digitaalisille kanaville

JSON-asettelun ylätason ominaisuudet

Roolit

JSON-oletusasettelulla on seuraavat kolme roolia.

  • Agentti – Työpöydän asettelun määrittäminen näytettäväksi, kun agentti kirjautuu sisään Webex Contact Center -työpöydälle käsitelläkseen agenttitoimintoja.

  • Supervisor – Työpöydän asettelun määrittäminen näytettäväksi, kun valvoja kirjautuu sisään Webex Contact Center -työpöydälle käsitelläkseen vain valvojan ominaisuuksia.

    Kun valvoja kirjautuu sisään työpöydälle, ensisijaiselle työryhmälle määritettyä työpöydän asettelua sovelletaan. Jos et anna ensisijaista tiimiä, sovelletaan yleistä asettelua. Oletusarvoisesti APS-raportit eivät ole käytössä.

  • supervisorAgent – ​​Työpöydän asettelun määrittäminen näytettäväksi, kun valvoja kirjautuu sisään Webex Contact Center -työpöydälle käsitelläkseen sekä valvojan ominaisuuksia että agenttitoimintoja.

Voit joko lisätä tai muokata widgetejä kullekin roolille vastaavassa JSON-asettelutiedoston persoonassa.

Seuraavat ovat JSON-asettelun ylimmän tason ominaisuudet roolin perusteella:

{ "agent": { "versio": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnable,":":T false,":":i "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": ​​{ "advance" ... }, "paneeli": { ... }, "navigointi": { ... }, "pysyvä": { ... }, "päätön": { ... " "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notificationa": "aderrereance": "aderrereance": }, "paneeli": { ... }, "navigointi": { ... }, "pysyvä": { ... }, "päätön": { ... }, "kotisivu": { ... } }, } "supervisorAgent": { "versio": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask", "stopNavigateOnAcceptTask," "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notificationa": "aderrereance": "aderrereance": }, "paneeli": { ... }, "navigointi": { ... }, "pysyvä": { ... }, "päätön": { ... } }, } },
  • JSON-ulkoasun ominaisuuksiin tehdyt muutokset tulevat voimaan, kun Desktop-selain päivitetään.
  • Jos JSON-asettelussa käytössä ollut toiminto ei ole käytettävissä Desktopissa, ota toiminto käyttöön Cisco Support -toiminnolla.
  • Kaikki JSON-ulkoasun ominaisuudet ovat kirjainkokoherkkä.

appTitle

Voit määrittää otsikon työpöydän vaakasuuntaisesta otsikosta. Oletusarvoinen otsikko on Webex Yhteyskeskus.

Esimerkki:

"appTitle": "Webex Yhteyskeskus"

OletussovellusTitle muuttuu Contact Center Desktopista Webex Yhteyskeskukseksi . Vanhaa oletusasettelua (Contact Center Desktop) käyttäviin mukautettuihin ulkoasuihin ei ole vaikutusta. Jos haluat käyttää uutta appTitle-sovellusta, sinun on muokattava mukautettua ulkoasua. Uusi yleinen ulkoasu käyttää kuitenkin oletussovellusta Nimellä Webex Yhteyskeskus.

Otsikko voi olla joko teksti, kuva tai tyhjä merkkijono. Otsikkoteksti näkyy kahtena rivinä. Jos teksti ulottuu toisen rivin ulkopuolelle, näkyviin tulee ellips-kuvake ja työkaluvihje näyttää koko otsikon. Tyylejä ei voi käyttää otsikossa.

Voit joko käyttää data-URI:ia (yhtenäinen resurssitunniste) tai isännöidä mukautettua otsikkokuvaa sisällönjakeluverkossa (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -kauhassa tai vastaavassa isännöintipalvelussa ja määrittää sitten URL-osoitteen isännöidylle kuvalle. Tuetut otsikkokuvan muodot ovat PNG, ASIAKASPALVELU, JAP, JA NE OVAT 2444, JA NE OVAT WWWP. Tuetun otsikkokuvan koko on 184 x 32 kuvapistettä (leveys x korkeus).

logo

Yrityksen logon URL-osoite voidaan määrittää. Jos et anna URL-osoitetta, Webex Yhteyskeskuksen logo tulee oletusarvoisesti näyttöön.

Esimerkki:

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

Voit isännöidä mukautettua logokuvan CDN-, Amazon Web Services (AWS) Simple Storage Service (S3) -kauhalla tai vastaavassa hosting-palvelussa ja määrittää sitten URL-osoitteen isännöidylle kuvalle. Tuetut logon näköistiedoston muodot ovat PNG, VPNG, JA ÄP, JA SEP. Tuetun logokuvan koko on 96 x 32 kuvapistettä (leveys x korkeus).

Taulukko 1. Sovellusotsikon ja logon näyttömatriisi Työpöydän ulkoasun määritysten mukaan
Ehto Esimerkki appTitle logo
Jos appTitleä ja logoa ei ole määritetty
"appTitle": "", "logo": "", 
Ei otsikkoa Oletuslogo
Jos appTitle ja logo on määritetty
"appTitle": "ABC-yritys", "logo": "https://my-cdn.com/abclogo.png", 
Määritetty teksti Määritetty logo
Jos appTitle on määritetty ja logoa ei ole määritetty
"appTitle": "ABC-yritys", "logo": "", 
Määritetty teksti Oletuslogo

Jos appTitle-määritettä ei ole määritetty ja logo on määritetty

"appTitle": "", "logo": "https://my-cdn.com/abclogo.png", 
Ei otsikkoa Määritetty logo
Jos appTitle on määritetty ja logo ei ole ensisijainen
"appTitle": "ABC-yritys", "logo": "ei logoa", 
Määritetty teksti Ei logoa

Jos appTitle-määritettä ei ole määritetty ja logo ei ole ensisijainen

"appTitle": "", "logo": "ei logoa", 
Ei otsikkoa Ei logoa
Jos appTitle lisätään kuvaksi ja logo on määritetty
"appTitle": "https://my-cdn.com/abccompanylogo.png", "logo": "https://my-cdn.com/abclogo.png", 
Määritetty kuva Määritetty logo

Jos appTitle lisätään kuvaksi ja logoa ei ole määritetty

"appTitle": "https://my-cdn.com/abccompanylogo.png", "logo": "", 
Määritetty kuva Oletuslogo

Jos appTitle lisätään kuvaksi ja logo ei ole ensisijainen

"appTitle": "https://my-cdn.com/abccompanylogo.png", "logo": "ei logoa", 
Määritetty kuva Ei logoa
  • Mukautettu kuvakoko säädetään kuvasuhteen mukaan. Aiemmin määritetty mukautettu otsikkoteksti voi nyt näkyä kahtena rivinä Työpöydällä. Voit välttää tämän muokkaamalla mukautettua otsikkotekstiä.
  • Jos otsikkoa ja logoa ei ole määritetty Työpöydän vaakasuuntaisesta otsikosta, otsikkowidgetit käyttävät tätä tilaa. Otsikko-widgettien on oltava määritetty oikein, jotta ne voivat käyttää otsikko- ja logotilaa.
  • Yhdessä otsikko ja logo eivät saa ylittää 304 kuvapisteen enimmäisleveyttä (pehmuste mukaan lukien). Jos logon leveys on alle 96 kuvapistettä, jäljellä olevaa leveyttä voidaan käyttää otsikossa.
  • Jos mukautettu kuvakoko on suurempi kuin tuettu koko, kuvan koko säädetään vaakasuuntaisen otsikon kuvasuhteen mukaan. Jos mukautettu kuvakoko on pienempi kuin tuettu koko, varsinainen kuvakoko säilyy vaakatasossa olevassa otsikossa.

taskPageIllustration

Voit määrittää tehtäväsivulle mukautetun kuvan, joka perustuu organisaation asetuksiin ja brändin mukauttamiseen. Kun edustaja kirjautuu sisään, määritetty kuva näkyy tehtäväsivulla taustana. Tehtäväsivu tulee oletusarvoisesti näkyviin kuvaamatta.

Esimerkki:

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

Voit joko käyttää data-URI:ia tai isännöidä mukautettua kuvaa sisällönjakeluverkossa (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -ämpärissä tai vastaavassa isännöintipalvelussa ja määrittää sitten URL-osoitteen isännöityyn kuvaan. Kuva voidaan määrittää yleisellä tai työryhmätasolla ulkoasun määrityksen perusteella. Määritä oikea URL, jotta voit estää rikkoutuneen kuvan tulemisen työpöydälle.

Tuetut tehtäväsivun kuvamuodot ovat PNG, TALLENNUS, NSAG, JA ÄP. Suositeltava kuvakoko on 400 x 400 kuvapistettä (leveys x korkeus). Jos mukautettu kuvakoko on suurempi kuin suositeltava koko, kuvakoko säädetään tehtäväsivun kuvasuhteen mukaan. Jos mukautettu kuvakoko on pienempi kuin suositeltava koko, varsinainen kuvakoko säilyy tehtäväsivulla.

Webex Contact Center interface example of a custom illustration retraining the actual size.
Varsinaisen koon säilyttävän mukautetun kuvan esimerkki
Webex Contact Center interface example of a custom illustration adjusted based on the aspect ratio.
Esimerkki, mukautettu kuva, joka on mukautettu kuvasuhteen mukaan

stopNavigateOnAcceptTask

Voit määrittää, siirretäänkö kohdistus vasta hyväksyttyyn tehtävään, kun edustaja hyväksyy uuden tehtävän edellisen tehtävän käsittelyn yhteydessä. Oletusarvo on epätosi.

Esimerkki:

"stopNavigateOnAcceptTask": epätosi

Jos arvoksi on määritetty tosi, kun käyttäjä hyväksyy uuden tehtävän Desktopissa, etusija pysyy edellisessä tehtävässä eikä siirry vasta hyväksyttyihin tehtäviin. Tämä asetus estää käyttäjää menettämästä tietojaan uutta pyyntöä hyväksyessään.

Ota esimerkiksi huomioon, että Edustaja 1 keskustelee Asiakas 1:n kanssa ja puhuu samanaikaisesti asiakas 2:n kanssa puhelua. Äänipuhelun aikana Edustaja 1 päivittää Asiakkaan 2 tietoja Vuorovaikutuksen hallinta -ruudussa. Tällä hetkellä Edustaja 1:llä on kaksi aktiivista tehtäväluettelo-ruudussa ja painopiste on Vuorovaikutuksen hallinta -ruudussa. Kun Edustaja 1 hyväksyy uuden keskustelupyynnön asiakkaalta 3, painopiste pysyy Vuorovaikutuksen hallinta -ruudussa Asiakkaan 2 kanssa eikä siirry vasta hyväksyttyun keskustelupyyntöön.

Jos haluat pitää kiinni edellisestä tehtävästä ja olla siirtymättä vasta hyväksyttyyn tehtävähän, valitse mukautettu ulkoasu, jonka kohteeksi on valittu StopNavigateOnAcceptTask-ominaisuuden arvoksi tosi.

Jos stopNavigateOnAcceptTask-ominaisuuden arvoa ei lisätä JSON-ulkoasuun, Desktop siirtää kohdistuksen vasta hyväksyttyun tehtävään. Toiminta on samanlaista kuin silloin, kun stopNavigateOnAcceptTask-ominaisuuden arvoksi on määritetty epätosi.

  • Asetus koskee kaikkia työpöydällä tehtyjä tehtäviä (äänikanavia ja digitaalisia kanavia), kuten tehtävän hyväksymistä, neuvottelua, konsultointia tai siirtoa sekä lähteviä kampanjapuheluja, automaattista päättämistä ja niin edelleen.
  • Asetus ei ole käytössä, jos Desktop-käyttäjä on Kotisivulla, eikä tehtäväluettelo-ruudussa ole aktiivista työtä. Siinä tapauksessa, kun uusi tehtävä hyväksytään, painopiste siirretään kotisivulta vasta hyväksyttyihin tehtäviin.

dragDropEnabled

Jos haluat ottaa käyttöön mukautettujen sivujen widgettien vetämisen ja koon uudelleen, määritä arvoksi tosi. Oletusarvo on epätosi.

Esimerkki:

"dragDropEnabled": epätosi

Lisätietoja aux-tietoruudun välilehtien vetämisen ja pudottamisen käyttöönotosta on lisätietojen ruudussa.

notificationTimer

Määritä kesto (sekunteina), jonka jälkeen työpöydän ilmoitukset hylätään automaattisesti. Ilmoitus näkyy Desktopin oikeassa yläkulmassa. Oletusarvoinen aikakatkaisun arvo on 8 sekuntia. Kelvollinen aikakatkaisuarvojen alue on 1–10 sekuntia. Jotta aikakatkaisun muutokset tulevat voimaan, selain on päivitettävä muutosten jälkeen.

Esimerkki:

"notificationTimer": 8

maximumNotification Laskennat

Voit määrittää työpöydän ilmoitusten määrän kerrallaan Työpöydällä. Oletusarvo on 3. Työpöytäilmoitusten alue on 1–10. Työpöytäilmoitukset ovat pinossa. Jos ilmoituksia on paljon, ne näkyvät pienen viiveen kuluttua ilmoitusaikar-asetusten mukaan.

Esimerkki:

"maximumNotificationHuomautus": 3

browserNotificationTimer

Määritä kesto (sekunteina), jonka jälkeen selaimen ilmoitus työpöytäsivulla poistetaan automaattisesti. Avustaja on natiivi selainilmoitus, joka tulee näkyviin vain, jos Desktop ei ole aktiivinen selainikkuna tai -välilehti. Desktop-selainikkuna tai -välilehti ei ole aktiivinen, kun

  • käsittelet muita selainikkunoita tai välilehtiä

  • käytät muita sovelluksia

  • Olet pienentänyt Desktop-selainikkunan.

Ilmoitus näkyy Desktopin oikeassa yläkulmassa. Oletusarvoinen aikakatkaisun arvo on 8 sekuntia. Aikakatkaisuarvojen suositeltava alue on 5–15 sekuntia. Jotta aikakatkaisun muutokset tulevat voimaan, selain on päivitettävä muutosten jälkeen.

Esimerkki:

"browserNotificationTimer": 8

Selainilmoitusten määritetty aikakatkaisu määräytyy käyttöjärjestelmän ja selaimen asetusten mukaan. Aikakatkaisuarvoa noudatetaan Chrome-selaimessa Windows-, Chrome- ja macOS-käyttöjärjestelmissä. Muut tuetut selaimet eivät kuitenkaan noudata määritettyä ilmoitusten aikakatkaisuarvoa johdonmukaisesti.

wxmConfigured

(Valinnainen) Määritä Webex Experience Management määrittämällä arvoksi tosi. Oletusarvo on epätosi.

Esimerkki:

"wxmConfigured": tosi

desktopChatApp

Voit määrittää useita Ciscon tarjoamia keskustelusovelluksia, kuten Webex-sovelluksen.

webexConfigured

Webex-sovellus sekä sen viesti- ja kokoustoiminnot voidaan määrittää Työpöydällä. Näiden määritysten avulla edustajat voivat avustaa muita edustajia, valvojia ja alan asiantuntijoita (asiantuntijoita) siirtymättä pois Työpöydältä.

  • Sivuston järjestelmänvalvoja hallitsee Webex Kokous-käyttäjiä ja määrittää oikeuksia vain, jos käyttäjillä on Webex Enterprise Edition. Lisätietoja on kohdassa Käyttäjien Webex Meetings hallinta Cisco Webex Control Hub.
  • Valvojien ja pk-yritysten on ladattava Webex-asiakas järjestelmään (henkilökohtaiseen laitteeseen) tai käytettävä Webex-sovellusta Webex App for Webin avulla ( https://web.webex.com/). Lisätietoja on kohdassa Sovelluksen lataaminen.
  • Voit käyttää Webex-sovellusta Agent Desktop, jos haluat keskustella organisaation muiden edustajien, valvojien ja alan asiantuntijoiden kanssa siirtymättä pois Agent Desktop. Puhelunhallintatoiminto ei ole käytettävissä. Puheluiden vastaanottaminen ja soittaminen edellyttää ulkoista, upottamatonta Webex-sovellusta. Lisätietoja on kohdassa Puhelusovellukset.

Webex-sovelluksen määrittäminen työpöydällä:

  • Valitse Cisco Webex Control Hub käyttäjän palveluja lisättäessä Advanced Messaging -valintaruutu (Käyttäjät > Valvojat > Services > Messaging). Lisätietoja on kohdassa Käyttäjätilien hallinta Cisco Webex Sivuston hallinta.

  • Määritä mukautetussa työpöytäasettelussa WebexConfigured-ominaisuuden arvoksi tosi.

    Esimerkki:

    "desktopChatApp": { "webexConfigured": tosi },

    WebexConfigured-ominaisuuden oletusarvo on epätosi.

    Webex App on saatavilla edustaja-, valvoja- ja valvoja-agent-rooleille vain, jos olet määrittänyt WebexConfigured-ominaisuuden arvoksi kunkin tämän roolin kohdalla. Edustaja, valvoja tai valvojaAgent ei voi kirjautua ulos Webex-sovelluksesta.

    Tuo näyttöön seuraavasti: Webex-kuvake (Webex) -kuvake Desktopin vaakasuuntaisesta otsikosta, kirjoita webex-arvo headerActions-ominaisuudelle. Lisätietoja on otsikossaToiminnot .

    Jos haluat ottaa Webex-sovelluksen käyttöön tietyssä työryhmässä, valitse mukautettu ulkoasu, kun WebexConfigured-ominaisuuden arvoksi on määritetty tosi. Lisätietoja on kohdassa Työryhmän luominen.

Voit määrittää Webex-sovelluksen lisätiedot-ruudussa, mukautetulla sivulla ja mukautetulla widgetilla. Lisätietoja on lisätietojen ruudussa.

Webex-sovellusilmoitus

Ilmoitusajastimen notificationTimer - ja browserNotificationTimer-ominaisuuksilla määritetyt arvot ovat saatavilla Webex-sovelluksessa. Näiden ominaisuuksien oletusarvoinen aikakatkaisun arvo on 8 sekuntia. Lisätietoja on notificationTimer - ja browserNotificationTimer-tiedoissa.

headerActions

Voit muuttaa työpöydän vaakasuuntaisen otsikon kuvakkeiden järjestystä. Oletusjärjestys on seuraava:

  1. Webex-kuvake (Webex)

  2. Käytä puhelinta ääniilmaisimessa (Ulkopuhelu)

  3. Ilmoituskuvake. (Ilmoituskeskus)

Määritä headerActions-ominaisuuden arvoksi seuraava:

Kuvakkeen nimi

headerActions-ominaisuuden arvo

Webex-sovellus

webex

Lähtevä puhelu

ulkoinen

Ilmoituskeskus

ilmoitus

Esimerkki:

"headerActions": ["webex", "outdial", "ilmoitus"],

HeaderActions-ominaisuuden arvossa on merkitystä isoilla pätkillä .

Jos haluat muuttaa kuvakkeiden oletusjärjestystä, anna otsikkoToiminnot-ominaisuus ja mukautetun ulkoasun arvot vastaavasti.

Esimerkki:

"otsikkoToiminnot": ["ilmoitus", "outdial", "webex"],
  • Jos et anna headerActions-ominaisuutta ja arvoja mukautetussa ulkoasussa, kuvakkeet näkyvät oletusjärjestyksessä.
  • Jos haluat poistaa otsikkokuvakkeet ja niihin liittyvät toiminnot Desktopista, määritä otsikkoToiminnot-ominaisuudelle tyhjä arvo ("headerActions": []). Jos olet lisännyt Webex-sovelluksen lisätiedot-ruutuun, mukautettuun sivuun tai mukautettuun widgetiin, edustaja voi silti käyttää Webex-sovellusta, vaikka Webex-sovellus ei ole käytettävissä työpöydän vaakasuuntaisessa otsikossa.
  • Jos WebexConfigured-ominaisuuden arvoksi on asetettu epätosi , Webex-sovelluskuvake ei näy työpöydän vaakatasossa olevassa otsikossa , vaikka Webex-arvo lisäisiin headerActions-ominaisuuteen . Lisätietoja on kohdassa WebexConfigured.

alue

Alueominaisuus on työpöydän ulkoasun ydinosa. Voit määrittää ulkoasun alueen mukaan.

"alue": { "otsikko": { ... }, "advancedHeader: { { "comp": "widget-1", "määritteet": { ... }, "komentosarja": .... } }, "paneeli": { ... }, "navigointi": { ... }, "pysyvä": { ... }, "päätön": { ... } },

Voit määrittää seuraavat alueobjektit :

  • Paneeli: Edustaa lisätiedot-ruudun toista paneelia tai oikeanpuoleista paneelia.

  • Siirtyminen: Edustaa mukautettuja sivuja ja niiden sivuihin liittyviä siirtymisosia.

  • Pysyvä: Edustaa sivutason widgettejä, jotka ovat pysyviä ja näkyvät työpöydän kaikilla sivuilla.

  • Päätön: Edustaa widgettejä, joilla ei ole visuaalista käyttöliittymää, mutta jotka toteuttavat logiikkaa taustalla.

Jos advancedHeader-ominaisuus on määritetty, otsikko- ja headerActions-ominaisuudet on poistettava.

advancedHeader

Voit mukauttaa näkyvyyttä ja muuttaa työpöydän vaakasuuntaisessa otsikossa olevien kuvakkeiden järjestystä. Oletusjärjestys on seuraava:

  1. Webex-kuvake (Webex)

  2. Käytä puhelinta ääniilmaisimessa (Ulkopuhelu)

  3. Ilmoituskuvake. (Ilmoituskeskus)

  4. Webex yhteyskeskuksen edustajan tilan valinta. (Edustajan tilan valitsija)

Määritä advancedHeader-ominaisuuden arvoksi seuraava:

Kuvakkeen nimi

headerActions-ominaisuuden arvo

Webex-sovellus

agentx-webex

Lähtevä puhelu

agentx-outdial

Ilmoituskeskus

agentx-ilmoitus

Asiakaspalvelijan tilan valinta

agentx-tilanvalitsin

Esimerkki:

"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } { "comp": "widget-1", "määritteet": { ... }, "komentosarja": .... } ]

AdvancedHeader-ominaisuuden arvo on kirjainkokoerkoinen.

Jos haluat muuttaa kuvakkeiden oletusjärjestystä, anna advancedHeader-ominaisuus ja mukautetun ulkoasun arvot vastaavasti.

Widgettit siirtyvät avattavaan valikkoon vasemmalta oikealle.

  • Jos et anna advancedHeader-ominaisuutta mukautetussa ulkoasussa, oletusotsikko tulee näkyviin.

  • Kun edistynyt otsikko on käytössä, voit siirtää widgetit laajennusotsikosta edistyneeseen otsikkoon esimerkin mukaan.

  • Kun lisäotsikko on käytössä, vanhaa otsikkoa ei näytetä.

  • Jokaisessa widgettikuvakkeessa on oletusarvoinen pehmuste ja reunus, joka on määritetty CSS:n kautta eikä sitä voi mukauttaa työpöydällä.

  • Logo-, otsikko- ja profiilikuvakkeiden sijainti on kiinteä, eikä sitä voi mukauttaa.

  • Jos haluat poistaa otsikkokuvakkeet ja niihin liittyvät toiminnot Desktopista, määritä advancedHeader-ominaisuuden liitännäiskomponentille tyhjä arvo ( "advancedHeader": []).

    Jos olet lisännyt Webex-sovelluksen lisätiedot-ruutuun, mukautettuun sivuun tai mukautettuun widgetiin, edustaja voi silti käyttää Webex-sovellusta, vaikka Webex-sovellus ei ole käytettävissä työpöydän vaakasuuntaisessa otsikossa.

  • Jos lisäät widgetin, jolla on pitkä selite, merkitty selitenimi näkyy käytettävissä olevan tilan mukaan.

    Voit lisätä selitteen widgetiin käyttämällä textContent-määritettä .

    Esimerkki:

    { "comp": "ajastin-widgetti", "attribuutit": { "kesto": "08:00:00" }, "textContent": "Laske nykyisen vuoron ajastin", "komentosarja": "https://wxcc-demo.s3.amazonaws.com/widgets/timer-widget.js" }

    Nykyisen vuoron laskemisen ajastin -teksti katkaistaan ja näytetään käytettävissä olevan tilan mukaan.

    • Välttää widgettien lisäämistä pitkällä selitteellä.

    • Kun widgetti virtaa avattavaan kohteeseen, vain widgettikuvake on napsautettavissa.

  • Jos WebexConfigured-ominaisuuden arvoksi on asetettu epätosi( false), Webex-sovelluskuvake ei näy työpöydän vaakatasossa olevassa otsikossa , vaikka Webex-arvo lisätään advancedHeader-ominaisuuteen . Lisätietoja on kohdassa WebexConfigured.

Kotisivu

Kun kirjaudut työpöydälle, pääset kotisivulle.

Kotisivua voivat käyttää vain valvojat ja SupervisorAgent persona.

Voit tarkastella seuraavia widgettejä kotisivulla. Analyzer-widgettien oletusarvo on määritetty, mutta järjestelmänvalvoja voi määrittää myös pysyviä ja mukautettuja widgettejä. Lisätietoja on JSON-ulkoasun ylimmän tason ominaisuudet -kohdassa.

Analyzer-widgettien paketit

Oletusarvoisesti Analyzer-widgettinäytöt Työpöydän kotisivulla.

Kotisivun asettelumääritykset

Voit määrittää Desktopin kotisivun esittämään ulkoasun, joka perustuu organisaation asetuksiin ja brändin mukauttamiseen. Määritä kotisivu muokkaamaan kotisivukenttää . Voit määrittää seuraavat osat näytettäväksi kotisivulla, kun käyttäjä kirjautuu työpöydälle:

  • Tervetuloviesti

  • Siirtymispalkin Tehtävä-kuvake , jossa voit siirtyä Tehtävä-ruutuun. Tehtävä -kuvake näytetään valvojalle ja valvojalle & Agenttirooli, jossa puhelunvalvontaominaisuus on käytössä. Tehtäväruutu näyttää saapuvat asiakaspyynnöt, aktiiviset ja aiemmat asiakasvuorovaikutukset sekä aktiiviset valvontapyynnöt.

  • Suodata osiot, kuten Jonon nimi, Kanavatyyppi ja Hallinnoidut tiimit.

Seuraavassa taulukossa kuvataan sivun ominaisuudet, joita tarvitaan kotisivun määrittämiseen:

Taulukko 2. Dynaaminen etusivun asettelu – sivun ominaisuudet

Omaisuus

Kuvaus ja koodi

Sivu > käytäFlexLayout

Flex layout on uusi verkkokomponentti. Se ei muuta olemassa olevia widgetejä. Uusi joustava asettelu käyttää samaa asettelun konfigurointimuotoa yksinkertaistetulla tavalla. Se on taaksepäin yhteensopiva eikä vaikuta olemassa oleviin widgeteihin. Sinun on määritettävä JSON-asettelu. Määritä JSON-asettelu antamalla widgetin korkeus ja leveys. Widget renderöidään samassa järjestyksessä kuin se on määritetty JSON-asettelun sisällä. Widgetien oletusmarginaali on 8 pikseliä.

JSON-asettelu perustuu widgetien mittoihin (leveys x korkeus) ja koordinaatteihin (X, Y ja Z).

Joustava asettelu tukee ominaisuuksia, kuten yksittäisten widgetien koon muuttaminen, widgetien maksimointi ja niin edelleen.

Yksittäisten widgetien korkeus mitataan pikseleinä. 1 korkeusyksikkö = 40 pikseliä. Widgetin leveys riippuu säilön sarakkeiden määrästä ja säilön leveyden mukaan muuttuvien sarakkeiden määrästä.

Widgetit näytetään vasemmalta oikealle. Edistyksellinen asettelumoottori käyttää mukautettua logiikkaa widgetien sekä vaaka- että pystysuuntaisten tilansäätöjen soveltamiseen. Aluksi asettelu latautuu vaakasuoraan. Vaakasuuntaisen latauksen jälkeen widget latautuu pystysuunnassa ja varmistaa tilankäytön optimaalisen.

Määritä widgetit näytön koon mukaan. Voit joko suurentaa tai pienentää widgetien leveyttä näytön koon mukaan. Tämä tekee widgeteistä luettavampia ja käyttökelpoisempia.

Flex-asettelu tarjoaa standardinmukaiset keskeytyskohdat, kuten suuret, keskikokoiset, pienet ja erittäin pienet.

  • Suurien widgetien resoluutio on 1360 pikseliä tai enemmän. Suurille widgeteille määritä sarakkeen arvoksi 12.

  • Keskikokoisten widgetien resoluutio on 1070–1360 pikseliä. Keskikokoisille widgeteille määritä sarakkeen arvoksi 10.

  • Pienten widgetien resoluutio on 850–1070 pikseliä. Määritä pienille widgeteille sarakkeen arvoksi 6.

  • Erittäin pienten widgetien resoluutio on 500 px. Jos käytät erittäin pieniä widgetejä, määritä sarakkeen arvoksi 4.

Nämä pikselit voivat vaihdella käyttöjärjestelmän ja selaimen mukaan.

"sivu": { "id": "aloitus", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Vidget 1", "attribuutit": { "tyyli": "leveys: väri: 0px max 8 0p" valkoinen;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margin: 80px 240px;väri: valkoinen;" } } } 

Sivu > comp

Varmista, että toimitat ainutlaatuisen mukautetun komponentin.

"comp": "sivun otsikko",

Komponentti page-title edustaa mukautetun HTML-elementin tason 2 otsikkoa <h2> .

Sivu > sivun otsikko

Varmista, että määrität otsikkomerkkijonon, joka voi olla staattinen, dynaaminen tai molemmat.

Komponentti page-title edustaa tason 2 otsikkoa <h2> mukautetussa HTML-elementissä.

  • Staattinen merkkijono: Esimerkiksi Hei, tervetuloa!

    "comp": "sivun otsikko", "attribuutit": { "pageTitle": "Hei, tervetuloa!" }
  • Dynaaminen merkkijono: arvon hakeminen STORE-kaupasta. Esimerkiksi Jane Doe.

    "comp": "page-title", "attributes": { "pageTitle": "$STORE.agent.agentName" }

  • Molemmat: staattisten ja dynaamisten merkkijonojen yhdistelmä. Esimerkiksi Hei Jane Doe, Tervetuloa!

    "comp": "page-title", "attributes": { "pageTitle": "Hei {$STORE.agent.agentName}, tervetuloa!" }

    Merkitse merkkijonon dynaaminen osa suljettuihin kiharahakasulkeisiin {} ja etuliitteeseen rakenteella $.

Sivu > sivun alaotsikko

Varmista, että lisäät alaotsikon, joka näkyy työpöydällä. Käyttäjä voi lisätä alaotsikkoon Siirry Analyzeriin .

  • Alaotsikon koodilohko

    "useFlexLayout": true, "pageSubHeader": { "comp": "div", "attributes": { "style": "display: flex; float:right;margin:16px 0px 16px 16px" }, "children": [ { "comp" {: "div", "chil "dren", "m":m "textContent": "$I18N.pageSubHeader.queueName", "attributes": { "style": "margin-bottom:8px;" }
  • Alaotsikon Siirry analysaattoriin koodilohko

    { "comp": "div", "children": [ { "comp": "agentx-more-actions-wrapper", "properties": { "actionList": [ { "comp": "agentx-wc-goto-analyzer" } ] } }

Navigointi (muokatut sivut)

Tähän osioon voit lisätä sivuja, jotka näkyvät vasemmassa navigointipalkissa. Voit määrittää widgetille navigointikuvakkeen ja yksilöllisen URL-osoitteen, joka näkyy navigointipalkissa. Suosittelemme käyttämään URL-osoitteelle tietyn etuliitettä ristiriitojen välttämiseksi. Katso lisätietoja kohdasta navigointiominaisuus .

Sinulla voi myös olla kokoelma widgetejä, jotka voidaan näyttää tällä sivulla. Sivulla voi olla yksi widget, joka näkyy näytöllä, tai kokoelma widgetejä ruudukossa. Lisätietoja ruudukon järjestelystä on osoitteessa layout-ominaisuus osio.

Sinun ei tarvitse lisätä dynaamisen alueen käärettä widget-puuhun. Tämä tarkoittaa, että voit vetää ja pudottaa widgetejä ja muuttaa niiden kokoa mukautetuilla sivuilla, kun otat tämän vaihtoehdon käyttöön.

Esimerkki:

{ "nav": { "label": "Muokattu sivu", "kuvake": "stored-info", "iconType": "momentum", "navigateTo": "dynaamiset välilehdet", "align": "top", "isDefaultLandingPage": true }, "page": { "id": "oma - mukautettu - sivu", "t käytät":xLayout "t":xLayou "t":x" comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "Shift Timer", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot""": " "oma - mukautettu - ajastin", "lähde": http: //my-cdn.com/my-custom-timer.js "wrapper": { "title": "Shift Timer", "maximizeAreaName": "app-maximize-area" } }] }, { "comp": "md-tab", "textContent": "retribution""Markkinat" "slot": "tab" }, }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "agentx-wc-iframe", "responsive": "false" "attributes": { "src"_: "de#azpir"_:fi "title": "Stock Market", "maximizeAreaName": "app-maximize-area" } }], }, { "comp": "md-tab", "textContent": "Widget3", "attributes": { "slot": "tab" } }, { "comp"-panel "t"d", "Contenh": "m:t"d" "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "my - google - maps - komponentti", "lähde": "https://my-cdn.com/my-google.maps.js "wrapper": { "title": "Google Map", "maximizeAreaName": "app-reaaName": "app-reaxim, "-out"}} "alueet": [ ["vasen", "oikea"] ], "koko": { "sarakkeet": [1, 1], "rivit": [1] } } } },

Seuraava taulukko kuvaa nav ja sivu ominaisuudet sekä niiden aliominaisuudet:

Taulukko 3. nav Kiinteistön tiedot

Omaisuus

Kuvaus ja koodi

nav > etiketti

Tämä ominaisuus ilmaisee sivun navigointitunnisteen. Näytönlukuohjelma lukee tämän ominaisuuden ja se näkyy työkaluvihjeessä.

Nämä parametrit ovat välttämättömiä mukautetun sivusi näyttämiseksi navigointipalkissa.

kirjoita Navigation.Item = { label: string; iconType: "momentum" | "muu"; kuvake: merkkijono; tasaa: "ylhäältä" | "pohja"; navigateTo: merkkijono; kuvakkeen koko? : numero; on reagoiva? : Boolen; };

The etiketti ominaisuus on mukautetun sivun otsikko.

nav > kuvaketyyppi

Tämä ominaisuus edustaa kuvakkeen tyyppiä, joka näkyy mukautetun sivun navigointipalkissa.

Seuraavat kuvakkeet ovat saatavilla:

  • Momentum: Voit valita minkä tahansa kokoelman käytettävissä olevan kuvakkeen: https://momentum.design/icons. Momentumin käytön etuna on, että se tarjoaa muutaman kuvakkeen "aktiivisella" versiolla.

    Aktiivisen version käyttötapaus:

    Jos esimerkiksi valitset Momentum-kuvaketyypin ilmoitus, näet oletuskuvakkeen navigointipalkissa. Kun siirryt mukautetulle sivulle (linkitetty kuvakkeeseen), kuvake muuttuu muotoon Ilmoitus aktiivinen Versio automaattisesti. Varmista, että varmistat, onko siinä aktiivinen Versio tästä samasta kuvakkeesta kuvakekirjastossa.

  • Muu: Voit antaa mukautetun kuvan URL-osoitteen (isännöity CDN:ssä), joka näkyy navigointipalkissa. Jos käytät mustaa tai valkoista mukautettua kuvaketta, kuvake ei näy, kun vaihdat vaalean ja tumman tilan välillä.

nav > -kuvake

Tämä ominaisuus edustaa kuvakkeen nimeä Momentum-kirjastossa tai CDN-URL-osoitteessa.

kirjoita Navigation.Item ={ icon:"ilmoitus"; }; // TAI // kirjoita Navigation.Item ={ icon:"https://my-cdn.com /my-navigation-icon.png"; };

nav > kohdista

Tämän ominaisuuden avulla voit kohdistaa kuvakkeen navigointipalkin ylä- tai alaosaan.

Tällä hetkellä omaisuus sallii vain ylätason kohdistuksen.

nav > isDefaultLandingPage

Tämä ominaisuus määrittää agenttien oletusaloitussivun kohdassa Agent Desktop. Aseta tämän ominaisuuden arvoksi true , jos haluat tehdä navigointipalkin sivusta oletusaloitussivun, joka näkyy agenteille kirjautuessaan sisään Agent Desktop. Jos useammalla kuin yhdellä siirtymispalkin sivulla on tämän ominaisuuden arvo true, järjestelmä katsoo, että ensimmäinen siirtymispalkin sivu tulee oletusaloitussivuksi.

Jos yhdelläkään navigointipalkin sivulla ei ole tätä ominaisuutta asetettu arvoon true, Kotisivu toimii oletusaloitussivuna.

Et voi asettaa Agent Performance Statistics -raportteja oletusaloitussivuksi.

navi > navigateTo

Tämä ominaisuus määrittää mukautetun sivun nimen. Tämä nimi näkyy osoitepalkissa, kun agentti navigoi.

NavigateTo ei saa sisältää seuraavia arvoja: kuvat, fontit, css, build_info, help, app, i18n, icons, images-mfe-wc ja sounds.

type Navigation.Item = { navigateTo: "oma - mukautettu - sivu"; };
Taulukko 4. sivun omaisuuden tiedot

Omaisuus

Kuvaus ja koodi

sivu > tunnus

Sisällä sivu Ominaisuutta, määrität mukautetun sivun (dynaamisen widgetin) objektin.

Kohde id Ominaisuus edustaa yksilöllistä sivun tunnistetta. Esimerkiksi oma-mukautettu-sivu-1. Agentti ei näe tätä tunnistetta työpöydällä.

kirjoita DynamicWidgets.Page = { id: string; widgetit: Record < merkkijono, DynamicWidget.Options > ; layout: Layout; };

sivu > useFlexLayout

Flex layout on uusi verkkokomponentti. Se ei muuta olemassa olevia widgetejä. Uusi joustava asettelu käyttää samaa asettelun konfigurointimuotoa yksinkertaistetulla tavalla. Se on taaksepäin yhteensopiva eikä vaikuta olemassa oleviin widgeteihin. Sinun on määritettävä JSON-asettelu. Määritä JSON-asettelu antamalla widgetin korkeus ja leveys. Widget renderöidään samassa järjestyksessä kuin se on määritetty JSON-asettelun sisällä. Widgetien oletusmarginaali on 8 pikseliä.

JSON-asettelu perustuu widgetien mittoihin (leveys x korkeus) ja koordinaatteihin (X, Y ja Z).

Joustava asettelu tukee ominaisuuksia, kuten yksittäisten widgetien koon muuttaminen, widgetien maksimointi ja niin edelleen.

Yksittäisten widgetien korkeus mitataan pikseleinä. 1 korkeusyksikkö = 40 pikseliä. Widgetin leveys riippuu säilön sarakkeiden määrästä ja säilön leveyden mukaan muuttuvien sarakkeiden määrästä.

Widgetit näytetään vasemmalta oikealle. Edistyksellinen asettelumoottori käyttää mukautettua logiikkaa widgetien sekä vaaka- että pystysuuntaisten tilansäätöjen soveltamiseen. Aluksi asettelu latautuu vaakasuoraan. Vaakasuuntaisen latauksen jälkeen widget latautuu pystysuunnassa ja varmistaa tilankäytön optimaalisen.

Määritä widgetit näytön koon mukaan. Voit joko suurentaa tai pienentää widgetien leveyttä näytön koon mukaan. Tämä tekee widgeteistä luettavampia ja käyttökelpoisempia.

Flex-asettelu tarjoaa standardinmukaiset keskeytyskohdat, kuten suuret, keskikokoiset, pienet ja erittäin pienet.

  • Suurien widgetien resoluutio on 1360 pikseliä tai enemmän. Suurille widgeteille määritä sarakkeen arvoksi 12.

  • Keskikokoisten widgetien resoluutio on 1070–1360 pikseliä. Keskikokoisille widgeteille määritä sarakkeen arvoksi 10.

  • Pienten widgetien resoluutio on 850–1070 pikseliä. Määritä pienille widgeteille sarakkeen arvoksi 6.

  • Erittäin pienten widgetien resoluutio on 500 px. Jos käytät erittäin pieniä widgetejä, määritä sarakkeen arvoksi 4.

Nämä pikselit voivat vaihdella käyttöjärjestelmän ja selaimen mukaan.

"sivu": { "id": "aloitus", "useFlexLayout": true, "widgets": { "comp1": { "comp": "div", "width": 4, "height": 4, "textContent": "Vidget 1", "attribuutit": { "tyyli": "leveys: väri: 0px max 8 0p" valkoinen;" } }, "comp2": { "comp": "div", "width": 4, "height": 4, "textContent": "Widget 2", "attributes": { "style": "width: max-content; margin: 80px 240px;väri: valkoinen;" } } } 

sivu > widgetit

sivu > comp

Auttaa sinua määrittämään mukautetut widgetisi. Jos haluat sijoittaa useita widgetejä, määritä widgetin asetukset järjestyksessä. Varmista, että annat jokaiselle widgetille yksilöllisen alueen nimen. Käytä sitä myöhemmin asetteluosiossa.

"widgetit": { "comp1": { ... } "comp2": { ... } }

Tämä ominaisuus edustaa mukautetun HTML-elementin nimeä (tunnetaan nimellä verkkokomponentti tai mikä tahansa muu elementti - jos haluat käyttää sitä kääreenä). Katso lisätietoja Käyttöesimerkkejä. Kirjoita mukautetun elementin nimi tähän ilman kulmasulkuja ("<" tai ">"). Esimerkiksi "oma-mukautettu-elementti".

Jokainen widget-osion merkintä tukee seuraavaa muotoa:

type Options = { comp: string; käsikirjoitus? : merkkijono; ominaisuudet? : Record < merkkijono, mikä tahansa > ; attribuutteja? : Record < merkkijono, merkkijono > ; lapset? : Asetukset[]; tekstisisältöä? : merkkijono; tyyli? : Osittainen < CSSStyleDeclaration > ; kääre? : { otsikko: merkkijono; maximizeAreaName: merkkijono; }; };

sivu > käsikirjoitus

(Valinnainen) Tämä ominaisuus vaaditaan vain, kun lataat widgetin tai komponentin etäpaikasta, kuten CDN:stä.

"comp1": { "comp": "widget-one", "script": "http:/my-cdn.com / dynaaminen - widgetit / widget - one.js", }

Älä muuta saman komponentin komentosarjan URL-osoitetta. Jos sinun on vaihdettava saman komponentin komentosarjan URL-osoite, tee jokin seuraavista:

  • Pyydä agenttia tyhjentämään selaimen välimuisti ja lataamaan Agent Desktop uudelleen.

  • Säilytä nykyinen URL-osoite. Tuo uusi nipun URL-osoite dynaamisesti käyttämällä olemassa olevan URL-osoitteen isännöityä JavaScriptiä.

    Esimerkki:

    (function() { var script = document.createElement("script"); script.src = <JS-ohjelman URL-osoite> script.type = "teksti/javascript"; script.async = tosi; document.getElementsByTagName ("head").item(0).appendchild(script); } ) ()

sivu > ominaisuuksia

Voit määrittää ominaisuuksia, jotka sinun on välitettävä Web-komponentille.

"ominaisuudet": { "user": "admin", },

sivu > responsiivinen

Määrittää, onko verkkokomponentti tai iFrame-pohjainen widget, joka on lisätty mukautettuun asetteluun sivun - tai comp tasolla, reagoiva. Responsiiviset verkkokomponentit tekevät verkkosivustasi visuaalisesti houkuttelevan kaikilla laitteilla ja ovat helppokäyttöisiä. Sinun on käytettävä reagoivia iFrame-widgetejä.

Määritä tämä ominaisuus jollakin seuraavista arvoista:

  • True: Ottaa käyttöön widgetin reagoinnin. Oletusarvoisesti kaikki widgetit reagoivat käytössä olevan laitteen progressiivisen näytön koon, suunnan ja katselualueiden perusteella.

  • Epätosi: Poistaa widgetin reagoinnin käytöstä. Jos widgetit eivät tue katselua eri laitteilla, merkitse ne reagoimattomiksi.

{ "comp": "md-tab", "responsive": true, "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB {:" "SCREEN_PEEN_TAB" }}], "comp": "md-tab-panel", "responsive": false, "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CALL_GUIDE" } GUIDE": "}CALL_GUIDE" } kyky

Ei-responsiiviset widgetit eivät voi varmistaa parasta käyttökokemusta, eivätkä ne näy pienemmässä näkymässä. Agentin on suurennettava selainikkunan kokoa nähdäkseen kaikki widgetit, jotka on määritetty reagoimattomiksi.

sivun > määritteet

Voit määrittää Web-komponentin attribuutit tässä osiossa.

"attributes": { "disabled": "false", },

sivun > näkyvyys

Määrittää, ovatko Ciscon tarjoamat widgetit, jotka on lisätty mukautettuun asetteluun sivun tasolla tai comp tasolla, näkyvissä vai eivät.

Ciscon tarjoamia widgetejä ovat Yhteystiedot, Cisco Webex Experience Management, IVR Transcript, Esikatselukampanjan soittoopas ja Screen Pop.

  • Ominaisuusarvot näkyvyys on sisäänrakennettu ja määritelty Desktop Layout -oletus-JSON-tiedostossa. Järjestelmänvalvoja ei voi muokata Ciscon tarjoamien widgetien näkyvyys ominaisuusarvoja.

  • näkyvyys omaisuuden arvo NOT_RESPONSIVE on vanhentunut. Voit jatkaa sen käyttöä vain taaksepäin yhteensopivuuden vuoksi. Mikään arvo, joka on aiemmin asetettu arvoon NOT_RESPONSIVE , ei vaadi muutoksia, koska toiminnallisuus pysyy samana.

    Jos haluat määrittää äskettäin luodun widgetin reagoivaksi tai ei reagoivaksi, sinun on käytettävä responsive -ominaisuutta. Lisätietoja on kohdassa responsiivinen ominaisuus.

sivu > lapset

Tämä ominaisuus on asettelun ydin. Vuonna lapset -osiossa voit sijoittaa niin monta tasoa kuin tarvitaan, jos Web-komponenttipohjainen widget mahdollistaa lapsien välittämisen. Jotta tämä olisi mahdollista, kehittäjän on käsiteltävä ohjelmallisesti uritettu sisältöä. Lisätietoja on kohdassa Cisco Webex Contact Center Desktop Developer Guide.

Jos haluat tietää STORE-arvojen välittämisestä ominaisuuksina, katso Tietojen jakaminen työpöydältä widgeteihin.

"children": [{ "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": {v"comp"chi":}, "div" [{ "comp": "div", "textContent": "Testi" }, { "comp": "div", "textContent": "Test" }, { "comp": "div", "textContent": "Testi" } ] } ],

"Lapset"-taulukon etuna on, että voit käyttää olemassa olevia Web-komponentteja asettelumäärityksessäsi, joka on jo osa Desktop-pakettia. Jotkut Desktop-paketin Web-komponenteista sisältävät:

  • agentx-wc-iframe: Widget, jonka avulla voit sijoittaa minkä tahansa verkkosivun iFrame-kehykseen widgetinä.

  • Dynaaminen alue: Komponentti, jonka avulla voit ottaa vedä ja pudottaa -ominaisuuden käyttöön agenteille muualla kuin mukautetuilla sivuilla. Mukautetuilla sivuilla voi myös olla tämä ominaisuus, jos otat vedä ja pudota -toiminnon oletusarvoisesti käyttöön.

  • Mikä tahansa momentum-ui-web-komponenttikirjaston komponentti. Lisätietoja on osoitteessa GitHub. Esimerkki:

    • md-tabs: Tabs-säiliön kääre

    • md-tab: Yhden välilehden otsikko

    • md-tab-panel: Yhden välilehden sisältö

Lisätietoja pysyvien välilehtien määritteistä on kohdassa Pysyvien välilehtien attribuutit.

sivu > tekstisisältö

Auttaa sinua lisäämään tekstisisältöäsi.

"textContent": "Oma tekstisisältöni",

sivu > tyyli

Auttaa määrittämään tietyn CSS-tyylin komponentille.

"style": { "backgroundColor": "#CBD", "overflow": "scroll" },

sivu > kääre

Widget-kääre mahdollistaa työkalupalkin lisäämisen widgetin päälle. Työkalupalkki voi sisältää otsikon ja Maksimoi-kuvake (Maksimoi) -kuvake widgetin yläosassa. Kun widget on täyttänyt sivulla pienen tilan, maksimoi-kuvake antaa agentille mahdollisuuden nähdä widgetin koko työtilassa.

Varmista, että käytät oletusarvoa "app-maximize-area". Tällä hetkellä vain oletusarvo on käytettävissä.

"wrapper": { "title": Widgetin otsikko ", "maximizeAreaName": "app-maximize-area" }

sivu > kääre> id

(Valinnainen) Verkkokomponentin widget-kääreen avulla voit päivittää dynaamisen widgetin otsikon käyttämällä yksilöllistä tunnistetta. Anna widgetin kääre id omaisuuden arvo as uniikki-id-update-title.

"wrapper": { "title": Widgetin otsikko ", "id": "unique-id-to-update-title", "maximizeAreaName": "app-maximize-area" } 

Varmista, että käytät samaa yksilöivää tunnistetta JavaScript CustomEventille. Lisätietoja on kohdassa Asynkroniset tapahtumat -osiossa Agentin yhteysmoduuli luku Cisco Webex Contact Center Työpöytäkehittäjä.

Voit päivittää iFrame-pohjaisen widgetin otsikon käyttämällä saman toimialueen iFrame-sisältöä. Seuraava on esimerkkiesimerkki:

< script type = "text/javascript" >var title = ""; window.addEventListener("update-title-event", function(e) { title = e.detail.title; }); document.querySelector('#customEvent').onclick = function() { const e = new CustomEvent("update-title-event", { bubbles: true, detail: { title: "uusi otsikko" } }); window.parent.dispatchEvent(e); }; < /script>< button id = "customEvent" > Uusi otsikko< /button>< iframe src = "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" >< /iframe>

sivu > agentx-wc-iframe

Voit upottaa web-sivun iFrame-kehykseen, joka näkyy työpöydällä widgetinä. Voit käyttää iFrame-widgetiä nimeltä "agentx-wc-iframe".

"comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com / - ultimate - guide - to - iframes / " }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaMaxim": "-areamaxim": "-areamaxim

sivun > asettelu

Voit järjestää widgetit sivulla.

Seuraava muoto edustaa ruudukkoasettelua:

tyyppi Asettelu = { alueet: merkkijono[][]; koko: { riviä: numero[]; sarakkeet: numero[]; }; };

Täällä voit määrittää ruudukon alueiden nimillä, jotka määritit widgetit osiossa.

Seuraava esimerkki näyttää, kuinka kolmen rivin ja kolmen sarakkeen asettelu määritetään:

"layout": { "alueet": [ [ "comp1", "comp1", "comp3" ], [ "comp2", "comp2", "comp3" ], [ "comp4", "comp4", "comp4" ] ], "koko": { "sarakkeet": [1, 1, 1], "rivit": [1, }, 1
3x3-asettelun tasainen jakautuminen
Equal distribution of a 3x3 layout for Webex contact Center Desktop layout configuration.

Koko-osiossa numerot edustavat tilan murto-osaa, jonka widget voi varata suhteessa muihin widgetteihin. Kaikki kolme saraketta vievät yhtä suuren osan tilasta. Kun käytettävissä oleva leveys on 100 %, kukin widget vie 33,33 % vaakatasosta.

Saman sarakkeen leveyden kanssa
Equal column width layout for Webex Contact Center Desktop layout configuration.

Toinen käyttöesimerkki, jos asetat "sarakkeiksi": [1, 2, 2], se tarkoittaa, että kokonaistila jaetaan viidellä (1+2+2) ja ensimmäinen widget vie 20 % vaakasuuntaisesta tilasta. Toinen ja kolmas widget vievät kumpikin 40 %. Lisätietoja on kohdassa Ruudukkoasettelun peruskäsitteet.

Unequal column width layout for Webex Contact Center Desktop layout configuration.
Sarakkeen leveyden muuttamisen jälkeen

sivu > ROOT

Asettelujen sisäkkäisyyttä kutsutaan aliasetukseksi. Jos asettelukokoonpanossasi on sisäkkäisiä asetteluja, sinulla on oltava yksi "ROOT"-objekti aliasettelujen ylätasona. Muussa tapauksessa asettelusi voi olla tasainen, jos sisäkkäisyyttä ei tarvita.

Tämä aliasettelu tarjoaa paremman hallinnan asettelun koon muuttamiseen. Sivun asettelu -ominaisuuden on oltava tyyppiä Record<string, Layout>. Asettelu-ominaisuuden avulla voit järjestää widgetit sivulla.

{ "id": "some-id", "widgets": { "c1": { "comp": "div", "textContent": "c1" }, "c2": { "comp": "div", "textContent": "c2" }, "c3": { "comp": "div", "textContent": "c":"}: "comp": "c":" "textContent": "c4" }, "c5": { "comp": "div", "textContent": "c5" } }, "layout": { "ROOT": { "alueet": [ ["c1", "sub1"], ["c2", "sub2"], ], "koko": [,1,col:s 1] } }, "ala1": { "alueet": [ ["c3", "c4"] ], "koko": { "sarakkeet": [1, 1], "rivit": [1] } }, "ala2": { "alueet": [ ["c1"], ["c5": ["c5": rivi"] ] ["c5": rivit"] [1, 1] } } } }

Tämä asetus luo ROOT-asetteluun ruudukon, jossa on kaksi aliruudukkoa, joiden kokoa voi muuttaa itsenäisesti.

Sub-layout appearance for Webex Contact Center Desktop layout configuration.
Ala-asettelu Ulkonäkö

Komponentin koon muuttaminen vaikuttaa kyseisen aliasettelun komponentteihin.

Sub-layout appearance, after resizing both sub-layouts, for Webex Contact Center Desktop layout configuration.
Molempien ala-asettelujen koon muuttamisen jälkeen

Ole tietoinen seuraavista tapauksista:

Ääretön silmukka: Jos sisällytät ROOT-asettelun ROOT-aliasetteluksi, se aiheuttaa "puhelupino ylitetty" -virheen ja ajaa äärettömään silmukkaan.

{ "layout": { "ROOT": { "alueet": [ ["c1", "c2"], ["c3", "ROOT"], ], "koko": { "sarakkeet": [1, 1], "rivit": [1, 1] } } }
Sub-layout appearance with infinite loop for Webex Contact Center Desktop layout configuration.
Ala-asettelu Infinite Loopilla

Sama ala-asettelu (N) kertaa: Jos sisällytät aliasettelun ruudukkoon useammin kuin kerran samalla nimellä ja jos muutat jonkin niistä kokoa, kaikkien aliasettelujen kokoa muutetaan automaattisesti.

Jos tämä ei ole haluttu toiminta, nimeä jokainen aliasettelu uudelleen yksilöllisellä nimellä.

{ "layout": { "ROOT": { "alueet": [["c1", "sub1"], ["c2", "sub1"], ], "size": { "sarakkeet": [1, 1], "rivit": [1, 1] } }, "sub1": { "alueet": [c, "s"]3", " "sarakkeet": [1, 1], "rivit": [1] } } } }
Sub-layout appearance with N times for Webex Contact Center Desktop layout configuration.
Alalayout N kertaa

Pysyvien välilehtien attribuutit

Jos haluat määrittää mukautettujen sivujen välilehdet ja mukautetut widgetit pysyviksi, kirjoita määritteet md-tabs muokattuun asetteluun.

Esimerkki: Aseta välilehdet pysyviksi

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "ainutlaatuinen tunnus kaikille säilön välilehdille" }, }

Omaisuus

Kuvaus

Jatkuva valinta

Aseta md-tabs pysyviksi. Oletusarvo on true.

tabs-id

Ainutlaatuinen tunniste kaikille säiliön välilehdille.

Kun asetat md-tabs pysyväksi (persist-selection: true), Agent Desktop säilyttää välilehden valinnan, vaikka agentti vaihtaa sivujen tai widgetien välillä työpöydällä.

  • Ominaisuus persist-selection ei ole käytettävissä Aputiedot-ruudun ja Agentin suorituskykytilastot -raporttisivun välilehdissä, koska välilehtien pysyvä toiminta on jo asetettu työpöydälle.
  • Välilehtivalinta palautetaan oletusvälilehteen, kun kirjaudut ulos työpöydältä, lataat selaimen uudelleen/päivität selaimen tai tyhjennät selaimen välimuistin.

Pysyvien widgetien määritys

Voit määrittää minkä tahansa mukautetun widgetin pysyviksi. Pysyvät widgetit näkyvät kaikilla työpöydän sivuilla. Pysyvät widgetit näkyvät uutena välilehtenä Lisätiedot-ruudussa vain, kun sinulla on aktiivinen yhteyspyyntö tai keskustelu. Esimerkiksi, Näyte Pysyvä widget.

Pysyvät widgetit eivät näy aloitussivulla samalla tavalla kuin muilla sivuilla. Jos sinulla on kuitenkin aktiivinen vuorovaikutus, pysyvät widgetit näkyvät aloitussivulla osana Aputiedot-ruutua. Esimerkiksi kun olet vastannut puheluun, Vuorovaikutuksen ohjauspaneeli tulee näkyviin ja Näyte Pysyvä widget näkyy osana Lisätiedot-ruutua.

Esimerkki:

"area": ​​{ "pysyvä": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span Wilhelm}", "tx"Content}", "tx"Content " "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/" }, "wrapper": { "title": "AgentX iFrame", "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "uuip-widget": t "./dynamic-widgets/widget-two.js", "attributes": { "title": "WIDGET 2:n sisältö" }, "wrapper": { "title": "Widget 2 title", "maximizeAreaName": "app-maximize-area" } } } { "are"asout":}, "[are"as":} ], "koko": { "sarakkeet": [1, 1], "rivit": [1] } } } } }] } ] }

Kun mukautat widgetiä, voit valita jommankumman seuraavista vaihtoehdoista:

  • Isännöi sovellus verkkosivulla, joka voidaan upottaa iframe-kehykseen.

  • Luo mukautettu widget.

Tekniset widgetin vaatimukset on kuvattu Työpöytäwidgetien kehitysdokumentaatio. Asettelueditorina varmista, että sinulla on seuraavat tiedot:

  • Mikä on mukautetun HTML-elementin (tunnetaan nimellä Web-komponentti) nimi?

  • Mikä on URL-osoite sisällön toimitusverkoston (CDN) lähteelle, joka isännöi JavaScript-pakettia?

Otsikko-widgetit

Otsikkoa käytetään tietojen näyttämiseen, pudotusvalikoiden lisäämiseen ja niin edelleen. Koska otsikkosäilön pystysuora tila on rajallinen, otsikon kokonaiskorkeus on vain 64 pikseliä. Lisätietoja asettelun kohdistamisesta on asetteluominaisuuden osassa.

Esimerkki:

"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", "asetelma":[ "head1", "head2" ]], "koko": { "sarakkeet": [1, 1], "rivit": [1] } } }

Jos haluat lisätä työkaluvihjeen otsikkowidgetiin, kääri komponentti muotoon md-tooltip. Kirjoita työkaluvihjeen tiedot viesti -ominaisuuteen.

Esimerkki:

"header": { "id": "dw-header", "widgets": { "head1": { "comp": "md-tooltip", "attributes": { "message": "Netlify" }, "children": [{ "comp": "agentx-wc-iframe", "attribuutit": "bpi_fiij": "#z"iij": "#z"i }] }, }, }

Sinun on lisättävä tyyliattribuutit näyttö ja korkeus , jotta voit määrittää widgetit iFramen kautta otsikon mukautettavalle widget-alueelle. Attribuutin height paras sovitusarvo on 64 pikseliä.

Varmista, että lisäät tyyliattribuutit olemassa oleviin otsikkowidgetteihin, jotta ne latautuvat odotetulla tavalla iFrame-kehyksessä.

Esimerkki:

"head1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://widget-kad.s3.amazonaws.com/Headers/Timer/Timer.htm", "style": "height:64px;display:flex;" } },

Suosittelemme, että käytät otsikossa vain yhtä riviä, jossa on useita sarakkeita, koska otsikon korkeus on vain 64 pikseliä. Lisätietoja tasauksesta on asetteluominaisuuden osassa.

Lisätiedot-ruutu

Työpöydän Aputiedot-osio näyttää välilehdet, jotka sisältävät Ciscon tarjoamat (oletus) widgetit ja mukautetut widgetit. Seuraavat Ciscon tarjoamat widgetit näkyvät ennalta määritetyillä välilehdillä:

  • Yhteystiedot historia

  • IVR-tallenne

  • Asiakaskokemusmatka

  • Ponnahdusikkuna

Voit käyttää Aputiedot-ruutua:

  • Lisää välilehtiä

  • Muuta välilehtien järjestystä

  • Poista ennalta määritetyt välilehdet

  • Merkitse mukautetut välilehdet vedettäviksi

  • Lisää työkaluvihjeitä mukautetuille välilehdille

  • Lisää Nollaa välilehtien järjestys

Esimerkki:

"paneeli": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "{100}{101}":attribuutit": " "nimi": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": [{ "comp": "slot", "attributes": "CONTA" CT}}}] "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "pop-out_16" } }, { "comp": Pop-out_16 "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" }], }, { "comp": "md-t":", "slot": " "lapset": [{ "comp": "md-icon", "attributes": { "name": "emoticons_16" } }, { "comp": "span", "textContent": "Custom Widget" } ] }, { "comp": "md-tab-panel", "attributes": {",panel"d": {":panel"d "comp": "dynaaminen alue", "ominaisuudet": { "area": ​​{ "id": "dw-panel-two", "widgets": { "comp1": { "comp": "agentx-wc-iframe", "attributes": { "src": "https://blog.logrocket.com/the-ultimate-guide-to-iframes/": { "tiperle": }, "tiperle", "tiperle": "maximizeAreaName": "app-maximize-area" } }, "comp2": { "comp": "widget-one", "script": "https://my-cdn.com/dynamic-widgets/widget-one.js", "wrapper": { "title": "Widgetin otsikko", "maximizeAreaName": "app-maximize"}, "-out"}:" "alueet": [["comp1"], ["comp2"] ], "size": { "sarakkeet": [1], "rivit": [1, 1] } } } } }] } ] },

Voit määrittää Customer Experience Journey -widgetin sen jälkeen, kun olet ottanut Customer Experience Management -mittarit käyttöön hallintaportaalissa.

Lisää Lisätiedot-ruutuun uusia välilehtiä mukautettujen widgetien sijoittamiseksi. Tässä ei sovelleta erityisiä sääntöjä, ja komponenttien sisäkkäisyys on odotettavissa ja kuvattu lapset -osiossa. Lisätietoja on sivun Lapset -sivustossa.

Seuraavassa on esimerkkejä välilehtien otsikoiden mukauttamisesta:

Esimerkki kuvakkeiden ja tarrojen sijoittamisesta lasten omaisuuteen

{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "children": [{ "comp": "md-icon", "attributes": { "name": "transcript_16" } }, { "comp": "span"], """Content "span", ":b" },

Esimerkki kuvan (CSS:n kanssa) ja tarrojen sijoittamisesta lasten omaisuuteen

{ "comp": "md-tab", "attributes": { "slot": "tab" }, "childs": [{ "comp": "span", "attributes": { "style": "align-items: center; display: flex;" }, "lapset": [{ "comp": "img", "attributes": { "src": "http: //my-cdn.com/icon.svg", "width": 16, "height": 16, "style": "margin-right: 0.5rem;" } }, { "comp": "span", "textContent": "Oma widget-välilehti" } ] }], },

The Lisää välilehtiä avattava luettelo tulee näkyviin automaattisesti, kun Aputiedot-ruudussa on useita välilehtiä.

Sinun on lisättävä mukautettu välilehden työkaluvinkki luettavuuden ja käytettävyyden parantamiseksi. Voit lisätä työkaluvihjeen mukautettuun välilehteen käärimällä komponentin md-työkaluvinkki. Syötä työkaluvihjeen tiedot viesti omaisuutta ja soveltaa tyyli ominaisuusarvot seuraavan esimerkin mukaisesti.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Tab 1", "style": "max-width: 252px; min-width: 110px; overflow: piilotettu; text-overflow: wrapped -10px;" },

Muokatulle välilehdelle suosittelemme enimmäisleveyttä 252 pikseliä ja vähimmäisleveyttä 110 pikseliä.

Voit ottaa vedä ja pudottaa -ominaisuuden käyttöön mukautetun välilehden sisällä lisäämällä seuraavan ominaisuuden attribuutteja:

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },
  • vedettävä : Aseta vedettävä omaisuuden arvoon totta.

  • comp-ainutlaatuinen-id : Anna yksilöllinen arvo komponentin tunnistamiseksi.

    Esimerkki:

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

Jos otat vetämällä ja pudottamalla käyttöön mukautetun välilehden, agentti voi vetää ja pudottaa välilehden haluttuun kohtaan Aputiedot-ruudussa. Voit palauttaa välilehdet oletusarvoiseen välilehtien järjestykseen lisäämällä seuraavan ominaisuuden:

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },
  • agentx-wc-more-actions-widget : Syötä komponentti, joka näkyy muodossa Lisää toimintoja (Lisää toimintoja -kuvake) -kuvaketta Aputiedot-ruudussa.

  • slot="asetukset" : Syötä attribuutti komponenttiin, joka näytetään muodossa Palauta välilehtien järjestys vaihtoehto kohdassa Lisää toimintoja avattavasta luettelosta. Edustajat voivat palauttaa Aputiedot-ruudun välilehdet oletusjärjestykseen napsauttamalla Lisää toimintoja -kuvake > Palauta välilehtien järjestys.

  • tabs-unique-id: Anna sama yksilöivä arvo, joka on määritetty comp-unique-id omaisuudelle md-tabs -osien yhdistämiseksi ja nollaamiseksi.

Seuraava esimerkkikoodi käyttää Lisää toimintoja ja Nollaa välilehtien järjestys toimintoja.

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comp": "div": ": "Contributes action", ": text" "slot": "custom-action" }, "children": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } ] }], }
Webex Contact Center more actions menu example, showing the 'Reset Tab Order' option.

Oletusarvoisesti työkaluvihje, ellipsikuvake ja sarkainjärjestyksen nollaus ennalta määritettyjä välilehtiä varten on määritetty.

Avattavaa Lisää toimintoja luetteloa voidaan laajentaa lisäämään mukautettuja komponentteja tai widgetejä Nollaa välilehtien järjestys -vaihtoehdon jälkeen. Seuraavassa on esimerkkisarja style -ominaisuusarvoista, joita voidaan käyttää lisäkomponentteihin.

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "Sample Element", "style": "max-width: 252px; min-width: 110px; overflow: piilotettu; tekstin ylivuoto: ellipsi; näyttö: välilyönti marginaalissa:-bott -10px;" },
Webex Contact Center more actions menu example, showing additional, custom options that can be added after the 'Reset Tab Order' option.

Vedä ja pudota -ominaisuutta ei tueta muokatuissa lisäkomponenteissa tai widgeteissä, jotka lisätään Lisää toimintoja -pudotusvalikkoon.

Päättömät widgetit

Päättömään osioon voit lisätä widgetejä, jotka ovat piilossa ja jotka eivät näy Agent Desktop. Näitä widgetejä käytetään suorittamaan logiikkaa taustalla. Tämä osio on hyödyllinen käynnistääksesi työpöydällä tapahtuvia tapahtumia ja suorittaessasi widget-kohtaista logiikkaa. Esimerkiksi mukautetun CRM-näytönpoiston avaaminen SMSille sen saapuessa.

Esimerkki:

"päätön":{ "id":"päätön", "widgetit":{ "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", "asetelma":[ "comp1", comp2" ]], "koko": { "sarakkeet": [1, 1], "rivit": [1] } } }

Jaa tiedot työpöydältä widgeteihin

Jos haluat vastaanottaa reaaliaikaista dataa mukautetun widgetin ominaisuuksien tai attribuuttien kautta, määritä sopivat STORE-arvot asettelun JSON-kokoonpanossa.

Lisäksi, jos haluat käyttää tietoja JavaScript SDK -tilaajien kautta, voit myös välittää tiedot ominaisuuksien tai määritteiden kautta. Jos komponenttisi on rakennettu reagoimaan ominaisuuksien tai määritteiden muutoksiin, saat reaaliaikaisia ​​tietopäivityksiä Agent Desktopilta, jota kutsutaan tietojen tarjoajaksi.

Tällä hetkellä meillä on yksi tiedontarjoaja avainmyymälän alla. Lisätietoja on Tietojen tarjoaja – Widgetin ominaisuudet ja attribuutit -osiossa Cisco Webex Contact Center Desktop Developer Guide.

Esikatsele kampanjakutsu

Järjestelmänvalvoja luo kampanjoita, määrittää soittotilan (esikatselu) ja määrittää kampanjat ryhmille. Jos agentti on osa tiimiä, jolle kampanjat on määritetty, agentti voi soittaa lähtevän esikatselukampanjapuhelun. Lisätietoja on ohjeaiheessa Lähtevän puheen kampanjatilojen määrittäminen Webex-yhteyskeskuksessa.

Järjestelmänvalvoja määrittää seuraavat mukautetun asettelun ottamaan esikatselukampanjan yhteyshenkilön käyttöön agentille.

Kampanjan yhteystiedot

Järjestelmänvalvoja lisää Kampanjan yhteyshenkilö -widgetin mukautetun asettelun otsikkosäiliöön. Kampanjan yhteyshenkilö näyttää asiakkaan yhteystiedot määritettyjen ominaisuuksien perusteella. Lisätietoja asettelun tasauksesta on asetteluominaisuuden rivillä sivun Ominaisuuden tiedot taulukossa.

Esimerkki:

 "advancedHeader": [ { "comp": "agentx-preview-campaign", "properties": { "isCampaignManagementEnabled": "$STORE.agent.isCampaignManagementEnabled", "agentDbId": "$STORE.agent.acqueonAgentIdl", ":lcmAgentIdl", ":lcm "$STORE.agent.lcmUrl", "isCallInProgress": "$STORE.agentContact.isActiveCall", "outdialEntryPointId": "$STORE.agent.outDialEp", "teamId": "$STORE.agent.getAcqueonTeamId", "campaigntionalInfo", "campaignationalInfo" "$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-selctor" 

Puheluopas

Puheluopas -widget näkyy työpöydän Lisätiedot-ruudussa. Puheluopas näyttää kysymykset ja vastaukset kampanjatasolla. Edustajaa kehotetaan lukemaan läpi puheluoppaan kysymykset ja lähettämään vastaukset.

Esimerkki:

"panel":{ "comp":"md-tabs", "attributes":{ "class":"widget-tabs" }, "children":[ { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "{children":":" "attributes":{ "name":"icon-note_16" } }, { "comp":"span", "textContent":"Call Guide" } ], "visibility":"CALL_GUIDE" }, { "comp":"md-tab-panel", "attributes":{ "slot":"panelwidget":":"edget" "childs":[ { "comp": "acqueon-call-guide", "script": "http://localhost:5555//index.js", // sisällytä CDN-linkki tähän "wrapper":{ "title":"Puheluopas", "maximizeAreaName":"app-maximize-area" }, "ominaisuudet":{ "lcmKey":"$STORE.agentContact.getCallGuideProps.LCMKey", "agentDbId":"$STORE.agent.acqueonAgentId", "lcmUrl":"$STORE.agent.lcmUrl", "campaignManagerAdditionalInfo":"acampational.AdditionalInfo":"ager. "orgId": "$STORE.agent.orgId", "dialerProxyHost": "$STORE.envVaribles.serviceUrls.dialerProxyHost", "isProgressiveCampaignEnabled": "$STORE.app.featureFlags.isProgressiveCampaignEnable]","ALL_visi}GUU } ] }
  • Seuraavat comp kiinteistöviitteet ovat muuttuneet. agentx kiinteistön arvo korvataan arvolla acqueon:
    • agentx-preview-campaign on nimetty uudelleen acqueon-preview-kampanja
    • agentx-puheluopas on nimetty uudelleen acqueon-call-guide
  • Sinun täytyy isännöidä List and Campaign Manager (LCM) CDN:ssä ja määrittää URL-osoite sitten käsikirjoitus omaisuutta.

Ponnahdusikkuna

Työpöytäasettelussa voit määrittää Screen Pop -toiminnon jollakin seuraavista tavoista:

  • mukautettuna sivuna

  • mukautetun sivun widgettinä.

  • Välilehtenä Aputiedot-ruudussa

Screen Pop näkyy työpöydällä seuraavien tekijöiden perusteella:

Äänikanavalle:

  • Työpöytäasettelussa määritetty kokoonpano

  • Flow Designerissa määritetty Screen Pop -toiminto

Uusille digitaalisille kanaville:

  • Työpöytäasettelussa määritetty kokoonpano

  • Connect Flow Builderissa määritetty Screen Pop -solmu

Lisätietoja Screen Popin määrittämisestä on kohdassa Näytön pop.

Näytön ponnahdusnäytön määrittäminen navigointipalkissa

Voit määrittää Screen Pop -ominaisuuden mukautetuksi sivuksi tai yhdeksi mukautetun sivun widgeteiksi. Pääset mukautettuun Screen Pop -sivuun napsauttamalla Näytön pop -kuvaketta navigointipalkissa. Pääset Screen Pop -widgetiin mukautetulla sivulla napsauttamalla mukautettua kuvaketta navigointipalkissa. Lisätietoja navigointi ominaisuuksista on kohdassa Navigointi (muokatut sivut).

Esimerkki: Screen Pop muokattuna sivuna

{ "nav": { "label": "Screen Pop", "icon": "pop-out", "iconType": "momentum", "navigateTo": "/screenpop", "align": "top" }, "page": { "id": "agentx-wc-screen-pop", "widgetit": {agent "comppox":-c "ominaisuudet": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" } } }, "layout": { "alueet": [ ["comp1"] ], "size": { "sarakkeet": [1], "rivit": [1] } } }, "OP"}CR_näkyvyys

Esimerkki: Screen Pop widgetina muokatulla sivulla

"comp1": { "comp": "agentx-wc-screen-pop", "properties": { "screenPopUrl": "$STORE.session.screenpop.screenPopSelector" }

Jos Screen Pop -toimintoa ei ole määritetty Flow Designerissa, mukautettu sivu näkyy tyhjänä. Lisätietoja Screen Pop -näytön määrittämisestä Flow Designerissa on kohdassa Screen Pop.

Näytön ponnahdusnäytön määrittäminen Aputietoruudussa

Voit määrittää Screen Pop -toiminnon näkyväksi välilehtenä Lisätiedot-ruudussa.

Oletusarvoisesti Screen Pop näkyy uutena alivälilehtenä Näytön ponnahdus -välilehdellä Aputiedot-ruudussa, jos Screen Pop on määritetty näytettäväksi Inside Desktopin Flow Designerissa.

Lisää seuraava attribuutti paneeliin , jos haluat sisällyttää Screen Pop -välilehden Aputiedot-ruutuun. Lisätietoja paneelin tiedoista on Lisätietoruudussa.

Esimerkki: Screen Pop välilehtenä Aputietoruudussa

 { "comp":"md-tab", "attributes":{ "slot":"tab", "class":"widget-pane-tab" }, "children":[ { "comp": "md-icon", "attributes": { "name": "pop-out_16" }}, { "comp": "span" },] "Conten tability", ":], " "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "#SCREEN_POP" } ], }

Flow Designerissa määritetty Screen Pop -näyttövaihtoehto on etusijalla Desktop Layoutissa määritettyyn kokoonpanoon nähden.

Oletetaan esimerkiksi, että olet määrittänyt seuraavat Screen Pop -asetukset:

  • Flow Designer – Näytä asetukset muodossa Uudella selainvälilehdellä
  • Työpöydän asettelu – välilehtenä Aputiedot-ruudussa

Kun tapahtuma, jolle näytön ponnahdus on määritetty, tapahtuu, Näytön ponnahdus näkyy työpöydän ulkopuolella - eli uudella selaimen välilehdellä.

Käyttöesimerkkejä

Seuraavissa osioissa on muutamia esimerkkejä viitteellesi:

Määritä ja käytä Customer Experience Management Metrics -widgetiä siirtymispalkista

Esimerkki:

{ "nav": { "label": "Customer Experience Management Metrics", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": {x "idt":metrics", "wxm-tdge":metrics "comp1": { "comp": "agentx-wc-cloudcherry-widget", "attributes": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$te":STORE.meagent "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } } ":], ["areena" } ":"] ], "koko": { "sarakkeet": [1], "rivit": [1] } } } },

Katso spaceId- ja metricsId-tunnukset Webex Experience Management dokumentaatiosta.

Välilehtien käyttäminen mukautetulla sivulla

Esimerkki:

{ "nav": { "label": "Dynamic Tabs", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp-d": chiren [{ "comp": "md-tab", "textContent": "One", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "widget"}fi]#", "widget"} }, { "comp": "md-tab", "textContent": "Two", "attributes": { "slot": "tab" } }, { "comp": "md-tab-panel", "textContent": "Two Content", "attributes": { "slot": "panel" } } ] "-widget "comp2":,t ] " "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "alueet": [ ["comp1", "comp2"] ], "koko": { "sarakkeet": [1, 1], "rivit": [1] } } } }

Oletusaputietoruutu, jossa on yhteyshistoria ja näyttöikkuna

Esimerkki:

"paneeli": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, "{100}{101}":attribuutit": " "nimi": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": [{ "comp": "slot", "attributes": "CONTA" },HI_STO] " "nimi": "SCREEN_POP_TAB" } }], "näkyvyys": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": {lo "comp": "attributes": "SCREEN_POP" } }], "näkyvyys": "SCREEN_POP" } },

Aputietoruutu, jossa on asiakaskokemusmatka-widget

Esimerkki:

"paneeli": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "tab" }, "children": [{ "comp": "slot", "attribuutit": "WXM_JOURNEY_TAB" } }], "näkyvyys": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": [{ "comp": "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": ".$kMoRE".app "title": "Customer Experience Journey", "maximizeAreaName": "app-maximize-area" } }], { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" }, {d-computer":at "slot": "välilehti", "luokka": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "panelitt", "attribuutit": {":"sdgell": " }, "lapset": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "tab", "class": "widget-pane-tab" {}, "child "comp":at "nimi": "SCREEN_POP_TAB" } }], "näkyvyys": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "childs": {lo "comp": "attributes": "SCREEN_POP" } }], "näkyvyys": "SCREEN_POP" } "näkyvyys": "SCREEN_POP" }, },

Lokalisointi

Työpöytäkäyttöliittymä tukee lokalisointia 29 kielellä.

Tuetut kielet ovat seuraavat:

bulgaria, katalaani, kiina (Kiina), kiina (Taiwan), kroatia, tsekki, tanska, hollanti, englanti (Yhdistynyt kuningaskunta), englanti (Yhdysvallat), suomi, ranska, saksa, unkari, italia, japani, korea, norja, puola, portugali (Brasilia), portugali (Portugali), romania, venäjä, serbia, slovakki, sloveeni, espanja, ruotsi ja turkki.

Työpöydän käyttöliittymän kieli perustuu selaimesi kieliasetuksiin. Oletetaan esimerkiksi, että olet valinnut ensisijaiseksi kieleksi ranskan Firefox-selaimessa. Kun käynnistät työpöydän Firefox-selaimessa, työpöydän käyttöliittymä tulee näkyviin ranskaksi (ranskaksi). Vaakasuuntaista otsikkoa, navigointipalkkia ja muita Työpöytäasetteluun lisättyjä komponentteja ei kuitenkaan lokalisoida selaimesi kieliasetusten perusteella.

Lokalisoi työpöydän komponentit

Lokalisoidaksesi työpöydän komponentit,

  • Käytä olemassa olevia lokalisointiavaimia, jotka on asetettu app.json -tiedostoon. Jos lokalisointiavaimia ei ole asetettu, käytetään oletuskieltä englantia (USA). Voit lähettää Ciscon tuelle palvelupyynnön lisätäksesi lokalisointiavaimen app.json -tiedostoon.

    Esimerkki: Lokalisointiavain

    { "yleinen": { "buttonTitle": "Pysäytä ajastin" } }
  • Kirjoita seuraava kirjainkoolla oleva ominaisuus Desktop Layout JSON -tiedostoon lokalisoidaksesi komponentin:

    "textContent": "$I18N.<avain>", 

    missä <avain> viittaa vastaavaan lokalisointiavaimeen app.json -tiedostossa.

Esimerkki: Lokalisoi otsikkokomponentti

"header": { "id": "header", "widgets": { "head1": { "comp": "md-button", "attributes": { "slot": "menu-trigger", "style": "height: 64px" }, "children": [{ "comp": "span", "$lemon. } }, }, }

Esimerkki: Lokalisoi välilehtikomponentti aputietoruudussa

"paneeli": { "comp": "md-tab", "attributes": { "slot": "tab" }, "childs": [{ "comp": "span", "textContent": "$I18N.panelTwo.screenPopTitle" }] }