Der Liste Lader Block ist eine animierte Liste, die wichtige Informationen ansprechend hervorhebt. Er eignet sich perfekt, um zentrale Punkte zu präsentieren, sei es zu deinem Unternehmen, einem Angebot oder anderen relevanten Details.
Zudem kann er als automatische Weiterleitung genutzt werden, um Nutzer nahtlos zum nächsten Schritt im Flow weiterzugeben, wie auch unser Lader Block.
🔎 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 einzelnen Zeilen und füge bei Bedarf weitere hinzu. Wähle ein passendes Icon oder Emoji, lade ein eigenes Bild hoch oder wähle einfach eines aus der Bibliothek aus.
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 wird. Wähle eine passende Hintergrundfarbe, um das Design individuell zu gestalten. Bestimme außerdem die Anzahl der Spalten – getrennt für Desktop und mobile Geräte – um das Layout optimal an jedes Endgerät anzupassen.
Animation & Navigation
Aktiviere Ist animiert, um den Symbolen deiner Liste Bewegung hinzuzufügen. Lege die Dauer der Animation in Sekunden fest und wähle den passenden Modus, um zu bestimmen, ob die Elemente nacheinander oder gleichzeitig erscheinen sollen. Über Danach navigieren kannst du eine Navigation einrichten, zum nächsten Screen, einem bestimmten Schritt im Flow oder 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: