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

Abschluss-Statement und Call-to-Action gestalten

Abschluss-Statement und Call-to-Action gestalten

Ansicht dieser Seite

Mit diesem Baustein zeigst du am Ende einer Seite wichtige Kennzahlen, lädst Besucher zu einer Aktion ein und stärkst damit deinen Abschluss. Du kombinierst hier ein Statistik-Element mit Schaltflächen und vertrauensförderndem Text.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du bearbeitest den Baustein direkt auf deiner Seite.

So gehst du vor

  1. Öffne den Bereich Allgemein durch Klick darauf.

  2. Wähle unter Farbvariante eine Farbgestaltung für den gesamten Baustein. Die Auswahl bestimmt den visuellen Eindruck des Elements.

  3. Öffne den Bereich Überschrift.

  4. Trage unter Eyebrow einen kurzen Vortext ein – das ist die Zeile über der Hauptüberschrift. Du kannst hier Formatierung nutzen: Text mit *Sternchen* wird kursiv, mit **doppelten Sternchen** wird er fett, mit ~~Tilden~~ wird er durchgestrichen.

  5. Trage unter Titel deine Hauptüberschrift ein. Auch hier funktioniert Markdown-Formatierung.

  6. Trage unter Beschreibung einen erklärenden Text ein, der deine Überschrift ergänzt.

  7. Öffne den Bereich Kennzahlen-Kacheln. Hier baust du deine Statistiken auf.

  8. Klicke auf Kachel hinzufügen, um eine erste Kennzahl hinzuzufügen.

  9. Für jede neue Kachel:

    • Wähle ein Icon links durch Klick auf das Symbol – ein Fenster öffnet sich mit allen verfügbaren Icons
    • Trage unter Wert die Zahl oder Kennzahl ein, die du zeigen möchtest
    • Trage unter Label eine Beschreibung ein, die erklärt, was die Zahl bedeutet
    • Wähle einen Farbton, um die Kachel optisch hervorzuheben
  10. Um Kacheln zu sortieren, nutze die Pfeile nach oben und unten neben jeder Kachel. Das Löschen-Symbol entfernt eine Kachel wieder.

  11. Öffne den Bereich CTAs (Call-to-Action). Hier stellst du die Schaltflächen zusammen, mit denen Besucher reagieren sollen.

  12. Trage unter Primär Text die Beschriftung deiner Hauptschaltfläche ein – das ist die auffälligere der beiden.

  13. Klicke auf das Feld neben Primär Ziel und wähle das Ziel aus, wohin die Schaltfläche führen soll (eine andere Seite, eine externe Website oder ein Anker auf dieser Seite).

  14. Wähle für die Sekundär Schaltfläche ein Icon durch Klick auf das Symbol links.

  15. Trage unter Sekundär Text die Beschriftung der zweiten Schaltfläche ein.

  16. Klicke auf das Feld neben Sekundär Ziel und wähle das Ziel der zweiten Schaltfläche.

  17. Trage unter Trust-Zeile einen kurzen Text ein, der Vertrauen schafft – zum Beispiel ein Siegel, eine Auszeichnung oder eine kurze Bestätigung. Auch hier funktioniert Markdown-Formatierung.

  18. Klicke oben rechts auf Speichern, um den Baustein zu sichern.

Aufbau des Bausteins

Der Baustein besteht aus drei Teilen:

  • Allgemein: Hier legst du die Farbgestaltung fest, die den gesamten Baustein prägt.

  • Überschrift: Der obere Bereich mit Eyebrow, Titel und Beschreibung. Der Eyebrow ist eine kleinere, vorbereitende Zeile. Der Titel ist die Hauptüberschrift. Die Beschreibung erklärt oder ergänzt die Aussage.

  • Kennzahlen-Kacheln: Eine oder mehrere kleine Blöcke, auf denen du Zahlen mit Erklärungen und Icons zeigst. Jede Kachel hat einen Farbton, der ihr Gewicht unterstreicht.

  • CTAs: Der untere Bereich mit bis zu zwei Schaltflächen und einer Trust-Zeile. Die erste Schaltfläche ist die Haupt-Aktion, die zweite eine ergänzende Alternative. Die Trust-Zeile schließt den Baustein mit einem vertrauensbildenden Element ab.

Was danach passiert

Der Baustein wird gespeichert und erscheint auf deiner Seite. Besucher sehen die Kennzahlen, verstehen die Botschaft durch Überschrift und Text und können über die Schaltflächen reagieren.

Du kannst den Baustein jederzeit wieder öffnen und anpassen – alle Felder bleiben gespeichert, bis du sie änderst.

Tipps und Hinweise

  • Wähle Icons, die zur jeweiligen Kennzahl passen – das macht die Statistiken sofort verständlich.
  • Die Farbvariante wirkt auf den ganzen Baustein. Teste, wie sie mit deinem Seitenhintergrund wirkt.
  • Nutze Markdown-Formatierung sparsam – eine oder zwei fette Wörter wirken stärker als durchgehend formatierter Text.
  • Die Trust-Zeile ist dein Abschluss. Setze dort etwas, das Besuchern Sicherheit gibt – etwa "Trusted by 500+ companies" oder ein Gütesiegel.
  • Beide Schaltflächen sind optional. Du kannst auch nur eine verwenden oder die Trust-Zeile ohne weitere Aktionen nutzen.

Suche