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

# El bloque de subida de archivos en los embudos de quiz

> Aprende a usar el bloque de subida de archivos en los embudos de quiz de LanderLab. Define los tipos de archivo aceptados, los límites mínimo y máximo, las reglas de validación y recoge archivos en cualquier paso.

El bloque File Upload te permite recoger archivos de los usuarios directamente dentro de un paso de tu embudo de quiz. Puedes colocarlo en cualquier paso, configurar qué tipos de archivo se aceptan, definir cuántos archivos puede subir el usuario y hacer que la subida sea obligatoria para continuar.

***

## ¿Qué es el bloque File Upload?

El bloque File Upload es un bloque de quiz que añades a un paso de tu embudo. Cuando el usuario llega a ese paso, ve un área de subida en la que puede arrastrar y soltar uno o varios archivos.

Es útil cuando necesitas documentos, imágenes o archivos de un lead como parte de tu proceso de calificación. Por ejemplo: un justificante de identidad, un archivo de portafolio, un contrato o una foto del problema de un producto.

***

## Cómo añadir el bloque File Upload a un paso

<Steps>
  <Step title="Abre tu embudo de quiz">
    Ve al embudo de quiz que quieres editar en LanderLab.
  </Step>

  <Step title="Ve al paso correspondiente">
    Abre el paso en el que quieres recoger archivos, o crea uno nuevo.
  </Step>

  <Step title="Añade el bloque">
    Haz clic en **Add Block** dentro de ese paso y selecciona **Upload** en la lista de bloques.
  </Step>

  <Step title="Configúralo">
    El bloque se añade a tu paso. Haz clic en él para abrir el panel de ajustes y configurarlo.
  </Step>
</Steps>

***

## Ajustes del bloque

Una vez que el bloque Upload esté en tu paso, haz clic en él para abrir su panel de ajustes a la izquierda.

### General

| Campo           | Qué hace                                                                                                          |
| --------------- | ----------------------------------------------------------------------------------------------------------------- |
| **Name**        | El identificador interno del bloque. Se usa en los datos del lead y en las referencias de la lógica del quiz.     |
| **Label**       | La pequeña etiqueta que se muestra encima del área de subida en el paso publicado.                                |
| **Title**       | El mensaje principal que aparece dentro de la zona de subida (por ejemplo, “Drop your file here or click”).       |
| **Description** | El texto de apoyo que aparece bajo el título dentro de la zona de subida (por ejemplo, “Accepts png, jpeg, pdf”). |

### Settings

| Campo           | Qué hace                                                                              |
| --------------- | ------------------------------------------------------------------------------------- |
| **Min Files**   | El número mínimo de archivos que debe subir el usuario. Por defecto es 1.             |
| **Max Files**   | El número máximo de archivos permitidos.                                              |
| **Allow Types** | Los formatos de archivo aceptados. Puedes seleccionar varios tipos en el desplegable. |

#### Tipos de archivo aceptados

Puedes permitir cualquier combinación de estos formatos:

<AccordionGroup>
  <Accordion title="Imágenes">
    JPEG, PNG, WebP, GIF, SVG, HEIC
  </Accordion>

  <Accordion title="Documentos">
    PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, CSV, TXT
  </Accordion>

  <Accordion title="Vídeo">
    MP4, MOV, WebM
  </Accordion>
</AccordionGroup>

<Warning>
  El tamaño total de los archivos subidos no puede superar los 30 MB por envío
</Warning>

***

## Validación

En la sección **Validations** puedes activar la opción **Required**. Si está activada, el usuario no podrá pasar al siguiente paso hasta que haya subido al menos el número mínimo de archivos.

También puedes definir un **Error Message** personalizado que se muestre si intenta continuar sin subir nada.

***

## Otras opciones de configuración

El bloque Upload admite también las mismas opciones estándar que el resto de bloques de quiz:

| Sección        | Qué controla                                  |
| -------------- | --------------------------------------------- |
| **Spacing**    | Ajusta el padding y los márgenes.             |
| **Appearance** | Controla el aspecto visual del bloque.        |
| **Visibility** | Muestra u oculta el bloque según condiciones. |

***

## Cómo lo ve el usuario

Cuando el usuario llega al paso, ve una zona de subida bien identificada con el título y la descripción que hayas configurado. Puede arrastrar y soltar archivos directamente en el área, o hacer clic para buscarlos y seleccionarlos en su dispositivo.

***

## Consejos

<Tip>
  Deja claro en el campo **Description** qué formatos y tamaños se aceptan. Así reduces las dudas y los envíos fallidos.
</Tip>

<Tip>
  Si solo necesitas un archivo, pon **Min Files** y **Max Files** en `1` para simplificar la experiencia.
</Tip>

<Tip>
  Activa **Required** cuando el archivo sea imprescindible para calificar al lead. Déjalo desactivado si subirlo es opcional.
</Tip>

<Tip>
  El valor del campo **Name** se convierte en la clave dentro de los datos de tu lead. Ponle un nombre claro, como `portfolio_upload` o `id_document`, para identificarlo fácilmente en tu panel de leads.
</Tip>

***

## Relacionado

<CardGroup cols={2}>
  <Card title="Gestionar pasos" icon="list-ol" href="/es/features/quizzes/managing-steps">
    Aprende a añadir, reordenar y gestionar los pasos de tu embudo de quiz.
  </Card>

  <Card title="Bloques del quiz" icon="puzzle-piece" href="/es/features/quizzes/get-started">
    Descubre todos los bloques que puedes añadir a un paso del quiz.
  </Card>

  <Card title="Validación" icon="circle-check" href="/es/features/quizzes/get-started">
    Entiende cómo definir reglas que controlan cuándo puede continuar el usuario.
  </Card>

  <Card title="Condiciones" icon="code-branch" href="/es/features/quizzes/get-started">
    Usa lógica condicional para mostrar u ocultar bloques según lo que responda el usuario.
  </Card>
</CardGroup>