Widget-Konfiguration

​

Widgets erstellen

1. Navigieren Sie zum benutzerdefinierten Dashboard
2. Klicken Sie auf “Widgets verwalten”, dann “Neues Widget erstellen”
3. Wählen Sie den Widget-Typ
4. Folgen Sie dem 2-3-Schritt-Assistenten
5. Speichern und zum Dashboard hinzufügen

​

Statistik-Widgets

​

Schritt 1: Grundlagen

• Interner Bezeichner für Widget-Liste
• Wird nicht auf Dashboard angezeigt
• Beispiel: “Gesamtanrufe diesen Monat”

• Wählen Sie Datenquelle: calls, leads, campaigns, assistants, phone_numbers, sms
• Bestimmt verfügbare Spalten

• COUNT - Gesamtzahl der Datensätze (keine Spalte erforderlich)
• SUM - Summe der Werte (erfordert Spaltenauswahl)
• AVG - Durchschnitt der Werte (erfordert Spaltenauswahl)
• MAX - Maximaler Wert (erfordert Spaltenauswahl)
• MIN - Minimaler Wert (erfordert Spaltenauswahl)

• Wählen Sie numerische Spalte zur Aggregation
• Beispiel: duration für durchschnittliche Anruflänge
• Nicht erforderlich für COUNT

​

Schritt 2: Anzeige & Filter

• Hauptüberschrift auf Widget angezeigt
• Beispiel: “Gesamtanrufe”

• Optionaler Text unter dem Wert
• Ausgeblendet, wenn Vergleich aktiviert
• Beispiel: “Anrufe diesen Monat”

• primary (blau), success (grün), warning (gelb), danger (rot), info (cyan), gray (grau)
• Wählen Sie basierend auf Metriktyp (grün für positiv, rot für negativ)

• Zeigt kleines Liniendiagramm mit täglichem Trend
• Verwendet denselben Datumsbereich wie Statistik

• Zeigt prozentuale Änderung zur vorherigen Periode
• Beispiel: Letzte 7 Tage vs. vorherige 7 Tage
• Zeigt “+15%” oder “-8%” mit Auf-/Ab-Pfeil an
• Überschreibt Beschreibungsfeld

• Nach Erstellungsdatum filtern
• Optionen: Heute, 1, 7, 14, 30, 60, 90, 180, 365 Tage

• Filter hinzufügen, um Daten einzugrenzen
• Mehrere Bedingungen mit UND kombiniert
• Siehe Abschnitt Daten filtern

​

Beispiele

Aggregation: COUNT
Table: calls
Label: "Gesamtanrufe"
Description: "Letzte 30 Tage"
Color: primary
Date Range: 30 Tage

Aggregation: AVG
Table: calls
Column: duration
Label: "Durchschn. Dauer"
Color: info
Show Mini Chart: Ja
Date Range: 30 Tage

Aggregation: COUNT
Table: calls
Label: "Gebuchte Termine"
Color: success
Compare: Ja
Date Range: 7 Tage
Conditions:
  - status = completed
  - evaluation.appointment_booked = true

​

Diagramm-Widgets

​

Schritt 1: Grundlagen

• line - Trends über Zeit
• bar - Kategorien oder Zeiträume vergleichen
• area - Gefülltes Trend-Diagramm
• pie - Proportionen (erfordert Gruppierung)
• donut - Kreis mit Loch in der Mitte (erfordert Gruppierung)
• polarArea - Kreisförmig mit variierendem Radius (erfordert Gruppierung)
• radar - Mehrachsen-Vergleich
• radialBar - Einzelner Fortschrittsindikator

​

Schritt 2: Anzeige & Filter

• Diagrammtitel

• Optionaler Untertitel-Text unter dem Diagramm
• Beispiel: “Leistung der letzten 30 Tage”

• Primärfarbe des Diagramms
• Für Kreis/Donut wird eine Mehrfarben-Palette verwendet (Blau, Grün, Orange, Rot, Lila, Rosa)

• Wie bei Statistiken

• Daten nach Spaltenwerten gruppieren
• Beispiele: Status, Kampagnen-ID, Assistentenname
• Erforderlich für Kreis-/Donut-/Polarflächen-Diagramme
• Optional für Balken-/Radar-Diagramme
• Kann nicht mit Gruppieren nach Periode verwendet werden

• Nach Zeiteinheiten gruppieren
• Optionen: Stunde, Tag, Woche, Monat
• Verwendet für Linien-/Balken-/Flächendiagramme
• Kann nicht mit Gruppieren nach verwendet werden

• Wie bei Statistiken

​

Schritt 3: Erweitert (nur Diagramme)

• Horizontale/vertikale Hintergrundlinien
• Hilft beim Ablesen exakter Werte
• Standard: Ja

• Farbcodierte Beschriftungen
• Standard: Ja für Kreis/Donut/Polarfläche, Nein für andere
• Position: Unten im Diagramm

• Hover-Popups mit exakten Werten
• Standard: Ja (empfohlen)

