Broadsoft

Distribuciones personalizadas

Esta sección describe cómo puede administrar sus propias distribuciones personalizadas

Cómo acceder

Archivo>Configuración>Distribuciones de Wallboard

Agregar Añadir nueva Distribución.

Editar Editar la distribución existente.

Importar Importar una plantilla de distribución.

Borrar Eliminar una distribución de la lista.

Configuración de Diseño

Añadir nueva Distribución

Haga clic en Agregar.

Dé un nombre a la distribución.

Elija una plantilla del menú desplegable: Plantilla vacía, Diseños de Ejemplo (Diseño de AllStats, Ejemplo, Diseño Simple) y Diseños del Sistema (estos son los diseños estándar enviados con el producto).

Plantilla vacía Una plantilla completamente en blanco.

Distribución AllStats Una plantilla que incluye todas las estadísticas disponibles.

Ejemplo Una plantilla simple que incluye algunos elementos estadísticos básicos pero no incluye ningún estilo.

Distribución simple Una plantilla simple que incluye algunos elementos estadísticos y estilo básicos.

Haga clic en Guardar para guardar la Distribución.

Add Layout

Editar distribución

Haga clic izquierdo en el Diseño que desea editar y luego haga clic izquierdo en el botón Editar.

In the window which opens, click Edit again – this will open your default HTML editor.

Edit Layout

NotaLas plantillas personalizadas se guardan en C:\Users\[Username]\AppData\Local\MondagoWallboard\CustomTemplates\ cuando se realiza una acción de Guardar, el archivo .html en esta ubicación se actualizará y la Distribución se actualizará automáticamente en Go Wallboard si es la Distribución activa.

Nota Importante:Si se usa la acción Guardar como... desde el editor, se recomienda guardar el archivo .html en una ubicación diferente y luego usar la opción Importar para agregar la distribución a Go Wallboard.

Importar Distribución

Haga clic izquierdo en el botón Importar.

Vaya a la ubicación del archivo HTML para buscar la distribución que desea importar y haga clic en Abrir.

NOTE: If a Layout already exists with the same file name as the layout you wish to import, the import process will fail.

Eliminar distribución

Left-click on the Layout you wish to delete and then left-click Delete button.

Edición de una distribución

Las distribuciones personalizadas de Wallboard utilizan HTML y CSS estándar, por lo que cualquier persona con experiencia en diseño/desarrollo web debería poder crear una distribución de Wallboard o modificar fácilmente las plantillas de muestra según sus necesidades.

Distribución general

La estructura básica es la siguiente, las "etiquetas azules" son el HTML estándar y las "etiquetas rojas" son las del wallboard personalizado.

General Layout

Agente y Datos de llamada

It's also possible to have lists of agents or calls – these need to be within an existing <CallCenter> tag as the list of agents or calls are the ones related to that call center. </CallCenter>

General Layout

Ejemplo

Para hacer todo esto y mostrar algunas estadísticas relevantes, consulte el siguiente ejemplo.

General Layout

Esta distribución se traducirá en una distribución muy simple de la siguiente manera, las distribuciones se pueden diseñar de la manera que desee utilizando la distribución HTML estándar y CSS, consulte las distribuciones de ejemplo para ver algunas diferentes y cómo mostrar listas tabulares.

example Layout

ESTADÍSTICAS DISPONIBLES

ESTADÍSTICAS DEL CENTRO DE LLAMADAS

Estos deben estar dentro de una etiqueta "<CallCenter>" pero no dentro de una "<AgentList>" o "<CallList>"

CallCenter_TotalCalls/

CallCenter_AbandonedCalls/

CallCenter_LongestWait/

CallCenter_QueuedCalls/

CallCenter_AverageWait/

CallCenter_AverageTalk/

CallCenter_AnsweredCalls/

CallCenter_AverageAbandonedWait/

CallCenter_CallsAnsweredWithinXSecPercentage/

CallCenter_AverageAnsweredWait/

CallCenter_Name/

CallCenter_MostActiveAgent/

CallCenter_AgentsAvailableCount/

CallCenter_AgentsAvailablePercent/

CallCenter_AgentsBusyCount/

CallCenter_AverageTalk_XSI/

CallCenter_OverflowedCalls/

CallCenter_TotalOverflowedWait/

CallCenter_AverageOverflowedWait/

CallCenter_ServiceLevel/

CallCenter_AbandonedCallsPercent/

CallCenter_BouncedCalls/

CallCenter_AgentsWrapupCount

CallCenter_AgentsSignedOutCount

CallCenter_AgentsSignedInCount

CallCenter_AgentsUnavailableCount

CallCenter_AgentsWrapupAndUnavailableCount

CallCenter_AgentsWrapupAndUnavailableAndSignedOutCount

ESTADÍSTICAS DE LLAMADAS

Estos solo pueden estar dentro de una etiqueta "<Call>"

Call_AgentName/

Call_RemoteName/

Call_RemoteCallType/

Call_CallState/

Call_RingingDuration/

Call_ConnectedDuration/

Call_AddedDateTime/

Call_ConnectedDateTime/

Call_ACDNumber/

call_clinumber/

Call_CallerContact/

Call_CallerCompany/

Call_CallerContactAndCompany/

ESTADÍSTICAS DEL AGENTE

Estos solo pueden estar dentro de una etiqueta "<Agent>" <Agent> </Agent>

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/

Agent_TotalACDIncomingTime/

Agent_SignInTimestamp/

Agent_CurrentCaller/

Agent_CurrentCallAnswerTimeStamp/

Agent_CallerCLI/

Agent_CallerContact/

Agent_CallerCompany/

Agent_CallerContactAndCompany/

Códigos de disposición

Estos solo pueden estar dentro de una etiqueta "<DispositionCode>" <DispositionCode> </DispositionCode>

DispositionCode_Description/

DispositionCode_Code/

DispositionCode_Level/

DispositionCode_ACDInboundCallCount/

DispositionCode_ACDOutboundCallCount/

DispositionCode_DnisList>/

DispositionCode_Dnis>/

DispositionCode_DNIS_Name/

SELECTORES DE DATOS CSS- AVANZADO

If you want to have elements changing color in the layout – for example if the number of calls in a queue is more than zero or if the agent is in a particular state then you can use client side javascript to change the color of the element. Another method is to use CSS data selectors – this is used in the All Stats Layout example layout, please refer to it for the full example.

La forma en que funciona es que el Wallboard puede insertar un valor estadístico relevante en el elemento de datos de un "<div>", consulte la sección resaltada en "Rojo":

General Layout

When the wallboard parses the html, it will insert the relevant value in and result in this – in this example 5 queued calls

General Layout

Esto puede permitirle usar el CSS así para cambiar el color dependiendo del valor

General Layout

La misma técnica se usa en la tabla de agentes en la Distribución All Stats de usando la siguiente línea

General Layout

When this is parsed by the wallboard it will result in this – in this example the agent was on a call

General Layout

Junto con el css aquí puede hacer que la fila de la tabla cambie de color dependiendo del estado del agente

General Layout

Las etiquetas de datos son las mismas que las principales etiquetas estadísticas en la última sección pero con prefijo de datos-

General Layout

AVANZADO

Seleccione esta opción si usa el método API SOLAMENTE para mostrar los datos del tablero.

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.