Widget-Konfiguration

​

Widgets erstellen

1. Zum individuellen Dashboard navigieren
2. Klicken Sie auf “Widgets verwalten” dann “Neues Widget erstellen”
3. Widget-Typ auswählen
4. 2-3 Schritte Assistent folgen
5. Speichern und zum Dashboard hinzufügen

​

Statistik-Widgets

​

Schritt 1: Grundlagen

• Interne Kennung für Widget-Liste
• Wird nicht auf dem Dashboard angezeigt
• Beispiel: “Gesamtanrufe diesen Monat”

• Datenquelle wählen: anrufe, leads, kampagnen, assistenten, telefonnummern, sms
• Bestimmt verfügbare Spalten

• COUNT - Gesamtanzahl der Datensätze (keine Spalte erforderlich)
• SUM - Summe der Werte (erfordert Spaltenauswahl)
• AVG - Durchschnitt der Werte (erfordert Spaltenauswahl)
• MAX - Maximalwert (erfordert Spaltenauswahl)
• MIN - Minimalwert (erfordert Spaltenauswahl)

• Numerische Spalte zur Aggregation auswählen
• Beispiel: dauer für durchschnittliche Anruflänge
• Nicht erforderlich für COUNT

​

Schritt 2: Anzeige & Filter

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

• Optionaler Text unter dem Wert
• Versteckt wenn Vergleich aktiviert
• Beispiel: “Anrufe diesen Monat getätigt”

• primär (blau), erfolg (grün), warnung (gelb), gefahr (rot), info (cyan), grau
• Basierend auf Metriktyp wählen (grün für positiv, rot für negativ)

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

• Zeigt prozentuale Änderung vom vorherigen Zeitraum
• Beispiel: Letzte 7 Tage vs vorherige 7 Tage
• Zeigt “+15%” oder “-8%” mit Aufnahme-/Abnahme-Pfeil
• Ü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 verknüpft
• Siehe Abschnitt Daten filtern

​

Beispiele

Aggregation: COUNT
Tabelle: anrufe
Beschriftung: "Gesamtanrufe"
Beschreibung: "Letzte 30 Tage"
Farbe: primär
Datumsbereich: 30 Tage

Aggregation: AVG
Tabelle: anrufe
Spalte: dauer
Beschriftung: "Ø Dauer"
Farbe: info
Mini-Diagramm anzeigen: Ja
Datumsbereich: 30 Tage

Aggregation: COUNT
Tabelle: anrufe
Beschriftung: "Termine gebucht"
Farbe: erfolg
Vergleichen: Ja
Datumsbereich: 7 Tage
Bedingungen:
  - status = abgeschlossen
  - evaluation.termin_gebucht = 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 mittlerem Loch (erfordert Gruppierung)
• polarArea - Kreisförmig mit variierendem Radius (erfordert Gruppierung)
• radar - Mehrachsenvergleich
• radialBar - Einzelner Fortschrittsindikator

​

Schritt 2: Anzeige & Filter

• Diagrammtitel

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

• Primärfarbe des Diagramms
• Für Kreis/Donut verwendet mehrfarbige Palette (blau, grün, orange, rot, lila, rosa)

• Wie bei Statistiken

• Daten nach Spaltenwerten gruppieren
• Beispiele: Status, Kampagnen-ID, Assistentenname
• Erforderlich für Kreis/Donut/Polarbereich-Diagramme
• Optional für Balken/Radar-Diagramme
• Kann nicht mit Gruppierung nach Zeitraum verwendet werden

• Nach Zeit-Buckets gruppieren
• Optionen: Stunde, Tag, Woche, Monat
• Verwendet für Linien/Balken/Flächen-Diagramme
• 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

• Farbkodierte Beschriftungen
• Standard: Ja für Kreis/Donut/Polarbereich, 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/Polarbereich, Nein für andere
• Kann Linien-/Balkendiagramme überfüllen

• Zoom- und Download-Steuerelemente
• Standard: Nein

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

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

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

• Farbverlaufseffekt
• Standard: Nein

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

​

Diagrammtyp-Leitfaden

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

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

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

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

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

• Verwenden für: Mehrfachvariablenvergleich
• Erfordert: Gruppieren nach
• Beispiel: Leistung über Metriken

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

​

Beispiele

Tabelle: anrufe
Aggregation: COUNT
Diagrammtyp: line
Beschriftung: "Tägliche Anrufe"
Gruppieren nach Zeitraum: tag
Gitter anzeigen: Ja
Linienkurve: glatt
Datumsbereich: 30 Tage

Tabelle: anrufe
Aggregation: COUNT
Diagrammtyp: pie
Beschriftung: "Anrufstatus"
Gruppieren nach: status
Legende anzeigen: Ja
Datenbeschriftungen anzeigen: Ja
Datumsbereich: 7 Tage

Tabelle: anrufe
Aggregation: COUNT
Diagrammtyp: bar
Beschriftung: "Anrufe nach Stunde"
Gruppieren nach Zeitraum: stunde
Datumsbereich: 7 Tage

