Сколько полей должно быть в форме
Правило простое: чем холоднее трафик и выше воспринимаемый риск, тем меньше полей нужно на первом шаге. Для холодного трафика оптимум — 2-4 поля (имя, телефон или email, иногда один уточняющий вопрос). Каждое дополнительное поле в среднем снижает конверсию формы на несколько процентов, особенно на мобильном.
| Тип трафика | Рекомендуемое число полей |
|---|---|
| Холодный трафик (реклама, SEO) | 2-4 поля |
| Тёплый трафик (ретаргетинг, рассылка) | 4-6 полей |
| B2B с высоким чеком | 5-8 полей (компания, роль, бюджет) |
Полезная практика — разделить поля на «обязательные для первого контакта» и «полезные, но не критичные». Всё, что не обязательно для звонка менеджера (например, точный бюджет проекта), можно уточнить в разговоре, а не требовать сразу на сайте — это снижает трение формы без потери качества лида.
Стоит также учитывать не только количество полей, но и сложность их заполнения: выпадающий список из 50 городов или ручной ввод даты через календарь субъективно ощущаются как более трудоёмкие, чем просто текстовое поле, даже если формально это одно и то же «одно поле» в счёте.
Хороший ориентир для расчёта — количество кликов и нажатий клавиш, которое реально требуется для заполнения поля от начала до конца, а не количество визуальных элементов на экране. Поле «выберите город» с автодополнением после ввода первых двух-трёх букв требует меньше усилий, чем формально «одно поле», но реализованное как длинный выпадающий список без поиска.
Порядок полей: от простого к сложному
Пользователь заполняет форму охотнее, если первые поля лёгкие (имя), а сложные или чувствительные (бюджет, номер карты) — в конце. Это называют «эффектом лестницы»: маленькое обязательство в начале повышает шанс довести до конца более серьёзное. Обязательные поля стоит явно помечать звёздочкой, необязательные — подписывать «по желанию», а не наоборот.
Ещё один практический приём — размещать поле с наибольшим воспринимаемым риском (телефон, email) не первым и не последним, а в середине формы, когда пользователь уже потратил немного усилий на предыдущие поля и с меньшей вероятностью бросит форму на середине пути.
Микрокопирайтинг: как писать текст ошибок валидации
Сообщение об ошибке должно объяснять, что не так, и как исправить — не просто «Неверный формат». Примеры:
- Плохо: «Ошибка ввода»
- Хорошо: «Укажите телефон в формате +7 900 000-00-00»
- Плохо: «Поле обязательно»
- Хорошо: «Укажите email, чтобы мы отправили расчёт»
Ошибка должна появляться рядом с конкретным полем сразу после потери фокуса, а не только при попытке отправить всю форму — так пользователь не тратит время на повторный поиск проблемы.
Тон сообщений об ошибке тоже важен: нейтральный, без обвинительных формулировок вроде «Вы ввели неправильно». Небольшая деталь, но на длинных формах с несколькими ошибками подряд раздражающий тон заметно повышает число незавершённых заявок.
Ещё один частый источник потерь — валидация, которая срабатывает слишком рано или слишком строго: например, проверка номера телефона отклоняет корректный формат, потому что не учитывает все варианты написания (с плюсом, без плюса, с пробелами или без). Такие технические огрехи часто теряют больше заявок, чем любые содержательные проблемы формы.
Многошаговые формы и прогресс-бар
Если нужно собрать много данных (например, для расчёта стоимости), разбивка на 2-3 коротких шага с прогресс-баром обычно конвертирует лучше одной длинной формы: пользователь видит, что почти закончил, и связывает уже потраченное время с обязательством довести дело до конца.
Разбивка длинной формы на шаги — одна из немногих CRO-практик, которая почти всегда повышает конверсию независимо от ниши, потому что снижает воспринимаемую сложность задачи.
При разбивке на шаги важно, чтобы каждый отдельный экран решал одну понятную задачу — например, «контактные данные» на одном шаге и «детали проекта» на другом, а не произвольное распределение полей без логики. Пользователь должен понимать, зачем нужен переход к следующему шагу, а не воспринимать разбивку как искусственное усложнение простой формы.
Доверие рядом с формой
Рядом с полем ввода телефона или email часто размещают элементы доверия: короткую пометку о защите данных, ссылку на политику конфиденциальности, один короткий отзыв или логотип известного клиента. Это особенно важно в нишах с высокой чувствительностью данных (финансы, медицина, юридические услуги).
Работает и обратный приём — показывать, что уже произошло с похожими заявками: «Сегодня уже оставили заявку 14 человек» или «Отвечаем в течение 15 минут в рабочее время». Такие пометки снижают тревожность перед отправкой личных данных незнакомой компании.
В регулируемых нишах (финансы, медицина, образование) дополнительно важно явно указывать наличие лицензии или соответствующего разрешения на деятельность рядом с формой — отсутствие этой информации в чувствительных категориях снижает доверие сильнее, чем в менее регулируемых нишах, даже если формально лицензия есть и просто не показана на сайте.
Ещё один способ повысить доверие без лишних слов — показать реальный, а не стоковый визуал рядом с формой: фото сотрудника, который свяжется с клиентом, или скриншот переписки с благодарностью от клиента. Такие детали работают тоньше прямых заявлений о надёжности и воспринимаются менее навязчиво.
Полезно также прямо указывать, что произойдёт сразу после отправки формы: покажется ли страница благодарности, придёт ли автоматическое письмо, когда именно перезвонит менеджер. Отсутствие такой определённости оставляет пользователя в неведении сразу после клика, а неопределённость в момент принятия решения — одна из основных причин, по которой люди вообще откладывают заполнение формы.
Эта же логика применима и к срокам ответа: если реальный срок обработки заявки — сутки, лучше честно написать «ответим в течение рабочего дня», чем обещать мгновенный ответ и не выполнить обещание. Разочарование от невыполненного обещания вредит доверию к компании сильнее, чем изначально честный, но менее эффектный срок.
Мобильная версия формы
Больше половины трафика на большинстве сайтов — мобильный. Проверьте: подходящий тип клавиатуры для каждого поля (цифровая для телефона, обычная для имени), достаточный размер полей для тапа пальцем, CTA-кнопка формы видна без лишнего скролла после заполнения последнего поля.
Отдельно стоит проверить, не перекрывает ли всплывающая мобильная клавиатура кнопку отправки формы — на части устройств именно из-за этого пользователь физически не видит, куда нажать после заполнения последнего поля, и просто закрывает страницу.
Автозаполнение браузера (autocomplete) стоит явно поддерживать в разметке формы — правильно размеченные поля имени, телефона и email позволяют браузеру или менеджеру паролей подставить данные пользователя в один тап, что для части аудитории превращает заполнение формы в почти мгновенное действие вместо ручного набора текста на маленькой клавиатуре.
CTA-кнопка формы: текст и место
Текст на кнопке отправки формы стоит делать конкретным, а не общим «Отправить» — подробные формулы разобраны в статье про CTA. Для e-commerce форм на этапе оформления заказа отдельная проблема — брошенная корзина, где пользователь начал заполнение, но не закончил.
Полезно также предусмотреть состояние кнопки во время отправки формы — короткий индикатор загрузки вместо мгновенного исчезновения кнопки. Без такого индикатора часть пользователей на медленном соединении нажимает кнопку повторно, что может привести к дублированию заявок или ошибке отправки.
Что тестировать в форме в первую очередь
Приоритет для A/B-теста: количество полей → порядок полей → текст CTA-кнопки → элементы доверия рядом. Изменения в форме легко проверить через A/B-тест и записи сессий в Вебвизоре — там видно, на каком поле люди чаще всего останавливаются и уходят.
Изменения в форме особенно удобны для теста ещё и потому, что не требуют переделки остального лендинга — можно проверять гипотезы по форме параллельно с гипотезами по первому экрану или доказательствам, не дожидаясь окончания одного теста перед началом другого, если трафика достаточно для нескольких независимых экспериментов.
Частые вопросы
Для холодного трафика — 2-4 поля. Каждое дополнительное поле снижает конверсию, особенно на мобильном, поэтому лишние вопросы лучше переносить на этап после заявки (например, в звонок менеджера).
Часто достаточно одного канала связи. Два поля контактов увеличивают трение формы; если оба важны, можно сделать одно обязательным, второе — по желанию, с явной пометкой необязательности.
Классическая капча с искажённым текстом снижает конверсию и раздражает пользователей. Современные невидимые проверки (например, поведенческие) защищают от спама почти без потерь конверсии формы.
Через записи сессий и карту форм в аналитике (Вебвизор, Hotjar) — видно, на каком поле теряется больше всего пользователей, и можно точечно исправить проблему без переработки всей формы.
Да, если полей больше 5-6: разбивка с прогресс-баром обычно повышает завершаемость по сравнению с одной длинной формой на одном экране, особенно на мобильных устройствах.
Внедряйте нейросети в маркетинг вместе с нами
В комьюнити 400+ маркетологов делятся кейсами и туториалами по Claude Code, Яндекс.Директ, автоматизации и другим инструментам.
Вступить бесплатно