weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Kennzahlen und Laufband gestalten

Kennzahlen und Laufband gestalten

Du stellst hier zwei unterschiedliche Bausteine zusammen: Kennzahlen-Kacheln, die wichtige Zahlen und Werte hervorheben, sowie ein Laufband mit bewegtem Text. Beide Bausteine zeigen Informationen auffällig an und lassen sich nach deinen Vorgaben färben und beschriften.

Voraussetzungen

Du bearbeitest einen Block dieser Art auf einer Website-Seite. Welche Seite das ist, spielt keine Rolle – die Einstellungen funktionieren überall gleich.

So gehst du vor

Kennzahlen-Kacheln einrichten

  1. Öffne den Bereich Allgemein.

    • Farbvariante: Wähle eine Farbvariante aus, etwa ein Blauton oder dein Firmenblau. Die Kacheln erhalten diese Grundfarbe.
    • Eyebrow: Trage einen kurzen Zusatztext ein, der über den Kacheln angezeigt wird (optional). Du kannst ihn mit Markdown formatieren.
    • Titel (Markdown): Trage eine Überschrift ein, die über den Kacheln steht. Markdown-Formatierung ist möglich.
  2. Öffne den Bereich Kacheln.

  3. Füge Kacheln hinzu, indem du Kachel hinzufügen anklickst. Für jede Kachel füllst du aus:

    • Wert: Die Zahl oder Kennzahl, die hervorgehoben werden soll.
    • Label: Die Beschriftung unter dem Wert, damit der Leser weiß, wofür die Zahl steht.
    • Untertitel: Ein zusätzlicher Erklärtext (optional). Auch hier funktioniert Markdown.
    • Farbton: Wähle für diese einzelne Kachel einen Farbton. Das ist die Akzentfarbe, die die Kachel besonders macht – etwa Grün für positive Zahlen oder Rot für Warnungen.
  4. Ändere die Reihenfolge der Kacheln mit den Pfeilen nach oben und unten, falls nötig. Die oberen Pfeile sind deaktiviert, solange die Kachel an erster Stelle steht; die unteren Pfeile, wenn sie am Ende steht.

  5. Entferne eine Kachel mit dem Mülleimer, wenn sie nicht mehr gebraucht wird.

Badges hinzufügen

  1. Öffne den Bereich Badges (unterhalb der Kacheln).

  2. Füge Badges hinzu, indem du Badge hinzufügen anklickst. Für jedes Badge:

    • Wähle ein Icon aus (ein Symbol, das die Information schnell erkennbar macht – etwa ein Häkchen für „bestätigt").
    • Trage einen Text ein, der das Badge erklärt.
  3. Entferne ein Badge mit dem Mülleimer, wenn du es nicht brauchst.

Laufband einrichten

  1. Öffne den Bereich Allgemein (oben, für das Laufband).

    • Farbvariante: Wähle eine Farbvariante, um das Laufband optisch zu gestalten.
    • Label vor dem Laufband: Trage einen Text ein, der vor dem sich bewegenden Text angezeigt wird.
  2. Öffne den Bereich Einträge.

  3. Füge Laufband-Einträge hinzu, indem du Eintrag hinzufügen anklickst. Trage für jeden Eintrag den Text ein, der später durchlaufen soll.

  4. Ändere einen Eintrag, indem du das Textfeld bearbeitest.

  5. Entferne einen Eintrag mit dem Mülleimer.

Aufbau der Einstellungen

Bereich Allgemein (Kennzahlen)

Hier legst du das Aussehen der gesamten Kachel-Gruppe fest: eine übergeordnete Farbvariante, optional einen Eyebrow (Zusatztext oben) und eine Überschrift mit Markdown-Unterstützung.

Bereich Kacheln

Jede Kachel zeigt einen Wert, ein Label und optional einen Untertitel. Der Farbton unterscheidet einzelne Kacheln voneinander, ohne die Grundfarbe zu ändern. Mit den Pfeiltasten verschiebst du die Reihenfolge; der Mülleimer löscht eine Kachel.

Bereich Badges

Kleine Symbole mit Begleittexten, die unter oder neben den Kacheln Information vermitteln. Jedes Badge besteht aus einem Icon und einem Text.

Bereich Allgemein (Laufband)

Farbvariante und das Label, das vor dem Laufband steht.

Bereich Einträge

Liste der Texte, die im Laufband ablaufen. Jeder Eintrag ist ein eigenes Textfeld, das du ändern oder löschen kannst.

Was danach passiert

Sobald du eine Änderung vornimmst, wird sie sofort gespeichert. Die Kacheln und das Laufband erscheinen auf der Website genau wie du sie konfiguriert hast. Die Kacheln sind statisch, das Laufband bewegt sich kontinuierlich von rechts nach links.

Du kannst jederzeit zurückkommen und Werte, Beschriftungen oder Farben anpassen – alle Änderungen werden direkt übernommen.

Tipps und Hinweise

  • Farbtöne sinnvoll einsetzen: Nutze unterschiedliche Farbtöne, um verschiedene Arten von Kennzahlen zu unterscheiden – etwa grün für Erfolge, blau für neutrale Fakten.
  • Kurze, prägnante Labels: Die Labels sollten auf einen Blick verständlich sein.
  • Laufband-Einträge variieren: Wechsle zwischen kurzen Meldungen im Laufband, damit es nicht monoton wirkt. Sehr lange Texte lesen Besucher oft nicht zu Ende.
  • Markdown im Eyebrow und Titel: Du kannst Fettdruck, Links und andere Formatierungen nutzen – behalte aber Übersichtlichkeit im Blick.

Weitere Bausteine für deine Website findest du unter Block auf einer Seite einrichten (Blockkatalog).

Suche