Heyflow gibt dir einige Tools in die Hand, um deinen Flow benutzerfreundlich zu gestalten und zu strukturieren. Der Schritte Block ist eines davon und ermöglicht dir, deinen Usern eine gute Übersicht deines Flows zu bieten. Deine Nutzer:innen werden somit durch deinen Heyflow geführt und wissen immer über bereits erledigte Schritte bescheid, haben aber auch noch anstehende Schritte vor Augen.
Hinzufügen des Schritte Blocks
Gehe im Tab Blöcke zu Anzeige und ziehe den Schritte Block in deinen Heyflow.
Benenne deine einzelnen Schritte und füge bei Bedarf weitere Schritte hinzu.
Ändere die Anzeige des Blocks. Du kannst als Vorauswahl zwischen Punkten und Nummern wählen. Alternativ kannst du auch dein eigenes Icon einfügen.
Wähle den Schritt aus, der als aktuellen Stand angezeigt werden soll, sodass deine User wissen, an welcher Stelle des Flows sie sich gerade befinden.
Publiziere deinen Heyflow und schon bist du startklar!
Design des Schritte Blocks
Es gibt mehrere Möglichkeiten, den Block noch mehr als oben beschrieben anzupassen. Gehe einfach auf die Registerkarte Design und beginne mit der Arbeit an den Presets. Bei manchen Plänen kannst du sogar noch tiefer in alle Bereiche von Design und Aussehen eintauchen. Wenn du an den Presets arbeitest, kannst oben in den Bereich Styles gehen und jedes kleine Detail der einzelnen Bereiche bearbeiten.
Bearbeitungsoptionen
Allgemein
Allgemein
Anzeige: Wähle die Darstellung der Schritte-Knoten. Du kannst sie als Kugeln oder als Zahl anzeigen lassen oder ganz verstecken.
Abstand
Abstand
Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.
Aussehen
Aussehen
Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.