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.

Añadir nueva Distribución

Click Add.

Dé un nombre a la distribución.

Elija una Plantilla del menú desplegable: Plantilla vacía, Distribución AllStats, Ejemplo, Distribución simple.

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

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

En la ventana que se abre, haga clic en Editar nuevamente, esto abrirá su editor HTML predeterminado.

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.

Nota: Si ya existe una distribución con el mismo nombre de archivo que la distribución que desea importar, el proceso de importación fallará.

Eliminar distribución

Haga clic izquierdo en la Distribución que desea eliminar y luego haga clic izquierdo Botón Eliminar.

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

También es posible tener listas de agentes o llamadas; estas deben estar dentro de una etiqueta <CallCenter> existente, ya que la lista de agentes o llamadas son las relacionadas con ese centro de llamadas. </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/>

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/>

ESTADÍSTICAS DE AGENTES

Estos solo pueden estar dentro de una etiqueta "<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/>

SELECTORES DE DATOS CSS- AVANZADO

Si desea que los elementos cambien de color en la distribución, por ejemplo, si el número de llamadas en una cola es mayor que cero o si el agente está en un estado en particular, entonces puede usar javascript del lado del cliente para cambiar el color del elemento. Otro método es usar los selectores de datos CSS; esto se usa en el diseño de ejemplo de All Stats Layout; consúltelo para ver el ejemplo completo.

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":

Advanced layout

Cuando el wallboard analiza el html, insertará el valor relevante y dará como resultado esto: en este ejemplo, 5 llamadas en cola

Advanced layout

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

Advanced layout

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

Advanced layout

Cuando esto se analiza en el wallboard, dará como resultado esto: en este ejemplo, el agente estaba en una llamada

Advanced layout

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

Advanced layout

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

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.