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

# Блок File Upload: загрузка файлов в квизе

> Блок File Upload собирает файлы от лидов на любом шаге квиза. Настройте допустимые типы файлов, минимум и максимум файлов и обязательную валидацию.

Блок File Upload позволяет собирать файлы от пользователей прямо на шаге квиз-воронки. Его можно добавить на любой шаг, выбрать допустимые типы файлов, задать количество файлов и сделать загрузку обязательной для перехода дальше.

## Что такое блок File Upload

File Upload — это блок квиза, который вы добавляете на шаг воронки. Когда пользователь доходит до этого шага, он видит область загрузки с drag-and-drop, где можно отправить один или несколько файлов.

Он полезен, когда в рамках квалификации нужны документы, изображения или медиафайлы от лида. Например: документ, подтверждающий личность, файл с портфолио, договор или фото проблемы с товаром.

## Как добавить блок File Upload на шаг

<Steps>
  <Step title="Откройте квиз-воронку">
    Перейдите к квиз-воронке, которую хотите редактировать, в LanderLab.
  </Step>

  <Step title="Перейдите на нужный шаг">
    Откройте шаг, на котором нужно собирать файлы, или создайте новый.
  </Step>

  <Step title="Добавьте блок">
    Нажмите **Add Block** внутри этого шага и выберите **Upload** в списке блоков.
  </Step>

  <Step title="Настройте блок">
    Блок добавлен на шаг. Нажмите на него, чтобы открыть панель настроек и задать параметры.
  </Step>
</Steps>

## Настройки блока

Когда блок Upload находится на шаге, нажмите на него — слева откроется панель настроек.

### General

| Поле | Что делает |
| - | - |
| **Name** | Внутренний идентификатор блока. Используется в данных лида и в ссылках в логике квиза. |
| **Label** | Небольшая подпись над областью загрузки на опубликованном шаге. |
| **Title** | Основной призыв внутри зоны загрузки (например, «Drop your file here or click»). |
| **Description** | Поясняющий текст под заголовком внутри зоны загрузки (например, «Accepts png, jpeg, pdf»). |

### Settings

| Поле | Что делает |
| - | - |
| **Min Files** | Минимальное количество файлов, которое нужно загрузить. По умолчанию — 1. |
| **Max Files** | Максимальное допустимое количество файлов. |
| **Allow Types** | Допустимые форматы файлов. В выпадающем списке можно выбрать несколько типов. |

#### Допустимые типы файлов

Можно разрешить любую комбинацию следующих форматов:

<AccordionGroup>
  <Accordion title="Изображения">
    JPEG, PNG, WebP, GIF, SVG, HEIC
  </Accordion>

  <Accordion title="Документы">
    PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, CSV, TXT
  </Accordion>

  <Accordion title="Видео">
    MP4, MOV, WebM
  </Accordion>
</AccordionGroup>

<Warning>
  Общий размер загружаемых файлов не должен превышать 30 МБ за одну отправку.
</Warning>

## Валидация

В разделе **Validations** можно включить переключатель **Required**. Если он включён, пользователь не сможет перейти на следующий шаг, пока не загрузит не менее минимального количества файлов.

Также можно задать своё сообщение об ошибке (**Error Message**), которое появится, если пользователь попытается продолжить без загрузки.

## Другие настройки

Блок Upload также поддерживает стандартные опции, которые доступны у других блоков квиза:

| Раздел | Что настраивается |
| - | - |
| **Spacing** | Внутренние и внешние отступы. |
| **Appearance** | Внешний вид блока. |
| **Visibility** | Показ или скрытие блока по условиям. |

## Как это выглядит для пользователя

Когда пользователь доходит до этого шага, он видит зону загрузки с заголовком и описанием, которые вы задали. Файлы можно перетащить прямо в эту область или нажать на неё и выбрать файлы на устройстве.

## Советы

<Tip>
  Поясните в поле **Description**, какие форматы и размеры допустимы. Это снижает путаницу и число неудачных отправок.
</Tip>

<Tip>
  Если нужен только один файл, установите и **Min Files**, и **Max Files** равными `1` — так для пользователя всё проще.
</Tip>

<Tip>
  Включайте **Required**, если файл обязателен для квалификации лида. Если загрузка необязательна, оставьте переключатель выключенным.
</Tip>

<Tip>
  Значение поля **Name** становится ключом в данных лида. Дайте ему понятное имя, например `portfolio_upload` или `id_document`, чтобы его легко было найти в панели лидов.
</Tip>

## Читайте также

<CardGroup cols={2}>
  <Card title="Управление шагами" icon="list-ol" href="/ru/features/quizzes/managing-steps">
    Как добавлять, переставлять и обслуживать шаги в квиз-воронке.
  </Card>

  <Card title="Блоки квиза" icon="puzzle-piece" href="/ru/features/quizzes/blocks/multiple-choice">
    Изучите все блоки, которые можно добавить на шаг квиза.
  </Card>

  <Card title="Валидация" icon="circle-check" href="/ru/features/quizzes/validation/general">
    Как задать правила, которые определяют, когда пользователи могут продолжить.
  </Card>

  <Card title="Условия" icon="code-branch" href="/ru/features/quizzes/conditions/conditional-logic">
    Используйте условную логику, чтобы показывать или скрывать блоки в зависимости от ответов.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.