Aussagekräftige Kennzahlen und Call-to-Action auf einer Seite einrichten

Du gestaltest zwei Blöcke für deine Website, die deine wichtigsten Zahlen und ein überzeugendes Angebot nebeneinander präsentieren. Der erste Block zeigt Kennzahlen in Kacheln – etwa Kundenzahl oder Erfolgsrate. Der zweite Block kombiniert eine Überschrift mit bis zu zwei Schaltflächen (Primär und Sekundär) und einer Vertrauenszeile darunter, etwa für eine Anmeldung oder einen Download.

Voraussetzungen

Der Block muss bereits auf einer Seite eingefügt sein. Falls nicht, beschreibe ich dir in Block auf einer Seite einrichten (Blockkatalog), wie du das machst.

So gehst du vor

Allgemein – Farbe wählen

1. Öffne den Einstellungsbereich Allgemein (oben, mit Zahnrad-Symbol).
2. Wähle unter Farbvariante eine Farbe für den Block. Sie bestimmt den Hintergrund und die Schrift.

Für den Angebot-Block (die zweite Sektion) kannst du zusätzlich eine Bezeichnung (für Verlinkung) eintragen – das erlaubt es anderen Besuchern, von außerhalb direkt zu diesem Block zu springen.

Überschrift und Beschreibung gestalten

3. Öffne den Bereich Überschrift.
4. Trage unter Eyebrow einen kurzen Vorspann ein – etwa „Das haben wir erreicht" oder „Jetzt Kontakt aufnehmen" (optional).
5. Trage unter Titel deine Hauptüberschrift ein. Du kannst Text fett oder kursiv formatieren, oder auch durchgestrichen darstellen – schreib dafür **Text**, *Text* oder ~~Text~~.
6. Trage unter Beschreibung einen erklärenden Text ein (optional).

Kennzahlen als Kacheln (nur beim ersten Block)

7. Öffne den Bereich Kennzahlen-Kacheln.
8. Klicke auf Kachel hinzufügen, um eine neue Kennzahl einzutragen.
9. Für jede Kachel:
   • Icon: Klick auf das Feld links, um ein Symbol auszuwählen.
   • Wert: Die Zahl oder der Wert (etwa „1000" oder „98 %").
   • Label: Die Beschreibung darunter (etwa „Zufriedene Kunden").
   • Farbton: Die Farbe dieser einzelnen Kachel (etwa Grün für positiv, Rot für kritisch).
10. Wenn du mehrere Kacheln hast: Nutze die Pfeile nach oben und unten, um ihre Reihenfolge zu ändern. Mit dem Papierkorb-Symbol löschst du eine Kachel.

Schaltflächen und Call-to-Action (nur beim zweiten Block)

11. Öffne den Bereich CTAs (Calls to Action = Handlungsaufforderungen).
12. Trage unter Primär Text die Beschriftung für die Hauptschaltfläche ein (etwa „Jetzt anmelden").
13. Klick auf das Feld daneben, um unter Primär Ziel die Adresse oder Seite zu wählen, auf die die Schaltfläche führt.
14. Optional: Ergänz eine zweite Schaltfläche:
    • Klick auf das Symbol links neben Sekundär Text, um ein Icon für diese Schaltfläche auszuwählen.
    • Trage unter Sekundär Text die Beschriftung ein (etwa „Mehr erfahren").
    • Klick auf das Feld daneben, um unter Sekundär Ziel das Ziel festzulegen.
15. Unter Trust-Zeile kannst du noch eine kleine Zeile hinzufügen (etwa „Keine Kreditkarte nötig" oder „Kostenlos, keine Verpflichtung"). Hier gelten die gleichen Formatierungsmöglichkeiten wie bei der Überschrift.

Aufbau der Seite

Die Einstellungen sind in fünf Bereiche aufgeteilt:

• Allgemein: Farbe des Blocks und (beim Angebot-Block) eine Bezeichnung zur internen Verlinkung.
• Überschrift: Vorspann, Haupttitel und Beschreibungstext. Alle unterstützen Markdown (fett, kursiv, durchgestrichen).
• Kennzahlen-Kacheln: Nur beim Kennzahlen-Block. Hier fügst du die Zahlen mit Symbolen, Beschriftung und Farbtönen zusammen.
• CTAs: Nur beim Angebot-Block. Hier definierst du die Schaltflächen und wohin sie führen.

Was danach passiert

Sobald du etwas änderst, speichert weboffice die Änderung automatisch. Die Blöcke erscheinen sofort auf deiner Website in der gewählten Anordnung und Farbe.

Du kannst deine Seite später veröffentlichen, damit Besucher die Kennzahlen und das Angebot sehen.

Tipps und Hinweise

• Icons finden: In der Icon-Auswahl kannst du nach Namen suchen – etwa „check" für ein Häkchen oder „users" für Personen.
• Verlinkung im Angebot-Block: Die Bezeichnung unter Allgemein ist unsichtbar für deine Besucher, aber sie können das Angebot-Block direkt ansteuern, wenn du #bezeichnung in einen Link schreibst.
• Markdown im Titel: Nutze Markdown sparsam – zu viel Formatierung macht Text unlesbar. Ein oder zwei wichtige Worte reichen meist.
• Kachel-Reihenfolge: Du kannst Kacheln jederzeit verschieben, ohne den Block neu anzulegen.