Форма обратной связи — самый привычный способ получить заявку с сайта: посетитель пишет вопрос, оставляет телефон или email, а вы отвечаете. Сделать её можно за вечер, но мелочи решают, дойдёт ли заявка: лишнее поле, спам-боты, письма в папке «Спам», забытая галочка согласия. Ниже — какие формы бывают, сколько полей просить, где их ставить, какие есть способы сделать форму без программиста и как получать заявки на почту и в Telegram.
Какие бывают формы на сайте
Под «формой обратной связи» понимают разные вещи. От задачи зависят поля и место на странице:
| Форма | Поля | Где ставить |
|---|---|---|
| Вопрос или сообщение | Имя, email или телефон, текст сообщения | Страница «Контакты», конец статьи, подвал |
| Заявка на услугу | Имя, телефон, иногда выбор услуги из списка | Страница услуги рядом с ценой, первый экран посадочной |
| Обратный звонок | Только телефон | Плавающая кнопка в углу экрана на всех страницах |
| Подписка | Блог, конец статьи, окно с полезным материалом | |
| Расчёт или подбор | Ответы на вопросы, затем контакт | Страницы услуг со сложной ценой: квиз или калькулятор |
На одном сайте обычно уживаются две-три формы: заявка на странице услуги, вопрос на странице контактов и кнопка обратного звонка для тех, кто не хочет писать.
Сколько полей просить
Каждое поле — ещё одна причина передумать. Для первого контакта нужен способ связи и, по желанию, имя. Всё остальное менеджер уточнит в разговоре.
- Минимум: телефон или email. Без контакта заявка бесполезна.
- Обычно: имя и телефон, для вопросов — ещё поле комментария.
- Выбор из списка вместо текстового поля, если вариантов немного: «Какая услуга интересует», «Удобное время звонка». Посетителю проще выбрать, чем формулировать.
- Обязательными делайте только поля, без которых заявку нельзя обработать. Отметьте их звёздочкой.
Не просите email и телефон одновременно, если не собираетесь пользоваться обоими. И не прячьте подписи полей внутрь самого поля: когда человек начинает печатать, подсказка исчезает и непонятно, что вводить.
Где разместить форму
Форма должна оказаться там, где у посетителя созрело решение. Несколько удачных мест:
- Рядом с ценой или описанием услуги. Прочитал условия — сразу оставил заявку, не ища страницу контактов.
- В конце статьи. Дочитал инструкцию и понял, что проще доверить работу специалисту.
- На странице «Контакты». Кроме телефона и адреса, нужен способ написать, не открывая почтовую программу.
- По кнопке. Кнопка «Оставить заявку» в шапке открывает форму во всплывающем окне на любой странице. Если в окне вы предлагаете бонус за контакт, это уже лид-магнит, о нём — в статье «Лид-магнит и pop-up».
На телефоне форма должна помещаться в экран без горизонтальной прокрутки, а поле телефона — открывать цифровую клавиатуру.
Как сделать форму обратной связи: четыре способа
| Способ | Плюсы | Минусы |
|---|---|---|
| Встроенная форма конструктора или плагин CMS | Не нужен код, форма в стиле сайта | Возможности и способы доставки заявок зависят от платформы, плагины требуют обновлений |
| HTML-форма и обработчик на сервере | Полный контроль над видом и логикой | Нужен программист, хостинг с отправкой почты и своя защита от спама |
| Google Формы во фрейме | Бесплатно, ответы в таблице | Выглядит чужеродно, нет уведомлений в Telegram без дополнительных настроек |
| Виджет-сервис | Код одной строкой, заявки сразу на почту, в Telegram и в CRM | Зависимость от сервиса, расширенный дизайн обычно на платных тарифах |
Встроенная форма конструктора
Если сайт сделан на конструкторе, начните с его собственных блоков форм: они сразу в стиле сайта. На WordPress формы добавляют плагинами. Проверьте, куда уходят заявки: только на почту или ещё в Telegram и CRM, и есть ли защита от спама.
HTML-форма с обработчиком
Сама HTML-форма — это поля и кнопка, но заявку должен кто-то принять: скрипт на сервере, который проверит данные и отправит письмо. Частая ошибка — отправлять заявку в Telegram прямо из браузера через бота. Токен бота при этом оказывается в коде страницы, его видит любой посетитель и может рассылать от имени бота что угодно. Токены и ключи должны храниться только на сервере.
Google Формы
Форму собирают в конструкторе Google и вставляют на сайт кодом фрейма. Ответы копятся в таблице. Это нормальный вариант для анкеты или опроса, но для заявок неудобен: уведомления приходят только владельцу формы, а оформление выбивается из стиля сайта.
Виджет
Готовый виджет берёт на себя приём заявки, проверку полей, защиту от ботов и доставку. На сайт ставится одна строка кода, всё остальное настраивается в личном кабинете сервиса. Это самый быстрый путь, если на сайте нет программиста.
Защита от спама
Открытая форма быстро начинает получать рекламу и мусор от ботов. Варианты защиты:
- Скрытое поле-ловушка. Человек его не видит и не заполняет, бот заполняет все поля и выдаёт себя.
- Проверка времени. Человек не заполнит форму за секунду, бот — легко.
- Проверка на сервере. Формат телефона и email, одноразовые почтовые адреса, фильтр спама по содержимому.
- Капча. Надёжна, но мешает настоящим посетителям. Ставьте её, только если первых трёх мер не хватает.
Согласие на обработку персональных данных
Имя, телефон и email — персональные данные. Собирая их, владелец сайта становится оператором персональных данных по закону 152-ФЗ. В форме нужна галочка согласия, которую посетитель ставит сам: заранее отмеченная галочка согласием не считается. С 1 сентября 2025 года согласие оформляется отдельным документом, а не пунктом политики конфиденциальности, поэтому ссылки на текст согласия и на политику лучше давать раздельно.
Если по собранным контактам вы собираетесь присылать рекламу, на это нужно отдельное согласие — вторая, необязательная галочка. Как это устроено в формах виджетов, описано в справке «Согласие на обработку ПДн в формах виджетов». Текст согласия и политики составляете вы, при сомнениях стоит показать его юристу.
Куда приходят заявки
Форма приносит пользу, только если заявку быстро увидели. Почта — минимум, но письма с сайта нередко попадают в спам. Надёжнее дублировать заявки в Telegram, где уведомление увидят в течение минут, и передавать их в CRM, чтобы ни одна не потерялась. Для CRM обычно используют вебхук: сервис отправляет данные заявки на адрес, который даёт CRM.
После запуска отправьте тестовую заявку с телефона и компьютера и убедитесь, что она дошла во все каналы, а письмо не в спаме.
Как сделать форму в AllWidgets
В AllWidgets форму на странице делают виджетом «Ловец лидов» в формате «Блок в странице»: форма встаёт в нужное место как обычный блок сайта, а не всплывающее окно. Тот же виджет умеет показывать форму во всплывающем окне, боковой панели, плашке или карточке в углу.
- Войдите в личный кабинет и создайте виджет «Ловец лидов». Аккаунт создаётся при первом входе по коду из письма.
- В карточке «Формат и сценарий» выберите «Блок в странице» и укажите CSS-селектор элемента, куда встанет форма, или скопируйте код контейнера, который показан под полем.
- В карточке «Форма» оставьте нужные поля: имя, телефон, email, текст, комментарий или выбор из списка, всего до шести. Отметьте обязательные и проверьте галочку согласия и ссылки на документы.
- В карточке «Экран «Спасибо» и бонус» напишите, что будет дальше, например «Ответим в течение часа».
- Включите уведомления о заявках на почту, в Telegram или на вебхук и сохраните виджет.
- Вставьте код виджета на сайт, а контейнер — в то место страницы, где должна быть форма. Отправьте тестовую заявку и найдите её в разделе «Заявки».
Что делает форма виджета без дополнительных настроек:
- маска телефона и проверка email, ошибки текстом под полем;
- заявка без телефона или email не принимается;
- защита от ботов без капчи: скрытое поле-ловушка и отсев слишком быстрой отправки;
- галочка согласия не отмечена заранее, сервер проверяет её ещё раз;
- в заявке видны ответы на поля, страница, с которой её отправили, и UTM-метки.
На бесплатном тарифе доступен один «Ловец лидов», на Pro — три, на Business — десять, число заявок тарифом не ограничено. Цвета и шрифты формы меняются на платных тарифах, на бесплатном выбирается один из готовых шаблонов. Подробно о полях, бонусе и согласии — в справке «Форматы окна, таймер, бонус и согласие на обработку ПДн», о каналах доставки — в статье «Заявки из новых виджетов».
Если нужна только кнопка «Перезвоните мне» с одним полем телефона, удобнее отдельный виджет обратного звонка. А если посетителю сначала нужно понять цену, вместо простой формы поставьте квиз.
Поставьте форму заявки на сайт
Соберите форму в «Ловце лидов», вставьте код на страницу и получайте заявки на почту и в Telegram. Один виджет доступен бесплатно.
Вопросы и ответы
Как сделать форму обратной связи на сайте без программиста?
Используйте встроенные формы конструктора сайта или виджет-сервис. В AllWidgets форма собирается в личном кабинете виджетом «Ловец лидов» в формате «Блок в странице», на сайт вставляется код виджета и контейнер для формы.
Как получать заявки с формы в Telegram?
В AllWidgets привяжите Telegram в «Профиле» личного кабинета и включите уведомления в настройках виджета. Если делаете форму сами, отправляйте заявку в Telegram только с сервера: токен бота в коде страницы увидит любой посетитель.
Какие поля нужны в форме обратной связи?
Минимум — телефон или email. Обычно добавляют имя и, для вопросов, поле комментария. Остальные данные лучше уточнить при ответе: каждое лишнее поле снижает число заявок.
Нужна ли галочка согласия на обработку персональных данных?
Если форма собирает имя, телефон или email, нужна галочка согласия, которую посетитель ставит сам, со ссылкой на текст согласия. Для рекламной рассылки — отдельная необязательная галочка.
Как защитить форму от спама без капчи?
Скрытое поле-ловушка, проверка времени заполнения и проверка данных на сервере отсекают большинство ботов, не мешая людям. В форме «Ловца лидов» эти меры включены по умолчанию.