ГлавнаяБазаФорма заявки на сайте

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

8 минКонверсия · Формы

Форма заявки на сайте — это те два-три поля и кнопка, через которые посетитель превращается в контакт в вашей CRM. За 11 лет в перформансе я убедился в одном: лучшая форма заявки та, которую уже нельзя укоротить без потери смысла. Разберу по косточкам — сколько полей оставить, что писать в подсказках и на кнопке, как собрать мобильную версию и подключить форму к CRM и мессенджерам, чтобы ни одна заявка не терялась.

Материал вырос из моего поста в Telegram. Там — оригинал живьём, со всеми примерами и без цензуры. Читать оригинал →
Коротко
  • Короткая форма побеждает. Каждое лишнее поле режет конверсию: форма из 2 полей (имя + телефон) обычно собирает в 2–3 раза больше заявок, чем анкета из 5–6 полей. Можно убрать поле — убирайте.
  • Кнопка продаёт действие. «Отправить» ни о чём не говорит; «Получить расчёт», «Записаться на замер», «Жду прайс» поднимают кликабельность на 10–30%, потому что человек видит, что получит.
  • Мобильные — половина трафика и больше. type="tel" для телефона, автозаполнение, тап-зоны от 44 px и одна колонка полей: на смартфоне неудобная форма теряет до половины заявок.
  • Заявка ценна первые минуты. Свяжите форму с CRM и мессенджерами так, чтобы контакт падал за секунды, а менеджер звонил в течение 5–15 минут, пока интерес горячий.
Форма заявки: поля, кнопка, мобильная
Ориентиры по числу полей, тексту кнопки, мобильной версии и связке с CRM.
ЭлементОриентирЭффект
1 полетелефон или мессенджермаксимум заявок при более низком качестве, квалификация идёт по звонку
2 поляимя и телефон, конверсия 11,6%базовый вариант для большинства ниш
3 поляимя, телефон и один уточняющий вопрос: город, услуга, удобное времяоправдано, когда уточнение экономит время отдела продаж
5 полейконверсия 4,8%при том же трафике заявок приходит в 2,4 раза меньше
Кнопка«Получить расчёт», «Записаться на замер», «Жду прайс», «Перезвоните мне»+10–30% к кликабельности против «Отправить»
Мобильная версияtype="tel", autocomplete, тап-зоны 44–48 px, одна колонканеудобная форма на смартфоне теряет до половины заявок
Согласиестрока со ссылкой на политику, требование 152-ФЗодного согласия хватает, три обязательных чекбокса режут конверсию
CRMБитрикс24 или amoCRM через вебхук, передача UTM и названия формыпервый контакт менеджера в течение 5–15 минут
Полей объективно многоквиз на 5–7 вопросов или разбивка формы на шагипошаговый сбор данных воспринимается легче простыни полей
Таблица прокручивается вбок на узком экране.

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

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

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

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

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

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

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

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

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

Короткая форма против длинной
Одна страница, один трафик — разница только в числе полей
Длинная форма5 полей
Имя
Как к вам обращаться
Телефон
+7 ___ ___-__-__
E-mail
you@mail.ru
Компания
Название организации
Комментарий
Опишите задачу
Отправить
4,8%оставили
заявку
Короткая форма2 поля
Имя
Как к вам обращаться
Телефон
+7 ___ ___-__-__
Получить расчёт
11,6%оставили
заявку
Конверсия формы по числу полей
2 поля 11,6%
3 поля 8,9%
4 поля 6,7%
5 полей 4,8%
Каждое лишнее поле режет конверсию. От двух полей к пяти показатель падает с 11,6% до 4,8% — при том же трафике заявок приходит в 2,4 раза меньше.
Одна и та же страница: форма из двух полей собирает вдвое с лишним больше заявок, чем анкета из пяти.

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

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

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

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

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

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

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

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

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

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

Анатомия конвертящей формы
Пять элементов, и каждый снимает своё возражение перед кликом
1
Рассчитаю стоимость продвижения за 15 минут
2
Имя
Как к вам обращаться
Телефон
+7 ___ ___-__-__
3
Перезвоним в течение 15 минут. Без спама и рассылок.
4
Получить расчёт
5
Нажимая «Получить расчёт», вы соглашаетесь с политикой обработки персональных данных · 152-ФЗ
1
Заголовок-выгода. Обещает конкретный результат за контакт — расчёт за 15 минут. Посетитель сразу видит, что получит взамен телефона.
2
Минимум полей. Имя и телефон, дальше ничего. Каждое лишнее поле роняет конверсию, поэтому анкету сокращаем до предела.
3
Микрокопи у поля. Строка снимает страх спама и обещает быстрый звонок. Возражение закрыто ещё до отправки.
4
Кнопка-действие. Глагол результата «Получить расчёт» тянет клик сильнее нейтрального «Отправить».
5
Строка доверия · 152-ФЗ. Согласие на обработку данных и обещание конфиденциальности убирают последнее сомнение перед кликом.
Форма продаёт заявку так же, как страница продаёт товар: заголовок обещает, поля не пугают, кнопка зовёт, строка доверия успокаивает.
Разбор конвертящей формы по элементам: что именно на каждой строке подталкивает посетителя оставить заявку.

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

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

  • Правильные типы полей. 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-тест — уберите одно поле или смените текст кнопки и сравните конверсию за пару недель. Готовые формы и утилиты для сбора заявок я собирал в разделе инструментов, а как связки офферов и форм работают на проектах — в кейсах. Нужна помощь с воронкой и трафиком — смотрите услуги.

Частые вопросы

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

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

Что написать на кнопке формы вместо «Отправить»?

Ставьте глагол результата или выгоды: «Получить расчёт», «Записаться на замер», «Жду прайс», «Перезвоните мне». Такой текст поднимает кликабельность на 10–30%, потому что человек видит, что именно получит. На кнопке живёт действие, а обещание держите в заголовке формы.

Как сделать форму для сбора заявок с рекламы?

Держите её короткой (одно-два поля), с оффером в заголовке, кнопкой-глаголом и удобной мобильной версией. Обязательно подключите передачу заявки в CRM, настройте цель в Метрике и передавайте UTM. На холодном трафике из Директа правило жёсткое: чем короче форма, тем дешевле выходит лид.

Нужна ли галочка согласия на обработку данных?

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

Как связать форму заявки с CRM и мессенджерами?

Настройте передачу через вебхук или готовый коннектор в Битрикс24 или amoCRM, чтобы заявка падала в карточку за секунды и сразу ставила задачу менеджеру — первый звонок в идеале в течение 5–15 минут. Рядом с формой поставьте кнопки WhatsApp и Telegram для тех, кто предпочитает текст, и передавайте UTM с названием формы, чтобы видеть источник каждой заявки.

Главное

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

Понравилось? В Telegram-канале «Digital трафик» такое выходит регулярно — тактика по трафику и SEO без воды. Подписаться →