Unser Liste-Block ist ein nützliches Feature, um Informationen auf sinnvolle und ansprechende Weise zu präsentieren. Icon, Überschrift und Text sind die perfekte Mischung, um Informationen visuell ansprechend zu zeigen. Es ist das perfekte Werkzeug, um auf wichtige Aspekte hinzuweisen, sei es über dein Unternehmen oder das Angebot, das du in deinem Flow präsentierst.
🔎 Wenn du die Informationen in einer kürzeren Liste mit den gleichen Icons und keinen Überschriften darstellen möchtest, wirf hier einen Blick auf unseren Checklistenblock.
Inhalt bearbeiten
Nach dem Klick auf einen Block findest du rechts den Bereich Inhalts. Hier fügst du neue Elemente hinzu oder bearbeitest bestehende Inhalte.
Ändere den Inhalt der Zeilen und füge bei Bedarf weitere hinzu.
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.
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.
Erscheinungsbild
Über die Sichtbarkeit legst du fest, ob der Block nur auf dem Desktop, nur mobil oder gar nicht angezeigt werden soll. Wähle eine Hintergrundfarbe, um dem Block deinen gewünschten Look zu geben. Bestimme außerdem die Anzahl der Spalten, getrennt für Desktop und mobile Ansicht, um das Layout optimal an das jeweilige Gerät anzupassen.
Animation & Navigation
Aktiviere die Animation, um den Symbolen deiner Liste Bewegung zu verleihen. Lege die Dauer in Sekunden fest, um zu bestimmen, wie lange die Animation abläuft. Mit dem Modus entscheidest du, ob die Elemente nacheinander oder gleichzeitig erscheinen sollen. Nach Abschluss der Animation kannst du eine Navigation einrichten, entweder zum nächsten Screen, zu einem bestimmten Schritt im Flow oder zu einer externen Webseite. Nutze die Vorschau, um deine Einstellungen direkt zu überprüfen.
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: