Broadsoft

Aangepaste Lay-outs

In dit gedeelte wordt beschreven hoe u uw eigen aangepaste lay-outs kunt beheren

Hoe toegang te krijgen

Bestand>Configuratie>Wallboard Lay-outs

Toevoegen Voeg nieuwe Lay-out toe.

Bewerken Bewerk bestaande Lay-out.

Importeren Een Lay-outsjabloon importeren.

Verwijder Verwijder een Lay-out uit de lijst.

Voeg nieuwe lay-out toe

Click Add.

Geef de Lay-out een naam.

Kies een Sjabloon uit het vervolgkeuzemenu: Lege Sjabloon, AllStats Lay-out, Voorbeeld, Eenvoudige Lay-out.

Leeg Sjabloon Een volledig Leeg sjabloon.

AllStats Lay-out Een sjabloon met alle beschikbare statistieken.

Voorbeeld Een eenvoudig sjabloon dat een aantal elementaire statistische elementen bevat, maar geen ontwerp bevat.

Eenvoudige Lay-out Een eenvoudige sjabloon die een aantal basis statistische elementen en styling bevat.

Klik op Opslaan om de Lay-out op te slaan

Add Layout

Lay-out Bewerken

Left-click on the Layout you wish to edit and then left-click the Edit button.

Klik in het geopende venster nogmaals op Bewerken - dit opent uw standaard HTML editor.

Edit Layout

OpmerkingAangepaste Sjablonen worden opgeslagen in C:\Users\[Username]\AppData\Local\MondagoWallboard\CustomTemplates\ bij het uitvoeren van een Opslaan actie, het .html bestand op deze locatie wordt bijgewerkt en de Lay-out wordt automatisch vernieuwd in Go Wallboard als dit de actieve Lay-out is.

Belangrijke opmerking: Als de Opslaan als... actie wordt gebruikt vanuit de editor, wordt het aangeraden het .html bestand op een andere locatie op te slaan en vervolgens de Importeren optie te gebruiken om de lay-out aan Go Wallboard toe te voegen.

Lay-out Importeren

Klik met de linkermuisknop op de knop Importeren.

Navigeer naar de locatie van het HTML-bestand voor de lay-out die u wilt importeren en klik op Openen.

Opmerking: Als een lay-out al bestaat met dezelfde bestandsnaam als de lay-out die u wilt importeren, zal het importeerproces mislukken.

Verwijder Lay-out

Klik met de linkermuisknop op de Lay-out die u wilt verwijderen en klik vervolgens met de linkermuisknop Verwijderknop.

Een Lay-out bewerken

Aangepaste lay-outs van wallboard gebruiken standaard HTML en CSS, dus iedereen die bekwaam is in webontwerp / -ontwikkeling moet in staat zijn om een wallboard ontwerp te maken of de voorbeeldsjablonen eenvoudig aan hun behoeften aan te passen.

Algemene Lay-out

De basisstructuur is als volgt, 'blauwe labels' zijn de standaard HTML en 'rode labels' zijn de aangepaste wallboard soorten.

General layout

Agent en Oproep Gegevens

Het is ook mogelijk om lijsten met agenten of oproepen te verkrijgen - deze moeten zich binnen een bestaande <CallCenter> tag bevinden, aangezien de lijst met agenten of oproepen gerelateerd zijn aan dat callcenter. </CallCenter>

general layout

Voorbeeld

Zie het volgende voorbeeld om dit allemaal samen te stellen en om enkele relevante statistieken weer te geven.

general layout

Deze lay-out resulteert in een zeer eenvoudige lay-out als volgt, lay-outs kunnen worden ontworpen zoals u dat wilt met behulp van standaard html-lay-out en CSS, raadpleeg de voorbeeldlay-outs voor voorbeelden van verschillende lay-outs en hoe u tabellijsten kunt weergeven.

example layout

BESCHIKBARE STATISTIEKEN

CALL CENTRE STATISTIEKEN

Deze moeten binnen een '<CallCenter>' label vallen, maar niet binnen een '<AgentList>' of '<CallList>'

<CallCenter_TotalCalls/>

<CallCenter_AbandonedCalls/>

<CallCenter_LongestWait/>

<CallCenter_QueuedCalls/>

<CallCenter_AverageWait/>

<CallCenter_AverageTalk/>

<CallCenter_AnsweredCalls/>

<CallCenter_AverageAbandonedWait/>

<CallCenter_CallsAnsweredWithinXSecPercentage/>

<CallCenter_AverageAnsweredWait/>

GESPREKSSTATISTIEKEN

Deze kunnen alleen binnen een '<Call>' label vallen

<Call_AgentName/>

<Call_RemoteName/>

<Call_RemoteCallType/>

<Call_CallState/>

<Call_RingingDuration/>

<Call_ConnectedDuration/>

<Call_AddedDateTime/>

<Call_ConnectedDateTime/>

AGENT STATISTIEKEN

Deze kunnen alleen binnen een '<Agent>' label </Agent> vallen

<Agent_Name/>

<Agent_Status/>

<Agent_ACDCalls/>

<Agent_IncomingTotal/>

<Agent_IncomingGroup/>

<Agent_IncomingExternal/>

<Agent_OutgoingTotal/>

<Agent_OutgoingGroup/>

<Agent_OutgoingExternal/>

<Agent_AverageWrapup/>

<Agent_AverageACDIncoming/>

<Agent_AverageACDOutbound/>

<Agent_DurationLoggedIn/>

<Agent_CurrentCallDuration/>

CSS DATA SELECTOREN- GEAVANCEERD

Als u elementen in de lay-out van kleur wilt laten veranderen - bijvoorbeeld als het aantal oproepen in een wachtrij meer dan nul is of als de agent zich in een bepaalde status bevindt, kunt u javascript aan de cliëntzijde gebruiken om de kleur van het element te wijzigen. Een andere methode is om CSS-gegevens selectoren te gebruiken. Deze wordt gebruikt in de voorbeeldlay-out van de Alle Statistieken lay-out, raadpleeg deze voor het volledige voorbeeld.

De manier waarop het werkt, is dat de wallboard een relevante statistische waarde kan invoegen in het gegevenselement van een '<div>', zie het gedeelte in 'Rood' gemarkeerd:

Advanced layout

Wanneer de wallboard de HTML-code parseert, wordt de relevante waarde ingevoegd en resulteert in dit - in dit voorbeeld 5 wachtende oproepen

Advanced layout

Dit kan u toestaan om de CSS zoals deze te gebruiken om de kleur afhankelijk van de waarde te veranderen

Advanced layout

Dezelfde techniek wordt gebruikt in de agenttabel in de Alle Statistieken lay-out met behulp van de volgende regel

Advanced layout

Wanneer dit door de wallboard wordt geparseerd, zal dit resulteren in dit - in dit voorbeeld was de agent in gesprek

Advanced layout

Samen met de CSS hier kunt u de tabelrij van kleur laten veranderen, afhankelijk van de agentstatus

Advanced layout

De gegevenslabels zijn hetzelfde als de hoofdstatistieklabels in de laatste sectie maar voorafgegaan door gegevens-

Advanced layout

 Report this page

Personal/Company details provided to us through this website regarding an enquiry will only be used to specifically deal with that enquiry. We will not disclose your personal information to a third party or use it for marketing purposes without your permission. Please see our Privacy Policy for more information.