Многошаговая форма: как довести длинную форму до конца

Вторник, утро. На условной панели рядом стоят два числа: форму запроса коммерческого предложения открыли 640 раз, отправок пришло 38. В форме четырнадцать полей — имя, почта, телефон, компания, число сотрудников, отрасль, диапазон бюджета, сценарий использования и текстовое поле на четыре строки, всё это идёт подряд на одной странице. Маркетолог не считает лишним ни одно поле, а отдел продаж говорит, что без этих данных выходить на разговор бессмысленно. Проблема не в том, что поля есть. Проблема в том, что все четырнадцать видны сразу.

Эта статья о том, как увеличить число отправок, не удаляя ни одного из четырнадцати полей: длинную форму нужно разбить на шаги. Разберём по порядку — почему длинные формы бросают на середине, когда многошаговая форма выигрывает у одностраничной, по какому принципу ставить границы шагов, что спрашивать на первом шаге, что на самом деле обещает индикатор прогресса, как условная логика сокращает путь под конкретного человека, как шаги ведут себя на смартфоне, как увидеть шаг, на котором люди уходят, что происходит с заявкой в CRM после отправки и как проверить форму до публикации. В конце — короткий блок вопросов и ответов.

Почему длинную форму бросают на середине?

Заполнение формы — это не одно решение, а цепочка мелких: у каждого поля человек заново отвечает себе на вопрос «стоит ли это того». Но когда на экране сразу тридцать полей, никто не считает их по одному — оценивают общую стоимость целиком. Такая оценка всегда завышена, потому что глаз меряет длину и не учитывает лёгкость. Галочка, на которую уйдут две секунды, издали весит столько же, сколько абзац свободного текста.

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

Третья причина — момент ошибки. В длинной форме проверка обычно срабатывает в самом конце: посетитель нажимает «Отправить», страница прыгает вверх, и три поля загораются красным. Десять минут работы превращаются в список исправлений. Пик отказов приходится не на открытие формы, а на первое сообщение об ошибке.

Четвёртая причина — неопределённость. На одностраничной форме нет никакого индикатора, кроме полосы прокрутки, и человек не знает, сколько осталось. Неизвестная длительность отталкивает сильнее, чем известная и длинная. Отсюда первый выигрыш многошаговой формы: она убирает неопределённость, не сокращая объём.

Когда многошаговая форма лучше одностраничной?

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

Нагрузка формы	Рекомендуемая структура	Обоснование
1-4 поля, одна тема	Одна страница	Разбиение даёт лишний клик и ничего взамен
5-8 полей, одна тема	Одна страница с группировкой	Блоков с подзаголовками достаточно для воздуха
9-15 полей, две-три темы	2-3 шага	Каждый шаг закрывает одну тему, прогресс становится виден
16 полей и больше	3-5 шагов с сохранением контакта	Незавершённая заявка не пропадает целиком
Есть условные ветки	Шаговая структура	Ненужные поля пропускаются, не показываясь вовсе

Второй критерий — какая часть вопросов действительно нужна при первом контакте. Иногда верный ответ не в разбиении, а в переносе части вопросов на следующий визит; статья о прогрессивном профилировании сравнивает, где эти два подхода расходятся. Многошаговая форма всё равно собирает все данные за один заход, прогрессивное профилирование растягивает сбор во времени. Их можно сочетать.

Позовите к этому решению отдел продаж. Поле оправдано только если без него первый разговор действительно становится тяжелее. Поля, добавленные «на всякий случай», при переходе на шаги никуда не исчезают — они просто показываются позже, а это меньшая уступка, чем кажется.

По какому принципу ставить границы шагов?

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

Правильный критерий — цельность темы. Пусть каждый шаг отвечает на один вопрос:

• Кто вы? — имя, почта, телефон и другие поля идентификации
• Что вам нужно? — услуга, сценарий, срочность
• Каков контекст? — размер компании, отрасль, текущие инструменты
• Как продолжим? — удобный канал, удобное время, примечание

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

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

Что спрашивать на первом шаге?

Первый шаг — витрина формы, и у него две задачи: снизить порог входа и намекнуть, о чём пойдёт речь дальше. Поэтому часто на нём оставляют одно простое поле. Как только человек начал печатать, включается стремление доводить начатое до конца.

Но «простое» и «бесполезное» — разные вещи. Если на первом шаге стоит только «какая услуга вас интересует», а почта отложена на третий, все ушедшие останутся безымянными. Держите адрес почты или телефон в пределах первых двух шагов: тогда человек, бросивший форму на третьем, всё-таки оставит вам пригодную запись. Что делать с такими незавершёнными заявками, разобрано в материале о возврате брошенных форм.

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

Что на самом деле обещает индикатор прогресса?

Полоса прогресса — не украшение, а обещание: она сообщает, сколько работы осталось. Нарушенное обещание вредит сильнее, чем его отсутствие. Если полоса показывает семьдесят процентов, а впереди ещё два экрана, эти два экрана утомят больше, чем исходная длинная форма.

В Form Builder от Rocketly многошаговые формы собираются вместе с полосой прогресса, а число шагов берётся из конфигурации самой формы, а не из цифры, которую вы однажды вписали руками. Практический результат: когда вы добавляете шаг или условная логика один шаг пропускает, индикатор продолжает говорить правду и не вводит посетителя в заблуждение устаревшим процентом.

Подпись важна не меньше самой полосы. «Шаг 2 из 4» — это цифра, «Шаг 2 из 4 — контактные данные» — обещание содержания. Второй вариант ещё и помогает тому, кто хочет вернуться и что-то поправить, попасть на нужный экран с одного движения. Разрешите возврат назад и убедитесь, что введённые ответы при этом сохраняются: исчезнувшие данные — один из самых быстрых поводов закрыть вкладку.

