Форма как часть воронки продаж
Форму заявки обычно проектируют последней: сначала текст, блоки доверия, кейсы, а форму «и так поставим». Между тем форма это точка, где весь предыдущий контент должен сработать. Всё, что шло до неё, убеждало. Форма момент, когда посетитель делает реальное действие.
Форма не просто собирает заявки, она их квалифицирует. Три поля дадут сто заявок, из которых часть нецелевые. Семь полей дадут меньше заявок, но среди них выше доля тех, с кем стоит работать. Что лучше — зависит от бизнеса и стоимости времени менеджера.
Если форма воспринимается как барьер, человек уходит. Если как логичный следующий шаг, заполняет. Разница не всегда в количестве полей. Чаще в контексте, в котором форма появляется, и в том, что именно она запрашивает.
Минимум полей: когда работает «только телефон»
Минимальная форма: имя и телефон или вообще одно поле с номером. Она хорошо работает там, где:
- услуга простая и понятная: клининг, доставка, запись на стрижку;
- цикл принятия решения короткий — человек позвонит, узнает цену и решит;
- менеджер сам доберёт нужные данные при первом звонке;
- аудитория массовая, отсев нецелевых заявок не критичен.
Слесарь, автоэвакуатор, ремонт телефонов: там форма с одним полем «Телефон» и кнопкой «Перезвоните мне» конвертирует лучше любой другой. Барьер минимален, решение принимается за секунды.
Но минимальная форма создаёт проблему: до звонка вы не знаете о человеке ничего. Если ваш продукт требует хотя бы минимальной квалификации, стоит добавить одно поле с уточнением. Например, выпадающий список с вариантами задачи. Это не длинная форма, но уже не слепая.
Когда длинная форма конвертирует лучше короткой
Есть сегменты, где подробная форма не барьер, а фильтр, который делает заявки ценнее.
B2B и дорогие услуги под заказ
Если вы продаёте корпоративное программное обеспечение или разработку под ключ, заявка с полями «должность», «размер компании» и «какую задачу нужно решить» сразу показывает, целевой ли это клиент. Менеджер заходит на звонок подготовленным, а не тратит первые десять минут на выяснение базового контекста.
Клиент, который заполнил шесть-семь полей, серьёзно настроен. Тот, кто оставил только телефон на лендинге для разработки сайта за 500 000 рублей, вероятнее всего, просто сравнивает цены или зашёл случайно.
Медицина, юриспруденция, бухгалтерия
В этих нишах квалификация нужна на входе: в каком городе, какая проблема, есть ли документы. Это не бюрократия, а экономия времени обеих сторон. Специалист, который пришёл на консультацию подготовленным, помогает быстрее.
Принцип прост: каждое дополнительное поле должно зарабатывать своё место. Если вы не понимаете, зачем оно нужно для работы с клиентом, уберите. Поле ради поля снижает конверсию и не улучшает качество заявок.
Куда ставить форму на странице
Первый экран: для горячего трафика
Форма на первом экране работает, когда человек пришёл с конкретным запросом и уже готов к действию. Ремонт телефонов, доставка, запись на услугу с понятной ценой: здесь форма сразу уместна.
Для сложных продуктов или дорогих услуг форма на первом экране почти не работает. Человек видит поля до того, как понял, что именно вы предлагаете и зачем это его касается.
После блока аргументов
Стандартная структура посадочной страницы: проблема, решение, доказательства, форма. Форма появляется, когда посетитель уже прочитал, что вы предлагаете, и увидел, почему стоит попробовать. Подходит для большинства сервисных бизнесов.
Именно форма заявки часто оказывается самым результативным элементом для A/B-теста. Про то, как правильно проводить тестирование и интерпретировать результаты, написано в статье про A/B-тест посадочной страницы.
Несколько форм на странице
Одна короткая форма на первом экране, вторая после кейсов и отзывов. Горячий трафик оставит заявку сразу, думающий — после убеждения. Не нужно заставлять его прокручивать страницу обратно наверх.
Обе формы не обязательно одинаковые. Первая минимальная (имя и телефон), вторая с дополнительными полями. Человек, который добрался до конца страницы, уже потратил время и настроен серьёзнее.
Модальное окно как отдельный шаг
После клика на кнопку открывается форма в отдельном слое. Снижает психологический вес: на лендинге всё выглядит легко, детали уточняются после нажатия. Минус: добавляет шаг, и часть людей закрывает окно по привычке.
Дизайн формы: что влияет на заполнение
Количество полей не единственный фактор. Оформление работает не меньше.
Подписи полей и плейсхолдеры
Подпись поля всегда должна быть видна: над полем или слева от него, но не только внутри как плейсхолдер. Плейсхолдер исчезает при вводе, и человек забывает, что именно он заполнял. «Ваш телефон» над полем правильно, формат номера внутри поля допустим как подсказка, если подпись при этом тоже есть.
Кнопка отправки
Текст «Отправить» нейтральный и слабый. Конкретика работает лучше: «Получить расчёт», «Записаться на консультацию», «Узнать стоимость». Человек понимает, что произойдёт после нажатия, и кликает охотнее. Кнопка должна быть заметной: контрастный цвет относительно фона формы, достаточный размер для попадания пальцем на телефоне.
Сообщения об ошибках
Если форма не принимает данные, объясните почему. «Введите корректный номер телефона» лучше, чем просто красная рамка вокруг поля. Ошибка, которую человек не понимает, повод закрыть вкладку. Сообщения об ошибках должны появляться рядом с конкретным полем, а не в общем блоке над формой.
Согласие на обработку данных
Обязательно по закону, но чекбокс не должен выглядеть главным элементом формы. Ссылка на политику конфиденциальности мелким текстом рядом с кнопкой, без выделения. Большой жирный чекбокс отвлекает внимание и добавляет лишнюю когнитивную нагрузку перед нажатием.
Квалификация через форму
Иногда одного дополнительного поля достаточно, чтобы заявки стали значительно чище. Несколько работающих подходов:
- Выбор бюджета. «Планируемый бюджет на рекламу в месяц» с вариантами ответа. Компания, которая ищет услугу «за пять тысяч», сама поймёт, что она не ваша аудитория, до того как оставит заявку.
- Свободное поле «Расскажите о задаче». Требует усилий. Человек без реального запроса часто не заполняет. Те, кто заполнил, готовы к диалогу.
- Город или регион. Если вы работаете только в определённом регионе, незачем обрабатывать заявки из других мест.
Квалификационное поле не обязательно должно быть обязательным к заполнению. Иногда его делают необязательным, но приоритет отдают заявкам, где оно заполнено.
Важный момент: квалификационный вопрос должен выглядеть естественно. «Как вы узнали о нас» с пятью вариантами ответа — маркетинговый опрос, который раздражает и снижает конверсию без реальной пользы. Как фильтрация заявок на входе влияет на стоимость привлечения клиента, разобрано в отдельной статье.
Мобильная форма: ввод на телефоне как отдельная задача
Форма, удобная на компьютере, на телефоне может превратиться в мучение. Что важно проверить.
Тип клавиатуры
Для поля с телефоном используйте атрибут type со значением tel: браузер покажет цифровую клавиатуру. Для почты значение email даст специальную раскладку с символом @ и точками. Это мелочь, которая снижает количество ошибок ввода и ускоряет заполнение.
Автозаполнение
Атрибут autocomplete позволяет браузеру предложить сохранённые данные. Значения name, tel и email для соответствующих полей: браузер подставит данные из памяти, человек заполнит форму в одно-два касания. Это заметно снижает трение при отправке заявки с мобильного устройства.
Размер полей и кнопки
На мобильных устройствах поля должны быть достаточно высокими, чтобы в них было удобно попасть пальцем. Рекомендуемый минимум по стандарту доступности составляет 44 пикселя по высоте. Маленькие поля и кнопки дают ошибки ввода и потерянные заявки.
Частая проблема: клавиатура перекрывает кнопку «Отправить». Человек открыл клавиатуру, ввёл данные, а кнопки не видно. Форму проверяйте на реальном телефоне, а не только в инструментах разработчика в браузере: эмуляция мобильного экрана не воспроизводит поведение клавиатуры.
Коротко о главном
- Форма часть воронки продаж. Она квалифицирует заявки и влияет на их качество так же, как на количество.
- Минимальная форма подходит для простых услуг с коротким циклом решения.
- Длинная форма конвертирует лучше в B2B, для дорогих услуг под заказ и там, где нужно квалифицировать клиента до первого звонка.
- Место формы на странице зависит от готовности аудитории: горячий трафик на первый экран, думающий — после аргументов и доказательств.
- Оформление важно: подписи полей, конкретный текст кнопки и понятные сообщения об ошибках влияют на конверсию независимо от числа полей.
- Мобильная форма отдельная задача: тип клавиатуры, автозаполнение и размер полей проверять на реальном устройстве.
Лучший способ найти оптимальную конфигурацию — тестировать. Иногда достаточно убрать одно поле или переместить форму ниже, чтобы конверсия изменилась заметно. Главное читать результаты правильно и не делать выводы по трём дням трафика.