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.
Hinzufügen der Liste
Ziehe den Listen-Block in deinen Heyflow
Füge Informationen mit einer Überschrift und einem erklärenden Text hinzu. Du kannst auch Variablen verwenden.
Wenn du den Text auswählst, erscheint eine Symbolleiste, die verschiedene Formatierungsoptionen und Links anzeigt. Du kannst die Textfarbe und das Format (fett, unterstrichen, kursiv) auswählen.
Passe die Einstellungen wie z.B. die Anzahl der Spalten an und füge Icons oder sogar deine eigenen Bilder über die Bildbibliothek hinzu.
Publiziere deinen Heyflow und schon bist du startklar!
Bearbeitungsoptionen
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.
Spalten (Desktop): Wählen die Anzahl der nebeneinander angezeigten Spalten auf deinem Desktop.
Spalten (Mobil): Wählen die Anzahl der nebeneinander angezeigten Spalten auf deinem Smartphone.
Animation & Navigation
Animation & Navigation
Animieren: Aktiviere diese Option, wenn du den Symbolen deiner Liste eine Animation hinzufügen möchtest.
Dauer (in Sekunden): Definiere die Dauer bzw. Länge der Animation.
Animations-Modus: Wähle den Modus deiner Animation, um festzulegen, ob die verschiedenen Elemente deiner Liste nacheinander oder alle auf einmal angezeigt werden sollen.
Navigiere anschließend: Richte eine Navigation ein, sobald die Animation beendet ist.
Navigation: Leite entweder zum nächsten Screen, zu einem bestimmten Screen im Flow, oder zu einer anderen Webseite weiter.
Vorschau: Lass dir eine Vorschau deiner Einstellungen anzeigen.