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:
- Widgets
- Elements
- Themes
- 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.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.