Der List 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.
Hinzufügen des Liste Lader Blocks
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.
Passe die Animationsgeschwindigkeit oder Navigation im Block an.
Publiziere deinen Heyflow und schon bist du startklar!
Design des Liste Lader 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
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.