Kennzahlen und Laufband einrichten

Mit diesem Block zeigst du Zahlen, die für dein Geschäft wichtig sind – zum Beispiel zufriedene Kunden oder Jahre Erfahrung – zusammen mit einem scrollenden Laufband für Meldungen oder Highlights. Beide Elemente nutzen die gleichen Einstellungen für Farbe und Layout.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen.

So gehst du vor

Der Block besteht aus zwei Teilen, die du unabhängig voneinander gestaltest: oben die Kennzahlen mit Kacheln, unten das Laufband mit laufenden Einträgen.

Teil 1: Kennzahlen mit Kacheln

Öffne den Bereich Allgemein und wähle eine Farbvariante – damit bestimmst du, welche Farbtöne die Kacheln später haben. Wenn du keine Vorgabe brauchst, lass das Feld leer.
Trage einen Eyebrow ein (optional) – das ist eine kleine Zeile über der Überschrift, zum Beispiel "Unsere Stärken".
Gib einen Titel (Markdown) ein – das ist die Hauptüberschrift für diesen Block.
Öffne den Bereich Kacheln und klicke auf Kachel hinzufügen, um die erste Kennzahl zu erfassen:
- Wert: die Zahl selbst, zum Beispiel "500"
- Label: die Erklärung dazu, zum Beispiel "Kunden"
- Untertitel (optional): eine weitere Zeile unter dem Label
- Farbton: wähle eine Farbe aus, in der die Kachel erscheinen soll
Wiederhole Schritt 4 für jede weitere Kennzahl.
Um die Reihenfolge zu ändern, nutze die Schaltflächen mit Pfeilen neben jeder Kachel – nach oben oder nach unten. Die Schaltfläche ist ausgegraut, wenn die Kachel bereits ganz oben oder ganz unten steht.
Um eine Kachel zu löschen, klicke auf die Schaltfläche Entfernen.

Teil 2: Laufband mit Einträgen

Öffne den Bereich Allgemein und wähle erneut eine Farbvariante für das Laufband.
Gib ein Label vor dem Laufband ein – das ist der Text, der links neben dem scrollenden Band steht, zum Beispiel "Aktuelle Meldungen" oder "Neu".
Öffne den Bereich Einträge und klicke auf Eintrag hinzufügen:
- Trage einen Text ein, der im Laufband scrollen soll.
Wiederhole Schritt 3 für jeden weiteren Eintrag. Die Einträge laufen in der Reihenfolge durch, in der sie hier stehen.
Um einen Eintrag zu ändern, klicke in das Feld und bearbeite den Text.
Um einen Eintrag zu löschen, klicke auf die Schaltfläche Entfernen.

Teil 3: Badges (optional)

Öffne den Bereich Badges.
Klicke auf Badge hinzufügen, um ein Symbol mit Text hinzuzufügen:
- Wähle ein Symbol – klicke auf das Feld und such dir ein Icon aus
- Trage einen Text ein, der neben dem Symbol erscheint, zum Beispiel "Zertifiziert" oder "TÜV-geprüft"
Wiederhole Schritt 2 für jedes weitere Badge.
Um ein Badge zu löschen, klicke auf die Schaltfläche Entfernen neben dem Eintrag.

Aufbau des Blocks

Allgemein: Hier stellst du die Grundfarben ein und schreibst die Überschrift für die Kennzahlen.

Kacheln: Jede Kachel zeigt eine Kennzahl (Wert) mit einer Beschriftung (Label). Der Farbton bestimmt das Aussehen der einzelnen Kachel – unabhängig von der Farbvariante.

Badges: Kleine Icons mit Text, die zusätzliche Qualitätsmerkmale hervorheben – zum Beispiel Zertifizierungen oder Auszeichnungen.

Einträge (Laufband): Text-Einträge, die kontinuierlich von rechts nach links über den Bildschirm laufen.

Was danach passiert

Sobald du speicherst, sehen deine Besucher den Block auf der Website: oben die Kennzahlen in Kacheln, unten das Laufband mit den scrollenden Meldungen. Die Farben und Anordnung richten sich nach deinen Einstellungen.

Um weitere Inhalte auf dieser Seite einzurichten, nutze Block auf einer Seite einrichten (Blockkatalog).

Tipps und Hinweise

Farbton wählen: Der Farbton einer Kachel überschreibt nicht die Farbvariante – er ergänzt sie. Experimentiere mit verschiedenen Kombinationen, um den Look zu finden, der dir gefällt.
Lange Texte im Laufband: Je länger die Einträge sind, desto mehr Zeit benötigt jeder, um über den Bildschirm zu laufen. Kurze, prägnante Meldungen funktionieren besser.
Reihenfolge der Kacheln: Die Reihenfolge, in der Kacheln angezeigt werden, bestimmst du mit den Pfeil-Schaltflächen. Es gibt keine automatische Sortierung.
Markdown im Titel: Du kannst fette oder kursive Texte nutzen, um den Titel hervorzuheben. Nutze dafür die Markdown-Syntax.