• Werte direkt auf Diagrammelementen angezeigt
• Standard: Ja für Kreis/Donut/Polarfläche, Nein für andere
• Kann Linien-/Balkendiagramme überladen

• Zoom- und Download-Steuerungen
• Standard: Nein

• smooth - Abgerundete Kurven (Standard, visuell ansprechend)
• straight - Direkte Linien (präzise)
• stepline - Schrittweise (gut für diskrete Ereignisse)

• Dicke in Pixeln (1-10)
• Standard: 2px

• Vertikaler Raum in Pixeln (200-800)
• Standard: 300px
• Höhere Diagramme besser für mehr Datenpunkte

• Farbverlaufseffekt
• Standard: Nein

• Endfarbe für Verlauf
• Standard: Grün (#10b981)

​

Diagrammtyp-Leitfaden

• Verwenden für: Tägliche/wöchentliche Trends, kontinuierliche Daten
• Erfordert: Gruppieren nach Periode
• Beispiel: Anrufe pro Tag letzte 30 Tage

• Verwenden für: Kategorienvergleich, Zeiträume
• Kann verwenden: Gruppieren nach (Kategorien) ODER Gruppieren nach Periode (Zeit)
• Beispiel: Anrufe pro Kampagne, stündliche Verteilung

• Verwenden für: Wie Linie, betont Volumen
• Erfordert: Gruppieren nach Periode
• Beispiel: Anrufvolumen-Trend

• Verwenden für: Proportionen, Prozentsätze
• Erfordert: Gruppieren nach (NICHT Gruppieren nach Periode)
• Beispiel: Anrufstatus-Aufschlüsselung

• Verwenden für: Wie Kreis, zeigt aber Größe über Radius
• Erfordert: Gruppieren nach
• Beispiel: Kampagnenbeitrag

• Verwenden für: Multi-Variablen-Vergleich
• Erfordert: Gruppieren nach
• Beispiel: Leistung über Metriken

• Verwenden für: Einzelner Prozentsatz/Fortschritt
• Verwendet nicht: Gruppieren nach oder Gruppieren nach Periode
• Beispiel: Zielerreichung %

​

Beispiele

Table: calls
Aggregation: COUNT
Chart Type: line
Label: "Tägliche Anrufe"
Group By Period: day
Show Grid: Ja
Stroke Curve: smooth
Date Range: 30 Tage

Table: calls
Aggregation: COUNT
Chart Type: pie
Label: "Anrufstatus"
Group By: status
Show Legend: Ja
Show Data Labels: Ja
Date Range: 7 Tage

Table: calls
Aggregation: COUNT
Chart Type: bar
Label: "Anrufe nach Stunde"
Group By Period: hour
Date Range: 7 Tage

Table: calls
Aggregation: COUNT
Chart Type: bar
Label: "Anrufe pro Kampagne"
Group By: campaign.name
Date Range: 30 Tage

​

Tabellen-Widgets

​

Schritt 1: Grundlagen

• Quelle wählen: calls, leads, campaigns, assistants, phone_numbers, sms

• Kampagne auswählen, um:
  • Tabelle auf diese Kampagne zu filtern
  • Benutzerdefinierte Variablenspalten zu aktivieren
• Optional

• Assistenten auswählen, um:
  • Tabelle auf diesen Assistenten zu filtern
  • Bewertungsfeldspalten zu aktivieren
• Optional

• Basisspalten: ID, Status, Erstellt am usw.
• Beziehungsspalten: Assistentenname, Kampagnenname
• Bewertungsfelder: evaluation. (wenn Assistent ausgewählt)
• Lead-Variablen: variables. (wenn Kampagne ausgewählt)
• Standard, wenn keine ausgewählt: ID, Status, Erstellt am

​

Schritt 2: Anzeige & Filter

• Tabellenüberschrift

• Optionaler Untertitel

• Wie bei Statistiken/Diagrammen

• Standard-Sortierspalte
• Nur einfache Spalten (nicht Beziehungen)
• Standard: created_at

• desc (neueste zuerst) - Standard
• asc (älteste zuerst)

• Anzahl der anzuzeigenden Zeilen (1-100)
• Standard: 10

• Wie bei Statistiken/Diagrammen

​

Interaktive Funktionen

• Tabellenzeilen sind anklickbar
• Verlinkt automatisch zur Detail-/Bearbeitungsseite für den Datensatz
• Funktioniert für: Anrufe, Leads, Kampagnen, Assistenten

• Datumsbereich direkt im Widget ändern
• Überschreibt den konfigurierten Standard-Datumsbereich
• Nützlich zum Erkunden verschiedener Zeiträume

• Mehrfachauswahl-Dropdown zum Filtern nach Status
• Verfügbar für: Anrufe, Leads, Kampagnen, Assistenten, SMS
• Mehrere Status gleichzeitig auswählen

• Langer Text wird automatisch bei 50 Zeichen gekürzt
• Hover über gekürz ten Text zeigt vollen Inhalt im Tooltip

​

Spaltentypen

• Internationales Format (+1 555 123 4567)
• Länderflaggenpräfix
• Beispiele: client_phone_number, phone_number

• Farbige Abzeichen
• Beispiele: Status-Feld in jeder Tabelle

• Format “vor 3 Stunden”
• Hover zeigt vollständiges Datum/Zeit
• Beispiele: created_at, updated_at

• Boolesche Felder: Häkchen oder X mit grünem/rotem Abzeichen
• Nicht-boolesche Felder: Wert mit grauem Abzeichen
• Hover zeigt Feldbeschreibung
• Format: evaluation.

• Benutzerdefinierte Lead-Daten
• Format: variables.
• Beispiele: customer_name, company

• Zugriff auf zugehörige Daten
• Beispiele: Assistentenname, Kampagnenname
• Nicht sortierbar

​

Beispiele

Table: calls
Columns:
  - Client Phone Number
  - Assistant Name
  - Duration
  - Status
  - Created At
Sort: Created At desc
Rows: 25
Date Range: 7 Tage

Table: calls
Assistant: [Zum Laden von Feldern auswählen]
Columns:
  - Client Phone Number
  - Assistant Name
  - evaluation.appointment_booked
  - Created At
Sort: Created At desc
Rows: 50
Date Range: 30 Tage
Conditions:
  - Status = completed
  - Column: Extracted Variables
    Extracted Variable Name: Custom variable
    Custom Variable Name: appointment_booked
    Operator: =
    Variable Value: true

​

Daten filtern

​

Operatoren

• = - Gleich
• != - Nicht gleich
• > - Größer als
• >= - Größer oder gleich
• < - Kleiner als
• <= - Kleiner oder gleich
• like - Enthält Text
• in - Eines von (kommagetrennt)
• not in - Nicht eines von
• is null - Kein Wert
• is not null - Hat Wert

​

Basis-Filterung

Column: Status
Operator: =
Value: completed

Column: Duration
Operator: >
Value: 60

Column: Status
Operator: in
Value: completed,in-progress

​

Bewertungsfeld-Filterung

1. Column: Extracted Variables
2. Extracted Variable Name: Status oder Custom variable
3. Wenn Custom variable: Feldnamen in Custom Variable Name eingeben
4. Variable Value: true/false für Boolesche, oder any + benutzerdefinierter Wert

Column: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: appointment_booked
Operator: =
Variable Value: true

Column: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: sentiment
Operator: =
Variable Value: any
Custom Value: positive

Column: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: interested
Operator: =
Variable Value: any

​

Mehrere Bedingungen

Filter für erfolgreiche lange Anrufe:
Condition 1:
  - Column: Status
  - Operator: =
  - Value: completed

Condition 2:
  - Column: Duration
  - Operator: >
  - Value: 120

Condition 3:
  - Column: Extracted Variables
  - Extracted Variable Name: Custom variable
  - Custom Variable Name: appointment_booked
  - Operator: =
  - Variable Value: true

​

Best Practices

​

Widget-Benennung

• ✅ “Verkaufsanrufe - Letzte 30 Tage”
• ✅ “Support-Durchschnittsdauer”
• ❌ “Widget 1”

​

Datumsbereiche

• Heute: Echtzeit-Überwachung
• 7 Tage: Wöchentliche Leistung
• 30 Tage: Monatliche Trends
• 90+ Tage: Langfristige Analyse

​

Farben

• Grün (success): Positive Metriken
• Rot (danger): Alarm-Metriken
• Blau (primary): Neutrale Metriken
• Gelb (warning): Aufmerksamkeit erforderlich
• Grau (info): Sekundäre Info

​

Leistung

• Datumsbereichsfilter verwenden
• Widgets pro Dashboard unter 20 begrenzen
• COUNT wenn möglich verwenden (schneller)
• Sehr lange Datumsbereiche vermeiden

​

Fehlerbehebung

• Datumsbereich erweitern
• Filter entfernen/anpassen
• Überprüfen, ob Tabelle Datensätze hat

• Assistenten in Widget-Konfiguration auswählen
• Sicherstellen, dass Assistent Post-Call-Schema hat
• Feldnamen auf Übereinstimmung prüfen

• Kreis/Donut: Muss Gruppieren nach verwenden (nicht Periode)
• Linie/Fläche: Muss Gruppieren nach Periode verwenden (nicht Kategorie)
• Datumsbereich überprüfen, ob Daten enthalten

• Beziehungsspalten benötigen zugehörige Datensätze
• Bewertungsspalten benötigen Assistentenauswahl
• Variablenspalten benötigen Kampagnenauswahl

• Kreis-/Donut-/Polarflächen-Diagramme MÜSSEN Gruppieren nach haben
• Kann Gruppieren nach Periode nicht mit diesen Diagrammtypen verwenden

• Beziehungsspalten (mit .) nicht sortierbar
• Bewertungsfelder nicht sortierbar
• Basisspalten zum Sortieren verwenden