Блоки — это шаги формы. Тип блока определяет, что увидит пользователь и как FlowForm сможет строить логику дальше: будет ли у шага выбор вариантов, ввод значения или это просто информационный экран.
Как выбирать тип блока
Если вам нужно объяснить или направить пользователя, используйте текстовый блок. Если нужно получить выбор — берите блок с вариантами. Если нужно получить значение (например, email или число) — выбирайте поле ввода. Ветвление чаще всего строится через блоки с вариантами, потому что у каждого варианта можно задать свой переход.
Зеленый блок
Зеленый блок — это стартовый блок формы. Он создается по умолчанию и показывает, с какого шага пользователь начнет прохождение. Любой блок можно сделать зеленым: откройте настройки блока и включите соответствующую галочку. Зеленый блок должен быть один. Если в схеме окажется несколько зеленых блоков, стартовым будет считаться последний выбранный.
Текстовый блок
Текстовый блок нужен для сообщений: приветствие, пояснение, условия, промежуточные подсказки, финальный экран. У него обычно нет вариантов ответа — пользователь просто читает и переходит дальше по общему переходу блока.
Один вариант (радиокнопки)
Этот тип подходит, когда пользователь должен выбрать ровно один вариант. Например: «Вы клиент или исполнитель?» или «Какой бюджет?». Главная ценность — возможность делать ветвления: разные ответы могут вести на разные блоки.
Принцип простой: выбрали вариант → сработал переход варианта (если он задан) → иначе сработал общий переход блока.
Вопрос с несколькими вариантами
Этот тип нужен, когда пользователь может выбрать несколько пунктов. Например: «Какие услуги интересуют?» или «Какие комнаты нужно сделать?». Обычно после такого блока переход строится по общему выходу (то есть дальше идет один следующий шаг), а выбранные значения просто сохраняются в ответ.
Если вам нужно ветвить логику строго по конкретным сочетаниям, проще сделать серию вопросов с одним выбором — так логика будет прозрачнее и легче поддерживается.
Раскрывающийся список
Раскрывающийся список — это один выбор, но в компактном виде. Он полезен, когда вариантов много и вы не хотите занимать экран длинным списком. Логика переходов обычно такая же, как у вопроса с одним выбором: можно задавать переход по варианту или использовать общий.
Да / Нет
Это быстрый вариант вопроса с двумя ответами. Удобен для простых развилок: «Нужна консультация?» → да ведет к сбору контактов, нет ведет к финалу. По сути это тот же “один выбор”, только сразу с готовыми вариантами.
Рейтинг
Рейтинг используют, когда нужно оценить что-то по шкале (например, 1–5). Такой блок помогает собирать обратную связь. В простом сценарии рейтинг ведет дальше по общему переходу. В более продвинутом — можно сделать разные ветки для низких и высоких оценок (если вы настраиваете переходы по значениям).
Поле ввода
Поле ввода нужно, когда пользователь должен ввести значение: текст, email, число, комментарий. Важный момент: поле ввода обычно дает один общий переход, потому что ответ не выбирается из вариантов. Зато оно сохраняет значение, которое вы потом видите в ответах или отправляете в интеграции.
Практика: для контактов обычно делают отдельный блок (или несколько) — так проще проверять данные и не смешивать их с логикой квиза.
Красный блок
Красный блок — это конечный блок. У него нет порта, потому что он нужен для завершения ветки сценария. Любой блок можно сделать красным в настройках. Красных блоков может быть несколько: так удобно закрывать разные ветки формы разными финальными экранами. Такой блок замыкает цепочку и показывает, что дальше переходов по этой ветке нет.
Как блоки сочетаются в реальных сценариях
Обычно форма выглядит как комбинация типов: Приветствие (текст) → квалификация (один выбор) → уточнение (один выбор или несколько) → контакты (поле ввода) → финал (текст).
Дальше по теме
Теперь, когда типы блоков понятны, самое важное — научиться соединять блоки и строить ветвления. Следующая статья: Порты и переходы.