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.

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.

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.

Lege fest, ob der Block nur auf Mobile, Desktop oder gar nicht angezeigt wird. Du kannst außerdem eine Hintergrundfarbe für den Block wählen.

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.

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.

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