Форма заявки на сайте: как сделать, чтобы она собирала лиды

Какой должна быть форма заявки на сайте

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

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

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

Сколько полей должно быть в форме заявки

Каждое поле — это микробарьер. По моему опыту и десяткам A/B-тестов зависимость простая: чем меньше полей, тем выше конверсия. Форма из двух полей (имя и телефон) в среднем собирает в 2–3 раза больше заявок, чем анкета из пяти-шести полей. На холодном трафике из Директа разрыв ещё заметнее.

Рабочий ориентир по количеству полей:

• Одно поле — телефон или мессенджер. Максимум заявок при минимуме качества: часть номеров будет с опечатками, часть — «просто посмотреть». Хорошо работает там, где квалификация идёт по звонку.
• Два поля — имя и телефон. Золотая середина для большинства ниш: и заявок много, и менеджеру есть к кому обращаться по имени.
• Три поля — имя, телефон и один уточняющий вопрос (город, услуга, удобное время). Оправдано, когда уточнение реально экономит время отдела продаж.
• Четыре и больше — только если каждое поле обязательно для сделки, например адрес доставки в интернет-магазине. Остальное лучше спросить голосом при звонке.

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

Формулировки полей, заголовок и микрокопирайт

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

По полям несколько правил, которые я проверял на реальных проектах:

• Подпись понятнее плейсхолдера. Если подсказка живёт только внутри поля, при вводе она исчезает, и человек забывает, что заполняет. Держите подпись над полем.
• Показывайте формат. Для телефона — маска +7 (___) ___-__-__, для даты — пример. Это снижает число ошибок и брошенных форм.
• Пишите по-человечески. «Как вас зовут?» теплее, чем «ФИО». «Куда позвонить?» понятнее, чем «Контактный номер телефона».
• Ошибку объясняйте текстом. «Проверьте номер: не хватает цифр» полезнее красной рамки без пояснения.

Отдельная история — согласие на обработку персональных данных. Строка «Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности» со ссылкой закрывает требование 152-ФЗ и заодно успокаивает: человек видит правила игры. Одного согласия достаточно; три обязательных чекбокса только режут конверсию.

Кнопка формы: какой CTA повышает конверсию

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

Формулируйте CTA от выгоды или от первого лица:

• «Получить расчёт» для услуг с ценой — вместо безликого «Отправить».
• «Записаться на замер», «Вызвать замерщика» — для ремонта, окон, мебели.
• «Жду прайс», «Хочу каталог» — от первого лица, когда обещаете материал.
• «Перезвоните мне» — для формы обратного звонка, когда человек торопится.

Кнопку делайте контрастной и крупной, чтобы её было видно без прокрутки. Рядом уместна короткая строка-снятие возражения: «Перезвоним за 15 минут, без спама». На кнопке живёт действие, обещание — в заголовке формы, поэтому дублировать оффер внутри кнопки смысла нет. Как усилить сам оффер, разобрано в статье про лид-магниты.

Форма заявки на мобильных: что учесть

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

• Правильные типы полей. type="tel" открывает цифровую клавиатуру, type="email" добавляет @ и точку. Мелочь, а заполнять в разы быстрее.
• Автозаполнение. Атрибуты autocomplete для имени, телефона и почты позволяют подставить данные в один тап.
• Крупные тап-зоны. Поля и кнопка высотой от 44–48 px, чтобы попадать пальцем без промахов.
• Одна колонка. Поля друг под другом; два поля в ряд на узком экране слипаются.
• Кнопка в зоне доступа. На длинных лендингах держите форму или кнопку вызова в пределах экрана, чтобы до неё не пришлось прокручивать полстраницы.

Проверяйте форму на живом телефоне: эмулятор десктопа скрывает половину проблем. Я не раз находил формы, где на iPhone кнопка уезжала под клавиатуру или поле телефона открывало буквенную раскладку — на десктопе это невидимо.

Интеграция формы с CRM и мессенджерами

Собрать заявку — половина дела; вторая половина — довести её до менеджера за секунды. Заявка ценна первые минуты, пока человек помнит, что оставил контакт. Форма должна складывать данные прямо в CRM (Битрикс24, amoCRM) через вебхук или готовый коннектор, чтобы карточка появлялась мгновенно и никто не переносил обращения руками из почты.

Что важно настроить на стыке формы и CRM:

• Мгновенная передача. Заявка в CRM за секунды, оттуда — задача менеджеру и уведомление. Цель — первый контакт в течение 5–15 минут.
• Источник и метка. Передавайте UTM и название формы, чтобы видеть, какая форма и какой канал приносят заявки. Эти же данные питают оплату за конверсии в Директе.
• Цель в Метрике. Отправка формы = достигнутая цель. Без неё вы не узнаете реальную конверсию и цену заявки.

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

Типичные ошибки и что повышает конверсию формы

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

• Много полей. Пять-шесть обязательных полей на холодном трафике — главный убийца заявок. Оставьте два, остальное спросите по телефону.
• Кнопка «Отправить». Замена на глагол результата («Получить расчёт») — самый быстрый прирост без разработки.
• Нет обратной связи. Человек нажал и не понял, ушла ли заявка. Показывайте явное «Спасибо, перезвоним за 15 минут» и обрабатывайте ошибки текстом.
• Лишние обязательные поля. Помечать email обязательным, когда хватает телефона, — терять тех, кто не хочет светить почту.
• Форма без обещания. Заголовок «Оставьте заявку» ничего не даёт. Поставьте понятный оффер и снимите возражение строкой про «без спама».
• Заявка теряется. Письмо уходит на почту, которую никто не читает. Заведите заявки в CRM и настройте уведомления.

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

Главное

Форма заявки на сайте работает тем лучше, чем меньше в ней трения: два поля вместо шести, глагол результата на кнопке, честный микрокопирайт и мобильная версия, которую удобно заполнять большим пальцем. Собранную заявку доводите до менеджера за секунды через CRM и дублируйте путь кнопками мессенджеров, чтобы контакт не остыл. Правило одно: можно укоротить форму — укоротите, а гипотезы проверяйте A/B-тестом. Нужна помощь с воронкой и трафиком — смотрите услуги.