Как условная логика сокращает путь?

Сила шаговой формы не в самом разбиении, а в том, что не все идут одной дорогой. Индивидуальному клиенту и корпоративному закупщику нужны разные наборы полей, и условная логика переносит эту разницу в форму: поле или целый шаг появляются только если предыдущий ответ имеет определённое значение.

Условная логика в Form Builder фиксирует именно это решение — выбрали «юридическое лицо», открывается поле для ИНН; выбрали «физическое лицо», оно вообще не отрисовывается. Вместо двух отдельных форм и разделённого трафика одна форма сокращается под каждого посетителя. В шаговой структуре выигрыш заметнее: пропускается не поле, а целый экран.

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

Как шаги должны вести себя на смартфоне?

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

Правильный тип поля напрямую влияет на завершаемость на телефоне. Для телефона должна открываться цифровая клавиатура, для почты — почтовая, а дату нельзя спрашивать свободным текстом. Набор типов полей в Form Builder эти различия уже даёт, но выбор за вами: сделать «дату рождения» текстовым полем — самое дорогое решение из возможных на смартфоне.

Иногда правильный ответ — не улучшать форму под мобильный экран, а перенести разговор в мессенджер. Опыт формы внутри переписки мы разбирали в материале о WhatsApp Flows: для коротких сценариев вроде записи или заказа этот путь даёт меньше трения, чем многошаговая форма в мобильном браузере. Для длинных квалифицирующих форм веб-форма всё же гибче.

Как увидеть, на каком шаге уходят люди?

Главная побочная польза перехода на шаги — измеримость. Одностраничная форма даёт два числа, просмотры и отправки, а между ними темнота. В шаговой форме каждый переход становится контрольной точкой, и место потери видно.

Отслеживание отправок в Form Builder держит в одной панели число просмотров, число отправок и конверсию, а разбивка по источнику и устройству делит те же цифры по UTM-источнику, кампании, сайту-источнику и типу устройства. Первое, на что стоит посмотреть: уходят ли мобильные и десктопные посетители на одном и том же шаге. Если потеря сосредоточена только на мобильных, дело не в вопросах этого шага, а в его поведении на телефоне.

Один только процент отказов не доказывает, что шаг сделан плохо. Смотрите, о чём этот шаг спрашивает и как это связано с обещанием формы. Падение на вопросе о бюджете иногда говорит о предложении, а не о форме.

Меняя что-то по итогам замеров, меняйте по одному. Если за одну неделю поменять число шагов, порядок вопросов и текст кнопки, вы не поймёте, что именно сработало, даже когда результат вырастет. Две недели, одно изменение, одно сравнение — этого достаточно.

Что происходит после последнего шага?

Работа формы не заканчивается отправкой: судьбу всей затеи решает то, что происходит дальше в CRM. В Rocketly каждая отправка, не помеченная как спам, автоматически становится лидом и карточкой контакта — кнопка «Отправить» на последнем шаге открывает запись, а не отправляет письмо, которое кто-то должен прочитать. Весь этот путь описан в статье об интеграции веб-форм с CRM.

Здесь же шаговая форма окупается качеством данных. Сопоставление полей с полями CRM отправляет каждое поле формы в конкретное поле карточки, поэтому имя, почта, телефон, бюджет и источник приходят структурированными значениями, а не куском текста. Это снимает работу, которую иначе делает менеджер до первого касания; материал о сокращении ручного ввода в CRM распространяет тот же принцип на другие типы записей.

Последнее звено — маршрутизация. Правила маршрутизации назначают заявку нужному менеджеру или команде по услуге, региону или бюджету, так что услуга, выбранная на втором шаге, определяет, к кому попадёт запись. Полный путь от отправки до сделки мы собрали в статье об автоматизации от формы до сделки. Фильтр дублей не даст превратить два заполнения одним человеком в два разных лида.

Как проверить форму до публикации?

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

Вторая проверка — нагрузка. В день кампании одновременный трафик может быть в разы выше обычного, а в шаговой форме каждый переход — отдельный запрос. Инструмент нагрузочного тестирования в Form Builder до публикации создаёт одновременные отправки и отчитывается по времени отклика и доле ошибок, так что утром запуска вы знаете пропускную способность формы по замеру, а не по надежде.

Третья — страховка отката. Каждая сохранённая конфигурация формы хранится как версия, поэтому если в день изменения разбивки конверсия просядет, вы посмотрите разницу и вернётесь к прежней версии одним щелчком. Без такой страховки эксперименты становятся робкими; уверенность, что изменение можно отменить, позволяет пробовать смелее. Если хотите разбить свою длинную форму на шаги и увидеть, где именно уходят люди, откройте бесплатный аккаунт Rocketly и соберите первую многошаговую форму.

Частые вопросы

Многошаговая форма правда приносит больше отправок?

Не всегда. На коротких формах с одной темой разбиение только добавляет клик. Выигрыш появляется на длинных формах с несколькими темами. Правильный подход — измерять, а не предполагать: зафиксируйте текущую конверсию, опубликуйте шаговую версию и две недели наблюдайте только за этим изменением.

Сколько шагов делать?

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

Пропадут ли данные, если человек ушёл на втором шаге?

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

Мешает ли шаговая форма SEO?

В выдаче ранжируется не форма, а страница, на которой она стоит. Пока показ и скрытие шагов на стороне браузера не меняет индексируемое содержимое страницы, проблем не возникает. Следить стоит за скоростью: обработка шагов не должна замедлять первую загрузку страницы.