Tabelle: anrufe
Aggregation: COUNT
Diagrammtyp: bar
Beschriftung: "Anrufe pro Kampagne"
Gruppieren nach: campaign.name
Datumsbereich: 30 Tage

​

Tabellen-Widgets

​

Schritt 1: Grundlagen

• Quelle wählen: anrufe, leads, kampagnen, assistenten, telefonnummern, sms

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

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

• Grundspalten: 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 anzuzeigender Zeilen (1-100)
• Standard: 10

• Wie bei Statistiken/Diagrammen

​

Interaktive Funktionen

• Tabellenzeilen sind klickbar
• 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ürzten Text zeigt vollständigen Inhalt im Tooltip

​

Spaltentypen

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

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

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

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

• Benutzerdefinierte Lead-Daten
• Format: variables.
• Beispiele: kundenname, unternehmen

• Zugriff auf verwandte Daten
• Beispiele: Assistentenname, Kampagnenname
• Nicht nach diesen sortierbar

​

Beispiele

Tabelle: anrufe
Spalten:
  - Kunden-Telefonnummer
  - Assistentenname
  - Dauer
  - Status
  - Erstellt am
Sortierung: Erstellt am desc
Zeilen: 25
Datumsbereich: 7 Tage

Tabelle: anrufe
Assistent: [Auswählen zum Laden der Felder]
Spalten:
  - Kunden-Telefonnummer
  - Assistentenname
  - evaluation.termin_gebucht
  - Erstellt am
Sortierung: Erstellt am desc
Zeilen: 50
Datumsbereich: 30 Tage
Bedingungen:
  - Status = abgeschlossen
  - Spalte: Extrahierte Variablen
    Extrahierte Variablenname: Benutzerdefinierte Variable
    Benutzerdefinierter Variablenname: termin_gebucht
    Operator: =
    Variablenwert: true

​

Daten filtern

​

Operatoren

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

​

Grundlegendes Filtern

Spalte: Status
Operator: =
Wert: abgeschlossen

Spalte: Dauer
Operator: >
Wert: 60

Spalte: Status
Operator: in
Wert: abgeschlossen,in-bearbeitung

​

Bewertungsfeld-Filterung

1. Spalte: Extrahierte Variablen
2. Extrahierte Variablenname: Status oder Benutzerdefinierte Variable
3. Falls benutzerdefinierte Variable: Feldname in Benutzerdefinierter Variablenname eingeben
4. Variablenwert: true/false für Booleans, oder beliebig + benutzerdefinierter Wert

Spalte: Extrahierte Variablen
Extrahierte Variablenname: Benutzerdefinierte Variable
Benutzerdefinierter Variablenname: termin_gebucht
Operator: =
Variablenwert: true

Spalte: Extrahierte Variablen
Extrahierte Variablenname: Benutzerdefinierte Variable
Benutzerdefinierter Variablenname: stimmung
Operator: =
Variablenwert: beliebig
Benutzerdefinierter Wert: positiv

Spalte: Extrahierte Variablen
Extrahierte Variablenname: Benutzerdefinierte Variable
Benutzerdefinierter Variablenname: interessiert
Operator: =
Variablenwert: beliebig

​

Mehrere Bedingungen

Filter für erfolgreiche lange Anrufe:
Bedingung 1:
  - Spalte: Status
  - Operator: =
  - Wert: abgeschlossen

Bedingung 2:
  - Spalte: Dauer
  - Operator: >
  - Wert: 120

Bedingung 3:
  - Spalte: Extrahierte Variablen
  - Extrahierte Variablenname: Benutzerdefinierte Variable
  - Benutzerdefinierter Variablenname: termin_gebucht
  - Operator: =
  - Variablenwert: true

​

Bewährte Praktiken

​

Widget-Benennung

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

​

Datumsbereiche

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

​

Farben

• Grün (Erfolg): Positive Metriken
• Rot (Gefahr): Alarm-Metriken
• Blau (Primär): Neutrale Metriken
• Gelb (Warnung): Aufmerksamkeit erforderlich
• Grau (Info): Sekundäre Informationen

​

Leistung

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

​

Problembehandlung

• Datumsbereich erweitern
• Filter entfernen/anpassen
• Verifizieren, dass Tabelle Datensätze hat

• Assistent in Widget-Konfiguration auswählen
• Sicherstellen, dass Assistent Post-Call-Schema hat
• Prüfen, ob Feldnamen übereinstimmen

• Kreis/Donut: Muss Gruppieren nach verwenden (nicht Zeitraum)
• Linie/Fläche: Muss Gruppieren nach Zeitraum verwenden (nicht Kategorie)
• Prüfen, ob Datumsbereich Daten enthält

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

• Kreis/Donut/Polarbereich-Diagramme MÜSSEN Gruppieren nach haben
• Kann Gruppieren nach Zeitraum nicht mit diesen Diagrammtypen verwenden

• Beziehungsspalten (mit .) nicht sortierbar
• Bewertungsfelder nicht sortierbar
• Grundspalten für Sortierung verwenden