PDF

Zahlen und Fakten gestalten

Hier legst du fest, welche Kennzahlen dein Besucher sieht – etwa Kundenzufriedenheit, Jahre Erfahrung oder verkaufte Einheiten. Du kannst jede Kennzahl mit einem Symbol, einer Farbe und einer Animation ausstatten und entscheiden, ob sie neben oder über einem Bild angeordnet werden.

Voraussetzungen

Du bearbeitest bereits einen Block vom Typ „Zahlen und Fakten" auf einer Seite. Es gibt keine weiteren Voraussetzungen.

So gehst du vor

Trage eine Überschrift für diesen Block ein – etwa „Das spricht für uns" oder „Unsere Stärke in Zahlen". Das Feld akzeptiert auch Markdown-Formatierung.
Klicke auf Statistik hinzufügen, um eine erste Kennzahl zu erstellen.
Trage die Werte für die neue Kennzahl ein:
- Wert: die Zahl selbst (z.B. „98" oder „20+")
- Bezeichnung: was die Zahl bedeutet (z.B. „Kundenzufriedenheit" oder „Jahre Erfahrung")
- Symbol: Klicke auf das Symbol-Feld, um ein Symbol auszuwählen, das die Kennzahl veranschaulicht – etwa einen Stern für Bewertung oder einen Kalender für Jahre. Im Auswahlfeld kannst du nach Stichwörtern suchen.
- Farbe: entscheide, in welcher Farbe die Kennzahl hervortritt
- Animation: wähle, ob die Zahl beim Laden eingezählt werden soll oder stillstehen bleibt
Wiederhole Schritt 2 und 3 für jede weitere Kennzahl.
Um zwei Kennzahlen zu tauschen, nutze die Pfeile neben jeder Kennzahl:
- Der Pfeil nach oben verschiebt die Kennzahl nach links (oder nach oben auf Mobilgeräten)
- Der Pfeil nach unten verschiebt sie nach rechts (oder nach unten auf Mobilgeräten)
- Ist die Kennzahl bereits ganz oben oder unten, wird der entsprechende Pfeil grau und ist nicht klickbar
Um eine Kennzahl zu kopieren oder zu löschen, nutze die Schaltflächen neben den Pfeilen:
- Kopieren: erstellt eine Kopie mit allen Einstellungen unterhalb der aktuellen Kennzahl
- Entfernen: löscht die Kennzahl
Wenn du möchtest, dass neben den Kennzahlen ein Bild angezeigt wird, lade es hoch. Das Bild erscheint auf dem Desktop neben den Zahlen, auf dem Handy darüber. Du kannst das Bild zuschneiden und bestimmen, wie es sich an die verfügbare Breite anpasst. Das Bild-Feld erscheint erst, wenn du eine Bauform wählst, die ein Bild unterstützt.
Unter Aufbau legst du fest, wie der Block aussieht:
- Darstellung: wähle einen visuellen Stil – dieser bestimmt, wie Wert, Bezeichnung und Symbol angeordnet und formatiert werden
- Bauform: wähle, ob die Kennzahlen allein stehen oder neben einem Bild angeordnet sein sollen. Bei einer Bauform mit Bild wird das Bild-Feld oben sichtbar.

Aufbau des Fensters

Der Editor teilt sich in mehrere Bereiche:

Überschrift: Hier trägst du einen Titel für den Block ein.
Statistiken: Dieser Bereich zeigt deine Kennzahlen als Liste. Jede Kennzahl hat ein Eingabefeld für Wert und Bezeichnung, ein Symbol-Feld, ein Farb-Auswahlfeld und ein Animations-Auswahlfeld. Mit den Pfeilen verschiebst du die Reihenfolge, mit den Schaltflächen kopierst oder löschst du Einträge. Die Schaltfläche Statistik hinzufügen am Ende der Liste erstellt eine neue Kennzahl.
Bild: Dieser Bereich erscheint nur, wenn die gewählte Bauform ein Bild unterstützt. Hier lädst du ein Bild hoch und bestimmst, wie es zugeschnitten wird.
Aufbau: Hier wählst du die Darstellung und Bauform des Blocks aus.

Was danach passiert

Die Einstellungen werden gespeichert, sobald du sie änderst. Der Block zeigt die Kennzahlen auf der Website in der gewählten Anordnung an. Wenn eine Animation eingestellt ist, zählt die Zahl auf, wenn der Besucher die Seite aufruft oder scrollt und den Block sieht.

Um diesen Block auf einer Seite einzufügen oder weitere Blöcke hinzuzufügen, nutze Block auf einer Seite einrichten (Blockkatalog).

Tipps und Hinweise

Symbole finden: Im Symbol-Auswahlfeld kannst du nach Stichwörtern suchen. Gib etwa „Stern", „Herz" oder „Uhr" ein, um passende Symbole zu finden.
Kurze Bezeichnungen: Auf Mobilgeräten ist der Platz begrenzt – halte die Bezeichnungen knapp.
Animation sparsam: Eine Animation macht die Zahlen auffällig. Wenn du mehrere Kennzahlen mit Animation zeigst, wirkt die Seite unter Umständen unruhig.
Farbe und Kontrast: Wähle Farben, die zum Erscheinungsbild deiner Website passen und gut lesbar sind.