Der Mehrfachauswahl-Block ermöglicht es Nutzer:innen, eine oder mehrere Optionen aus einer Liste vordefinierter Antworten auszuwählen. Er eignet sich besonders, wenn du strukturierte Eingaben einholen möchtest, ohne dass Nutzer:innen eigene Antworten eintippen müssen.

Nutze diesen Block zum Beispiel für Präferenzen, Interessen oder einfache Auswahlfragen. Wenn du die Auswahl noch visueller gestalten möchtest, wirf einen Blick auf den Bildauswahl-Block, der zusätzlich Bilder und Icons unterstützt.

In diesem Artikel erfährst du, wie du den Inhalt, die Einstellungen und das Design des Blocks anpasst.

Nach dem Klick auf einen Block findest du rechts den Bereich Inhalts. Hier fügst du neue Elemente hinzu oder bearbeitest bestehende Inhalte.

Nutze das Block-Label, um deine Frage zu stellen oder die Auswahl zu erklären. Das hilft Nutzer:innen, den Kontext zu verstehen und verbessert die Barrierefreiheit, zum Beispiel für Screenreader.

Mit + Hinzufügen erstellst du weitere Optionen. Sortiere sie per Drag & Drop über die sechs Punkte links oder lösche nicht benötigte Optionen. Klicke auf + 'Sonstiges'-Option hinzufügen hinzufügen, um eine Option mit Eingabefeld zu erstellen. So können Nutzer:innen eine eigene Antwort eingeben, wenn keine der vorgegebenen Optionen passt.

Klick auf das Icon, um es zu ändern, ein Emoji zu wählen, ein Bild hochzuladen oder eins aus deiner Bibliothek auszuwählen. Klick auf den Options-Text, um ihn direkt zu bearbeiten. Mit Beschreibung anzeigen kannst du eine zweite Zeile mit zusätzlichen Informationen anzeigen lassen.

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.

Passe die wichtigsten Einstellungen für den Block an, z. B. indem du Werte als sensibel markierst, sodass sie nicht in unserer Datenbank gespeichert werden, oder den Block als erforderlich festlegst, sodass Nutzer:innen eine Option auswählen müssen, bevor sie fortfahren können.

Du kannst zwischen Einfach- und Mehrfachauswahl wählen und optional eine voreingestellte Standardoption setzen. Bei Mehrfachauswahl lässt sich zudem ein Minimum und Maximum an auswählbaren Optionen festlegen.

Wenn dein Block als Einfachauswahl eingestellt ist, kannst du unter Navigation auswählen, was passiert, wenn Nutzer:innen eine Option klicken.

Aktiviere Navigiere beim Klicken einer Option, um sofort ohne weiteren Button-Klick weiterzuleiten.

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 links, zentriert oder rechts ausrichten. Lege das Layout des Blocks fest und wähle zwischen Flex, Grid und Liste.

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.

System Label legen fest, wie deine Daten gespeichert und organisiert werden, während Variablen es dir ermöglichen, diese Daten dynamisch in deinem Flow zu nutzen und anzuzeigen. Du kannst ein Label für den gesamten Block und individuelle Labels für jede Option festlegen, um deine Daten strukturiert und leicht nutzbar zu halten.

Wenn das Tracking für diesen Block aktiviert ist, kannst du jeder Option einen Ereignisnamen geben, der an deine integrierten Tracking-Tools gesendet wird. Hier findest du mehr Informationen zum Tracking.

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: