Zum Hauptinhalt springen

Fortschrittsanzeige Block

Mit dem Fortschrittsanzeige-Block kannst du deinen Besucher:innen zeigen, wie weit sie bereits in deinem Flow gekommen sind. Eine sichtbare Fortschrittsanzeige schafft Transparenz darüber, wie viele Schritte noch bevorstehen, steigert die Motivation zum Absenden der Daten und reduziert Absprünge.


Einstellungen anpassen

Nach dem Klick auf einen Block findest du rechts den Bereich Einstellungen. Hier passt du Optionen, Darstellung und Verhalten des Blocks so an, wie es zu deinem Flow passt.

Allgemein

Im Bereich Allgemein kannst du festlegen, wie deine Fortschrittsanzeige dargestellt wird. Mit Gefüllte Elemente bestimmst du den bereits abgeschlossenen Fortschritt, während Elemente insgesamt die Gesamtzahl der Schritte im Flow definiert. Außerdem kannst du den Stil der Anzeige anpassen und zwischen Punkten, Rechtecken oder einem Balken wählen.

Sichtbarkeit

Stelle die Standard Sichtbarkeit des Blocks so ein, dass er nur auf Mobilgeräten oder Desktops angezeigt oder vollständig ausgeblendet wird. Alternativ kannst du die Bedingte Sichtbarkeit einrichten. So kannst du festlegen, nach welchen Regeln ein Block angezeigt werden soll.

🔎 Lerne hier mehr über Sichtbarkeit von Blöcken.

Abstände

Passe die Breite des Blockes (S, M, L oder max.) an und definiere die Abstände nach oben, unten, links und rechts mit einer Pixelangabe.


Block designen

Nach dem Klick auf einen Block findest du rechts den Bereich Design. Hier kannst du ein vordefiniertes Style-Set für diesen Blocktyp wählen oder Farben, Schriftarten und Abstände individuell anpassen.


Designänderungen an einem Blocktyp wirken sich automatisch auf alle Blöcke dieses Typs im Flow aus. So bleibt dein Design einheitlich, übersichtlich und leicht zu ändern, ohne jeden Block einzeln gestalten zu müssen.

🔎 Erfahre mehr dazu in unserem Artikel: Design Presets für Blöcke

Sieh dir auch die weiteren Design-Optionen von Heyflow an, um deinen Flow und deine Blöcke noch individueller zu gestalten:


Best Practices & FAQ

⭐ Konsistenz ist entscheidend

Achte darauf, in deinem gesamten Flow denselben Stil zu verwenden (z. B. nur Punkte) für alle Fortschrittsanzeigen.

Hat dies deine Frage beantwortet?