Формы заявок: как сократить потери на последнем шаге

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

Почему форма — это не техническая деталь

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

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

• Форма должна соответствовать «температуре» посетителя: для готового к покупке — короткая и быстрая, для изучающего — с мягким действием вроде «Получить расчёт» или «Задать вопрос».
• Форма должна стоять там, где возникает желание действовать, а не только в подвале сайта.
• Форма должна объяснять, что произойдёт после отправки.

Количество полей: меньше, но не любой ценой

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

Как решить, какие поля оставить

1. Выпишите все поля текущей формы.
2. Для каждого спросите у отдела продаж: что вы делаете с этой информацией при первом контакте?
3. Если ответ «ничего» или «для статистики» — поле убирается.
4. Если ответ «без этого не можем ответить» — поле остаётся, но проверьте, можно ли сделать его проще: выбор вместо свободного ввода, подсказка формата.
5. Всё, что нужно «для полноты картины», можно уточнить на втором шаге или в разговоре.

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

Многошаговые формы и квизы

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

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

Подписи, подсказки и ошибки

Даже короткую форму можно сделать неудобной, если человек не понимает, что вводить, или не может понять, почему форма не отправляется.

Подписи полей

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

Сообщения об ошибках

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

Формы на телефоне

На мобильных устройствах проблемы с формами многократно усиливаются: маленький экран, экранная клавиатура перекрывает половину страницы, палец промахивается мимо мелких элементов.

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

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

Многие формы ломаются не на заполнении, а сразу после отправки — и владелец сайта об этом не знает.

• Покажите понятное подтверждение: «Заявка отправлена. Перезвоним в течение 30 минут в рабочее время» — и укажите, какое это время.
• Отправьте копию заявки на почту клиента, если он её указал.
• Проверяйте доставку заявок: раз в неделю отправляйте тестовую заявку и убеждайтесь, что она дошла до нужного человека и не попала в спам.
• Защищайтесь от спама невидимыми методами. Сложная капча отсекает живых людей так же эффективно, как ботов.
• Передавайте заявки в CRM или хотя бы в общий ящик, а не на почту одного сотрудника, который может уйти в отпуск.

Мы не раз сталкивались с ситуацией, когда клиент приходил с жалобой «реклама перестала работать», а на деле письма с формы уже месяц уходили на ящик уволенного менеджера. Поэтому проверка форм входит в регламент поддержки сайтов.

Как проверить свою форму за полчаса

1. Заполните форму на своём телефоне через мобильный интернет, не на рабочем компьютере.
2. Попробуйте ошибиться: оставьте поле пустым, введите телефон в другом формате — и посмотрите, что ответит форма.
3. Засеките время от открытия страницы до сообщения об успешной отправке.
4. Проверьте, куда пришла заявка и через сколько минут.
5. Посмотрите в «Метрике», сколько людей начали заполнять форму и сколько отправили. Аналитика форм покажет, на каком поле уходят.

Вывод

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