> ## 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.

# Usa bloques de elección con imágenes para la selección visual

> Usa bloques de elección con imágenes para crear selecciones visuales, aumentar la interacción y captar las preferencias de los usuarios en tus embudos.

El **bloque Image Choice** funciona como el de opción múltiple, pero usa **imágenes en lugar de texto**, lo que resulta más atractivo y facilita que el usuario decida de un vistazo.

***

## Ajustes generales

### Name

* Nombre único del campo con el que se guardan y se envían los datos
* Se puede reutilizar como variable

<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

* Texto de contexto opcional encima del bloque

### Options

Cada opción incluye:

* **Image:** sube o selecciona una imagen
* **Display Name:** la etiqueta visible
* **Value:** lo que se envía a tu CRM

<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>

## Settings

* **Allow Multiple Selection:** permite seleccionar varias imágenes
  * Requiere un botón para continuar
* **Sort Alphabetically**
* **Reverse Order**
* **Randomize**

## Navegación y validación

* **Navigation:** define los pasos siguientes o los flujos condicionales
* **Validation:** exige al menos una selección

## Decorators

* **Multiple Selection Separator:** define cómo se guardan los valores
* **Help Text:** añade una indicación debajo del bloque

## Spacing

* **Size:** S, M, L o a todo el ancho
* **Margin:** ajusta el espacio alrededor del bloque

## Appearance

* **Layout Type:** en cuadrícula o en lista
* **Items per Row (Desktop y Mobile)**
* **Opciones de alineación**
* **Visibility:** escritorio / móvil

## Design

* **Presets:** estilos predefinidos
* **Advanced Settings:** personaliza:
  * El estado por defecto
  * El estado al pasar el cursor
  * El estado seleccionado
  * Los bordes, el espaciado y el tamaño de la imagen