> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Bildauswahl-Blöcke für visuelle Auswahl nutzen

> Nutzen Sie Bildauswahl-Blöcke, um visuelle Auswahlmöglichkeiten zu schaffen, das Engagement zu steigern und Nutzerpräferenzen in interaktiven Funnels zu erfassen.

Der **Bildauswahl-Block** funktioniert wie Multiple Choice, nutzt jedoch **Bilder statt Text**. Das macht ihn ansprechender und erleichtert Nutzern die visuelle Entscheidung.

***

## Allgemeine Einstellungen

### Name

* Eindeutiger Feldname zum Speichern und Übertragen der Daten
* Kann als Variable wiederverwendet werden

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/2fKNopSGUABbSt57/images/Group58.png?fit=max&auto=format&n=2fKNopSGUABbSt57&q=85&s=343223d7680ced7f37d2c1a052d08c21" alt="Group58" width="1470" height="833" data-path="images/Group58.png" />
</Frame>

### Label

* Optionaler Kontexttext über dem Block

### Optionen

Jede Option enthält:

* **Image** → Bild hochladen oder auswählen
* **Display Name** → sichtbare Beschriftung
* **Value** → wird an Ihr CRM gesendet

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/2fKNopSGUABbSt57/images/CRM.png?fit=max&auto=format&n=2fKNopSGUABbSt57&q=85&s=e551ffae531324af2059de0f7cffcad7" alt="CRM" width="1470" height="833" data-path="images/CRM.png" />
</Frame>

## Einstellungen

* **Allow Multiple Selection** → mehrere Bilder auswählen
  * Erfordert eine Schaltfläche zum Fortfahren
* **Sort Alphabetically**
* **Reverse Order**
* **Randomize**

## Navigation und Validierung

* **Navigation** → legt nächste Schritte oder bedingte Abläufe fest
* **Validation** → verlangt mindestens eine Auswahl

## Decorators

* **Multiple Selection Separator** → legt fest, wie Werte gespeichert werden
* **Help Text** → ergänzt einen Hinweis unter dem Block

## Abstände

* **Size** → S, M, L, volle Breite
* **Margin** → passt den Abstand rund um den Block an

## Darstellung

* **Layout Type** → Raster oder Liste
* **Items per Row (Desktop & Mobile)**
* **Ausrichtungsoptionen**
* **Visibility** → Desktop / Mobil

## Design

* **Presets** → vordefinierte Stile
* **Advanced Settings** → anpassbar sind:
  * Standardzustand
  * Hover-Zustand
  * Ausgewählter Zustand
  * Rahmen, Abstände, Mediengröße