У вас готова рекламная кампания, утверждён медиабюджет и работает целевая страница. Осталось только создать онлайн-форму. Вы открываете инструмент, набрасываете имя, e-mail, телефон, «ваше сообщение»… а через три недели лиды приходят неполными, недоступными или не приходят вовсе.
Проблема редко заключается в самом инструменте. Она кроется в порядке принятия решений. Это руководство шаг за шагом покажет вам, как создать онлайн-форму без программирования, начиная с желаемого результата, а не со списка полей. Мы будем следовать непрерывному примеру от начала до конца: форма запроса коммерческого предложения.
Краткий ответ: Чтобы создать онлайн-форму, которая будет конвертировать пользователей, сначала установите измеримую цель, оставьте только те поля, которые подтверждают бизнес-решение, сгруппируйте их по этапам от самых простых до самых сложных, а затем добавьте условную логику. Далее настройте страницу благодарности и отслеживание, протестируйте каждый пользовательский сценарий на мобильных устройствах, опубликуйте форму и отслеживайте отказы шаг за шагом, чтобы вносить корректировки.
Шаг 1: Определите цель перед созданием онлайн-формы.
Эффективная форма начинается с предложения: «Эта форма должна дать X, измеренное по Y». Без этого предложения каждый член команды добавляет «свой» вопрос, и форма становится излишне длинной.
Возьмём наш сквозной пример. Вымышленная компания по уборке офисов, назовём её Clairbureau, покупает трафик, Google Ads чтобы заполнить свой график продаж. Её цель не сводится к тому, чтобы «получать лиды». Она формулируется так: получать запросы коммерческих предложений, которые можно рассчитать, с доступным номером телефона и по цене лида, совместимой с её маржой.
Это предложение меняет всё. В нём перечислены три показателя, за которыми следует следить с первого дня:
- Показатель завершения : доля посетителей, которые начинают заполнение формы, а затем отправляют её.
- Доля пригодных лидов : доля запросов, для которых менеджер по продажам действительно может рассчитать стоимость.
- Показатель дозваниваемости : доля потенциальных клиентов, ответивших на звонок с первого или второго раза.
Форма, которая максимизирует первый показатель за счет двух других, обходится дорого. Поэтому цель важнее инструмента.
Если вы в первую очередь ищете решение без бюджета, наше руководство по бесплатной онлайн-форме для лидов сравнивает варианты. Здесь мы остаёмся в рамках метода.
Шаг 2: Выберите поля, используя правило «одно поле — одно решение».
Оставляйте поле только в том случае, если кто-то использует его для принятия решения: расчёт стоимости, маршрутизация, определение приоритета или обратный звонок. Если никто не может назвать это решение, поле удаляется из формы.
Это самое простое правило в этом руководстве и самое выгодное. Сайты электронной коммерции хорошо это иллюстрируют: согласно исследование Baymard Institute о процессах оформления заказа, в среднем в 2024 году на странице оформления заказа было 11,3 поля, тогда как большинству сайтов достаточно 8. Та же проблема затрагивает и формы запроса коммерческого предложения.
Сетка отбора на сквозном примере
В Clairbureau в первой версии было 14 вопросов. Мы проверили их с помощью таблицы из трёх столбцов: поле, решение, которому оно служит, и человек, который его использует.
- Площадь помещений → рассчитать предложение → менеджер по продажам. Оставляем.
- Желаемая периодичность → рассчитать предложение → менеджер по продажам. Оставляем.
- Почтовый индекс → направить в нужный филиал → бэк-офис. Оставляем.
- Крайний срок начала → определить приоритет обратного звонка → менеджер по продажам. Оставляем.
- Телефон и электронная почта → перезвонить и отправить предложение. Оставляем.
- Название компании → идентифицировать клиента. Оставляем.
- Факс, занимаемая должность, "Как вы о нас узнали?" → Решение не принято. Удаляем. Источник автоматически извлекается с помощью параметров UTM.
Результат: 7 полей вместо 14 без потери какой-либо полезной для предложения информации. Чтобы так же проверить существующую форму, используйте наш чек-лист аудита слишком длинной формы.
Один момент заслуживает особого внимания: номер телефона. Он определяет дозваниваемость, а значит, и ценность лида. Проверка формата в реальном времени, включая код страны, отсекает значительную часть непригодных номеров. Мы подробно разбираем эту тему в нашей статье о номере телефона и дозваниваемости лидов.
Шаг 3: Расположите вопросы в правильном порядке и разбейте их на этапы.
Начните с простых и актуальных вопросов, а затем в конце попросите контактную информацию. Это самый безопасный подход к созданию онлайн-формы, которая не отпугнет посетителей. Посетитель вовлекается постепенно: к моменту, когда его попросят указать номер телефона, он уже потратил время на заполнение формы.
Для Clairbureau разбивка даёт три шага:
- Потребность : тип помещения и желаемая периодичность, в виде кликабельных кнопок.
- Контекст : площадь, почтовый индекс, дата начала.
- Контакт : компания, электронная почта, телефон, согласие.
Каждый шаг помещается на экране смартфона. Индикатор выполнения показывает, где находится посетитель. И это еще не все: первый вопрос отвечает на любопытство («какой тип помещения?»), вместо того чтобы требовать усилий («ваше имя?»).
Всегда ли нужно переходить на многоэтапный формат? Нет. Форму из трёх полей не нужно разбивать. Многоэтапный формат становится полезным, как только вы квалифицируете потребность перед запросом контактов. Конкретные примеры разбивки по отраслям см. в наших примерах многоэтапных форм запроса предложения.
Шаг 4: Добавьте условную логику
Условная логика отображает или скрывает вопрос в зависимости от предыдущих ответов. Таким образом, каждый посетитель видит только те вопросы, которые ему актуальны, и форма кажется короче, чем она есть на самом деле.
В нашем сквозном примере достаточно двух правил:
- Если тип помещения — «магазин», появляется вопрос о часах работы, поскольку услуга оказывается в нерабочее время.
- Если площадь превышает порог, установленный командой, отображается вопрос о количестве этажей, поскольку он влияет на расчёт стоимости.
Когда вы хотите создать «умную» онлайн-форму, возникает соблазн добавить десять правил. Не поддавайтесь этому искушению. Каждое правило создает еще одну ветвь для тестирования (мы вернемся к этому на шаге 6). Начните с правил, которые фактически изменяют коммерческое предложение или маршрутизацию.
Чтобы узнать больше о типах правил (пропуск шагов, зависимые поля, перенаправления), прочитайте наше полное руководство по условной логике. Если вам нужно руководство по началу работы с инструментом, наша прежняя инструкция по созданию профессиональной формы за несколько минут подробно описывает каждый экран редактора.
Шаг 5: Страница благодарности и отслеживание.
Страница благодарности подтверждает запрос, описывает дальнейшие шаги и служит точкой отсчета. Однако отслеживание должно фиксировать конверсию в момент отправки формы, а не просто при загрузке страницы.
Это та ошибка, о которой говорилось ранее. Многие команды запускают пиксель конверсии по URL страницы благодарности. Проблема в том, что посетитель, который перезагружает страницу, добавляет ее в закладки или переходит по общей ссылке, засчитывается как новая конверсия. В результате ваши кампании оптимизируются на основе завышенных показателей.
Правильная настройка состоит из трёх пунктов:
- Событие конверсии, срабатывающее при отправке, а в идеале — одно событие на шаг для измерения прогресса.
- Параметры UTM, сохраняемые с каждым лидом, чтобы связать запрос с его кампанией, не задавая вопрос посетителю.
- Полезная страница благодарности : указанный срок обратного звонка и, по возможности, слот, который можно забронировать сразу.
Clairbureau выбрала две страницы благодарности. Для срочных запросов (старт в течение месяца) показывается календарь для записи на встречу. Остальные получают сообщение об обратном звонке в течение 24 рабочих часов. Центр поддержки Blastform объясняет, как настроить условия для страницы благодарности и её пикселей в зависимости от ответов.
Шаг 6: Проверьте каждый сценарий на мобильном устройстве
Протестируйте форму на реальном смартфоне, отправив полный запрос для каждой ветви условной логики. Предварительного просмотра на компьютере недостаточно: большая часть проблем возникает на мобильных устройствах.
Данные это подтверждают. В отраслевом бенчмарке Zuko 2025, показатель завершения заполнения формы посетителями на настольных компьютерах составил 55,5%, а на мобильных устройствах — 47,5%. Разница составляет восемь пунктов на платформе, которая часто обеспечивает большую часть платного трафика.
Вот рекомендуемый нами метод. Подсчитайте количество ветвей: минимальное число отправленных тестовых запросов равно количеству возможных путей плюс один преднамеренный тест на ошибку. Для Clairbureau это дает четыре отправленных запроса:
- Офисы, небольшая площадь: самый короткий сценарий.
- Магазин: должен появиться вопрос о часах работы.
- Большая площадь: должен появиться вопрос об этажах.
- Намеренно неверный ввод (неполный номер, e-mail без @): сообщения об ошибках должны быть понятными и не стирать другие ответы.
Для каждой отправленной заявки проверьте четыре момента: откроется соответствующая клавиатура (цифровая для телефона), кнопка «Далее» останется видимой, лид поступит в вашу систему полностью, и событие конверсии будет запущено только один раз.
Наконец, добавьте юридическую проверку, о которой часто забывают при создании онлайн-формы. Текст согласия и информация об использовании данных должны отображаться до отправки. CNIL публикует примеры информационных уведомлений для формы сбора данных , которые нужно адаптировать к вашему случаю.
Шаг 7: Публикация, интеграция и отслеживание отказов.
Разместите форму там, где посетитель принимает решение, подключите её к CRM и каждую неделю анализируйте процент отказов по шагам. Именно этот анализ превращает приличную первую версию в эффективную форму.
Выбор правильного метода распространения
Последнее решение при создании прибыльной онлайн-формы — где она будет отображаться. Большинство потребностей покрывают три варианта: выделенная размещённая страница (идеально для платных кампаний), интеграция в существующую страницу или всплывающее окно. С Blastform, вы можете разместить форму на собственном домене или интегрировать ее с помощью HTML-кода в WordPress, Webflow или Wix.
Подключите CRM до появления первого лида
Лид, лежащий в почтовом ящике, теряет ценность с каждым часом. Подключите форму к вашей CRM или рабочему инструменту, прежде чем потратить на трафик хотя бы один евро. Наше руководство по интеграции формы с HubSpot или Salesforce описывает нативные варианты и варианты через Zapier или Сделать.
Анализируйте отказы по шагам
Создание онлайн-формы — это только половина дела. После публикации версии часто встречаются три сценария отказов:
- Много отказов на шаге 1 : первый вопрос не цепляет, или обещание целевой страницы не соответствует форме.
- Много отказов в середине : вопрос требует информации, которой у посетителя нет под рукой (точная площадь, бюджет). Предложите диапазоны.
- Много отказов на шаге контактов : не хватает доверия. Успокойте посетителя рядом с полем телефона («только для вашего предложения»).
Исправляйте по одному элементу за раз, затем сравнивайте два периода или проводите A/B-тестирование. Blastform предоставляет анализ отказов по шагам, сравнение периодов и встроенное A/B-тестирование: полный список — на нашей странице возможностей Blastform.
Часто задаваемые вопросы
Сколько времени занимает создание онлайн-формы?
С помощью инструмента, не требующего написания кода, само создание занимает всего несколько минут. Основное время уходит на этапы до и после: определение цели, сортировка полей, настройка условной логики и отслеживания, а затем тестирование каждого пользовательского сценария на мобильных устройствах.
Сколько полей должно быть в форме запроса коммерческого предложения?
Универсального количества не существует. Оставляйте только поля, которые нужны для расчёта стоимости, маршрутизации, определения приоритета или обратного звонка. В нашем примере семи полей достаточно для пригодного коммерческого предложения.
Одностраничная или многоэтапная форма: что выбрать?
Для трех или четырех полей достаточно одной страницы. Многоэтапный формат становится актуальным, как только вы определите потребность перед запросом контактной информации. Протестируйте обе версии на собственном трафике.
Как я могу узнать, в каких случаях посетители покидают мою форму?
На каждом этапе запускайте событие, затем сравнивайте количество посетителей на разных этапах. Этап с самым резким падением количества посетителей следует корректировать в первую очередь.
Создание онлайн-формы, генерирующей полезные лиды, зависит не столько от самого инструмента, сколько от последовательности решений: цель, поля, шаги, логика, измерение, тестирование и последующие действия. Хотите применить этот метод к своей собственной форме запроса коммерческого предложения? Запросите демонстрацию Blastform или начните бесплатный пробный период.