Типы блоков

Блоки — это шаги формы. Тип блока определяет, что увидит пользователь и как FlowForm сможет строить логику дальше: будет ли у шага выбор вариантов, ввод значения или это просто информационный экран.

На холсте несколько блоков разных типов рядом

Как выбирать тип блока

Если вам нужно объяснить или направить пользователя, используйте текстовый блок. Если нужно получить выбор — берите блок с вариантами. Если нужно получить значение (например, email или число) — выбирайте поле ввода. Ветвление чаще всего строится через блоки с вариантами, потому что у каждого варианта можно задать свой переход.

Текстовый блок

Текстовый блок нужен для сообщений: приветствие, пояснение, условия, промежуточные подсказки, финальный экран. У него обычно нет вариантов ответа — пользователь просто читает и переходит дальше по общему переходу блока.

Текстовый экран «Добро пожаловать» с кнопкой продолжить

Вопрос с одним выбором

Этот тип подходит, когда пользователь должен выбрать ровно один вариант. Например: «Вы клиент или исполнитель?» или «Какой бюджет?». Главная ценность — возможность делать ветвления: разные ответы могут вести на разные блоки.

Принцип простой: выбрали вариант → сработал переход варианта (если он задан) → иначе сработал общий переход блока.

Блок с 3 вариантами ответа и разными стрелками от вариантов

Вопрос с несколькими вариантами

Этот тип нужен, когда пользователь может выбрать несколько пунктов. Например: «Какие услуги интересуют?» или «Какие комнаты нужно сделать?». Обычно после такого блока переход строится по общему выходу (то есть дальше идет один следующий шаг), а выбранные значения просто сохраняются в ответ.

Если вам нужно ветвить логику строго по конкретным сочетаниям, проще сделать серию вопросов с одним выбором — так логика будет прозрачнее и легче поддерживается.

Блок множественного выбора с чекбоксами

Выпадающий список

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

Блок с dropdown и большим списком вариантов

Да / Нет

Это быстрый вариант вопроса с двумя ответами. Удобен для простых развилок: «Нужна консультация?» → да ведет к сбору контактов, нет ведет к финалу. По сути это тот же “один выбор”, только сразу с готовыми вариантами.

Блок Да/Нет с двумя стрелками

Рейтинг

Рейтинг используют, когда нужно оценить что-то по шкале (например, 1–5). Такой блок помогает собирать обратную связь. В простом сценарии рейтинг ведет дальше по общему переходу. В более продвинутом — можно сделать разные ветки для низких и высоких оценок (если вы настраиваете переходы по значениям).

Блок рейтинга со звездами

Поле ввода

Поле ввода нужно, когда пользователь должен ввести значение: текст, email, число, комментарий. Важный момент: поле ввода обычно дает один общий переход, потому что ответ не выбирается из вариантов. Зато оно сохраняет значение, которое вы потом видите в ответах или отправляете в интеграции.

Практика: для контактов обычно делают отдельный блок (или несколько) — так проще проверять данные и не смешивать их с логикой квиза.

Блок ввода email/телефона

Как блоки сочетаются в реальных сценариях

Обычно форма выглядит как комбинация типов: Приветствие (текст) → квалификация (один выбор) → уточнение (один выбор или несколько) → контакты (поле ввода) → финал (текст).

Пример схемы формы из 6–8 блоков разных типов

Дальше по теме

Теперь, когда типы блоков понятны, самое важное — научиться соединять блоки и строить ветвления. Следующая статья: Порты и переходы.