Der Akkordeon-Block eignet sich perfekt, um Inhalte übersichtlich und benutzerfreundlich zu strukturieren. Detaillierte Informationen können hinter ausklappbaren Reihen verborgen werden, sodass Besucher:innen selbst entscheiden, welche Inhalte sie lesen möchten, ohne von zu viel Text auf einmal überfordert zu werden.

Nachdem du auf einen Block geklickt hast, findest du rechts den Abschnitt Inhalt. Hier kannst du die wichtigsten Elemente des Blocks hinzufügen und bearbeiten.
​

Jede obere Zeile steht für den Inhalt, den deine User sofort sehen. Die untere Zeile enthält den ausgeblendeten Inhalt, den deine User nach einem Klick auf das Feld sehen können.
​

Du kannst beliebig viele Zeilen mit Inhalt hinzufügen und einige davon so einstellen, dass sie standardmäßig geöffnet werden.

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.

Hier kannst du wichtige Einstellungen für den Block vornehmen, darunter die Auswahl zwischen zwei Symbolen oder das Ausblenden des Blocks und das gleichzeitige Erweitern mehrerer Zeilen.
​

Darüber hinaus kannst du Animationen deaktivieren, um sicherzustellen, dass deine Akkordeon-Elemente ohne Animation aus- oder eingeklappt werden.

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.

Lege fest, ob der Block nur auf Mobile, Desktop oder gar nicht angezeigt wird. Bestimme auch, wie viele Spalten pro Zeile auf Mobile und Desktop erscheinen sollen.

Du kannst außerdem eine Hintergrundfarbe für den Block wählen und Label sowie Optionen links, zentriert oder rechts ausrichten.

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.

Sieh dir auch die weiteren Design-Optionen von Heyflow an, um deinen Flow und deine Blöcke noch individueller zu gestalten: