Формы на сайте: почему люди доходят до заявки и не отправляют её

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

Обидно тут то, что трафик на этом этапе уже оплачен. Реклама отработала, SEO отработало, дизайн и тексты отработали. Сломанная или неудобная форма обесценивает всю цепочку разом — и делает это бесшумно, потому что никто не приходит и не жалуется: «у вас кнопка не нажимается».

Форма — это не «поля и кнопка», а последний шаг сделки

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

Хорошая форма отвечает на все три, не заставляя читать. Заголовок говорит, что произойдёт после отправки: «Рассчитаем стоимость и пришлём смету» понятнее, чем «Оставьте заявку». Кнопка повторяет действие, а не абстрактное «Отправить». Рядом — короткая строка о том, что будет с данными и как быстро ответят.

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

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

Ошибка — ставить самую тяжёлую форму везде, потому что «менеджеру так удобнее». Удобство менеджера оплачивается потерянными заявками.

Каждое лишнее поле стоит заявок

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

Типичные поля, которые чаще вредят, чем помогают:

• Отчество и фамилия, когда для звонка хватает имени;
• Одновременно телефон и e-mail как обязательные — пусть человек выберет удобный канал;
• Должность, название компании, сфера деятельности на первом касании;
• «Откуда вы о нас узнали» — это задача аналитики, а не посетителя;
• Бюджет с обязательным выбором, когда человек ещё не понимает порядок цен.

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

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

Ошибки, подсказки и всё, что происходит во время заполнения

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

Что должно работать по умолчанию:

• Проверка по факту, а не после отправки — ошибка подсвечивается, когда человек ушёл из поля, а не когда нажал кнопку;
• Текст ошибки объясняет, что исправить: «Введите номер из 11 цифр», а не «Некорректное значение»;
• Введённые данные не стираются при ошибке — переписывать всё заново никто не станет;
• Маска телефона помогает, но не блокирует нестандартные и зарубежные номера;
• Поля подписаны так, чтобы подпись не исчезала при вводе — иначе на длинной форме человек забывает, что где.

Ещё один незаметный убийца конверсии — кнопка, которая никак не реагирует на нажатие. Пользователь жмёт, ничего не происходит доли секунды, он жмёт ещё раз, потом ещё. В итоге либо три одинаковые заявки в CRM, либо подозрение, что сайт сломан. Кнопка должна сразу переходить в состояние «отправляем» и блокироваться от повторных кликов.

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

Что происходит после нажатия кнопки

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

Минимальный набор:

1. Видимое подтверждение на месте формы или отдельным экраном — заявка принята.
2. Указание срока ответа. Даже честное «ответим в рабочее время» лучше, чем молчание.
3. Автоматическое письмо или сообщение с копией того, что человек отправил, — если оставлен e-mail.
4. Фиксация заявки минимум в двух местах: почта и база на стороне сайта или CRM.

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

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

Мобильные формы живут по своим законам

На телефоне форма ведёт себя иначе, и большинство проблем видно только на реальном устройстве, а не в уменьшенном окне браузера.

Что проверять обязательно:

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

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

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

Как понять, что форма теряет заявки, а не «сезон такой»

Формы ломаются тихо. Обновилась CMS, поменялся почтовый пароль, истёк сертификат, изменилась настройка на стороне сервиса — и отправка перестала работать. Сайт выглядит прекрасно, заявок нет, а объяснение находится в духе «лето, все в отпусках».

Что помогает ловить такие вещи:

• Регулярная тестовая отправка — раз в неделю заполнить свою же форму и убедиться, что заявка дошла по всем каналам;
• Аналитика отправок: сколько людей открыли форму, сколько начали заполнять, сколько отправили — резкий разрыв между шагами указывает на конкретное проблемное поле;
• Уведомление ответственному, если заявок нет дольше обычного;
• Проверка спам-папки и репутации почтового домена;
• Тест после каждого обновления сайта, плагинов или интеграций.

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

Менять форму лучше по одному элементу за раз. Убрали два поля — посмотрели, что стало с количеством и качеством заявок. Переписали кнопку — посмотрели снова. Если поменять всё сразу, вы не узнаете, что сработало, а что испортило.

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