Constructor de Dashboard – Documentación Funcional

1. Ubicación del Constructor de Dashboard

El Constructor de Dashboard se encuentra dentro del menú lateral izquierdo del CRM.

Ruta de acceso:

• Menú lateral izquierdo
• Opción Dashboard

Al ingresar, el usuario visualiza el tablero principal con métricas, gráficos y widgets ya configurados (si existen). Desde este punto se puede:

• Visualizar métricas
• Editar la estructura del dashboard
• Agregar nuevos widgets
• Agregar elementos visuales
• Configurar temas
• Crear métricas personalizadas

2. Vista General del Dashboard

La vista principal del dashboard está compuesta por los siguientes elementos:

2.1 Barra superior

En la parte superior del dashboard se encuentran:

• Nombre del dashboard: Editable cuando se activa el modo de edición.
• Rango de fechas: Permite filtrar todas las métricas del dashboard por un rango de fechas específico.
• Botón Edit mode: Activa el modo de edición del dashboard.
• Botón Cancel: Descarta los cambios realizados durante la edición.
• Botón Save Changes: Guarda permanentemente los cambios realizados.
• Botón Add Widget: Abre el panel lateral para agregar widgets, elementos, temas o métricas personalizadas.

2.2 Filtros rápidos

Debajo del nombre del dashboard puede aparecer una sección de Quick Filters, que permite filtrar información de manera global (por ejemplo, pipelines, usuarios, estados, etc.).

3. Modo de Edición del Dashboard

Al hacer clic en Edit mode, el dashboard entra en estado editable.

En este estado:

• Los widgets pueden reordenarse
• Se habilita la opción de agregar nuevos widgets
• Se habilita la edición del nombre del dashboard
• Aparecen opciones de configuración por widget

Los cambios no se guardan automáticamente; es obligatorio usar Save Changes para persistirlos.

4. Panel “Add Widget”

Al hacer clic en Add Widget, se abre un panel lateral derecho titulado Agregar nuevo widget.

Este panel está dividido en cuatro pestañas:

1. Widgets
2. Elements
3. Themes
4. Custom Metrics

Cada pestaña cumple una función distinta dentro del constructor.

5. Pestaña Widgets

La pestaña Widgets permite agregar métricas y visualizaciones basadas en los datos del CRM.

5.1 Buscador de widgets

• Campo de búsqueda para localizar widgets específicos por nombre.

5.2 Tipo de gráfico

Permite filtrar los widgets según el tipo de visualización:

• Todos
• Número
• Gráfico circular
• Gráfico de líneas
• Gráfico de barras
• Gráfico horizontal
• Tabla

5.3 Categorías de widgets

Los widgets están organizados por secciones:

• Contacts
• Appointments
• Opportunities
• Visitor Data
• Emails
• Calls
• Conversations
• Payments
• Meta Ads
• General
• Google Analytics
• Test Drives
• Cotizaciones
• Afiliados
• Disponibilidades
• Adjuntos WA

Cada categoría puede desplegarse para mostrar las métricas disponibles.

5.4 Comportamiento al agregar un widget

Cuando se selecciona un widget:

• Se inserta automáticamente en el dashboard
• Puede ser movido, redimensionado o eliminado en modo edición

6. Pestaña Elements

La pestaña Elements permite agregar componentes visuales no métricos al dashboard.

Elementos disponibles:

6.1 Embed

• Permite incrustar contenido externo mediante código embebido (por ejemplo iframes, dashboards externos, scripts).

• 

6.2 Title

• Permite agregar títulos o encabezados al dashboard.
• Útil para dividir secciones visuales.

• 

6.3 Image

• Permite insertar imágenes dentro del dashboard.
• Útil para branding o elementos gráficos.

• 

6.4 Text Box

• Permite agregar texto libre.
• Se utiliza para descripciones, instrucciones o contexto adicional.

• 

Los elementos se comportan como widgets:

• Se pueden mover
• Se pueden redimensionar
• Se guardan junto con el dashboard

7. Pestaña Themes

La pestaña Themes permite cambiar el estilo visual del dashboard.

7.1 Selección de temas

Se muestran varias tarjetas de temas predefinidos, cada uno con:

• Paleta de colores
• Estilo de gráficos
• Variantes visuales

7.2 Comportamiento del tema

• El tema seleccionado se aplica a todos los widgets del dashboard
• El cambio es inmediato en modo edición
• El tema solo se guarda al presionar Save Changes

8. Pestaña Custom Metrics

La pestaña Custom Metrics permite crear métricas personalizadas combinando métricas existentes.

8.1 Vista inicial

Si no existen métricas personalizadas:

• Se muestra una pantalla introductoria
• Se invita al usuario a crear su primera métrica
• Botón disponible: Create Custom Metrics

9. Creación de una Métrica Personalizada

Al hacer clic en Create Custom Metrics, se abre un modal titulado:

Set up your Custom Metric, En este apartado podemos o crear una metrica personalizada desde 0 o Clonar una metrica existente

9.1 Campos principales

Al seleccionar clonar una metrica existente podemos seleccionar una metrica personalizada creada anteriormente 

9.2 Campos principales

Metric Name

• Campo obligatorio
• Define el nombre visible de la métrica

Data Type

Campo obligatorio que define el tipo de dato de salida:

• Integer (whole numbers)
• Float (decimal numbers)
• Percentage
• Currency

Este tipo afecta el formato visual del resultado.

Description

• Campo opcional
• Permite documentar el propósito de la métrica

9.3 Fórmula (Formula – up to 4 metrics)

• Campo obligatorio
• Permite construir una fórmula usando hasta 4 métricas

• 

Componentes disponibles en la fórmula:

• Metrics: métricas existentes del sistema (ej. Count of Emails, Count of Page Views)
• Operator: operadores matemáticos (suma, resta, multiplicación, división)
• Numbers: valores numéricos constantes

Las métricas seleccionadas aparecen como bloques dentro del editor de fórmula.

9.4Advanced Settings

Selección de propiedad de fecha

• Para cada métrica usada en la fórmula, se debe seleccionar una propiedad de fecha asociada
• Ejemplo: Created on, Visited on, etc.

Esto define cómo se filtra cada métrica por el rango de fechas del dashboard.

Comparison Value

Define cómo se interpreta la variación de la métrica:

• Increase is positive
• Decrease is positive

Esto impacta indicadores visuales de tendencia.

10. Edición de un Dashboard Existente

Cuando se edita un dashboard ya creado:

• Se mantiene la estructura actual
• Los widgets existentes conservan su configuración
• Se pueden agregar o eliminar widgets
• Se pueden cambiar temas
• Se pueden agregar elementos visuales
• Se pueden agregar métricas personalizadas nuevas

Ningún cambio es permanente hasta presionar Save Changes.