Компания тратит месяцы на дизайн и трафик, а на последнем шаге теряет посетителя: длинная и невнятная форма, которую никто не хочет заполнять. Интерес есть, визиты есть, заявок нет. Форма обратной связи на сайте занимает малую часть страницы, но именно она решает, превратится ли визит в разговор. Здесь собраны практики из опубликованных материалов по юзабилити и конверсии: какие поля нужны, что написать на кнопке, как быть с согласием и спамом и что проверить после запуска. Цифры из источников приведены как примеры, а не как правила рынка.
Форма обратной связи на сайте: зачем она нужна и чем её нельзя заменять
У хорошей формы одна задача: сделать первое сообщение дешёвым для посетителя и полезным для отдела продаж.. Исследователи Nielsen Norman Group в исследовании корпоративных сайтов пришли к выводу, что на странице контактов нужны телефон и адрес почты, а не одна форма. Считайте форму обратной связи одним каналом среди других. Сначала решите, кто читает входящие и как быстро отвечает. Формы обратной связи работают, только когда их читает живой человек.
Какие поля нужны: сколько и каких
Каждое лишнее поле отсеивает часть посетителей, поэтому начните с минимума, ведь хорошие формы обратной связи просят немного: имя, рабочая почта и текст сообщения. В русскоязычных руководствах обычно советуют три-пять основных полей для первого обращения, например в разборах на vc.ru. Форма обратной связи на сайте не должна требовать больше, чем нужно для ответа. Форма отпугивает, когда поля требуют даже телефон. Добавляйте поле только при трёх условиях. Оно нужно, чтобы ответить. Оно помогает направить обращение нужному человеку. Посетитель заполнит его, ничего не выясняя. Название компании в B2B можно оставить необязательным, а ИНН или бюджет чаще вредят. Если квалификация всё же нужна, выберите два шага. Форма заявки из двух шагов спрашивает сначала контакты, потом проект.
| Поле | Спрашивать? | Причина |
|---|---|---|
| Имя и рабочая почта | Всегда | Без них не ответить |
| Сообщение | Всегда | Показывает реальную задачу |
| Телефон | По желанию | Одни хотят звонок, другие не оставляют номер |
| Компания | По желанию | Помогает в маршрутизации B2B |
| Бюджет | Позже | Лучше на втором шаге или на звонке |
Подписи, подсказки и кнопка, которая объясняет, что будет дальше
Ставьте подпись над каждым полем и держите одну колонку. Хорошая форма обратной связи показывает ошибку рядом с полем. Обязательные поля отметьте, а ошибку пишите рядом с полем простыми словами, а не общей красной плашкой. В руководстве Telerik по дизайну форм советуют подсказки и проверку на лету и предупреждают, что одним цветом ошибку показывать нельзя. Вместо «Отправить» напишите глагол по сути предложения, например «Оставить заявку» или «Записаться на звонок», и добавьте строку под кнопкой: кто ответит и когда. По данным NN/g, деловые пользователи ждут ответа в течение суток, поэтому обещайте только то, что команда выполнит.
Что написать под кнопкой
Рабочие часы тоже полезны. Достаточно одной фразы: «Ответим в течение одного рабочего дня». Если так не получится, укажите реальное время ответа.
Телефон, мессенджер и чат рядом с формой
Многие покупатели не заполнят никакую форму. Они хотят позвонить, написать в мессенджер или увидеть адрес. Посетитель, который предпочитает звонок, должен найти форму и телефон рядом. Форма не должна заставлять оставлять телефон: поля раздражают. Мессенджер или чат добавляйте, только если в рабочие часы там отвечают. NN/g отмечает, что скрытый телефон раздражает и снижает доверие. Если страница контактов входит в большую переделку, наш редизайн сайта охватывает структуру страницы, форму и места, где посетители ждут их увидеть.
- Покажите телефон и почту в шапке или подвале каждой страницы.
- Разместите форму на странице контактов и на каждой странице услуги.
- Подключите один мессенджер, и только если там отвечают.
- Укажите рабочие часы у каждого канала.
Мобильная версия и доступность: форма для пальца и для клавиатуры
Проверьте форму обратной связи на телефоне раньше, чем где-либо ещё. Поля должны быть достаточно крупными, для почты и телефона должна открываться нужная клавиатура, а кнопка не должна прятаться под панелью браузера. Для доступности нужна видимая подпись у каждого поля, работа с клавиатуры и ошибки без опоры на цвет. Это недорого, если заложить сразу.
Согласие и защита от спама без наказания живых людей
Если вы собираете персональные данные, скажите, зачем, и поставьте рядом с кнопкой ссылку: политика конфиденциальности должна открываться в один клик. Согласие на обработку персональных данных оформляйте отдельной галкой без предустановленной отметки и сверьте формулировку с юристом: требования закона о персональных данных (152-ФЗ) зависят от вашего случая. От спама начните с невидимых мер: скрытое поле-ловушка (honeypot), которое человек не видит, лимит запросов и проверка на сервере. В блоге Carrot quest описаны скрытые поля, видимые только ботам, а другие руководства советуют не злоупотреблять капчей, потому что капча замедляет живых пользователей. Видимую проверку включайте, только если спам продолжает проходить.
После нажатия: страница благодарности, маршрутизация и проверка доставки
Работа не заканчивается на нажатии кнопки. Покажите страницу благодарности, которая повторяет, что будет дальше, отправьте короткое письмо-подтверждение и передайте обращение человеку, а не в общий ящик, который никто не открывает. Затем проверяйте: доставка письма не гарантирована. раз в месяц отправьте форму сами с телефона и с компьютера и убедитесь, что письмо пришло и не попало в спам. Молча сломанная форма хуже отсутствующей. Страница благодарности и время ответа входят в форму обратной связи не меньше, чем поля. Чтобы понимать, что работает, подключите аналитику форм: Метрика показывает отправки, и Яндекс описывает, как отслеживать отправки. Если заявки должны попадать сразу в CRM и уведомлять нужного менеджера, наша автоматизация бизнес-процессов свяжет форму с инструментами команды.
Форма обратной связи на сайте: бесплатная консультация по вашей форме
Посмотрим форму обратной связи и скажем, что менять в первую очередь. Если страницу нужно пересобрать, нужна разработка сайтов с чистой формой.
- разбор формы и шага после отправки;
- список правок по силе эффекта.
Оставьте заявку, и мы ответим в течение одного рабочего дня планом бесплатной консультации.
Часто задаваемые вопросы (FAQ)
Сколько полей должно быть в форме обратной связи?
В опубликованных руководствах для первого обращения чаще советуют три-пять полей: имя, рабочая почта, сообщение и при необходимости телефон или компания. Добавляйте поле, только если оно нужно для ответа или маршрутизации.
Что написать на кнопке формы?
Вместо голого «Отправить» используйте глагол по сути предложения, например «Оставить заявку» или «Записаться на звонок». Под кнопкой добавьте строку о том, кто и когда ответит.
Можно ли заменить телефон формой?
Нет. По исследованию Nielsen Norman Group, на странице контактов нужны телефон и почта, а форма служит дополнительным каналом.
Нужна ли галка согласия на обработку персональных данных?
Если вы собираете персональные данные, покажите понятное уведомление и отдельную галку без предустановленной отметки. Формулировку для вашего случая уточните у юриста.
Как защитить форму от спама без капчи?
Начните со скрытого поля-ловушки, лимита запросов и проверки на сервере. Видимую капчу включайте, только если спам продолжает проходить.
Как часто проверять, что форма доставляет письма?
Раз в месяц отправляйте форму сами с телефона и с компьютера и проверяйте, что письмо пришло в нужный ящик, а не в спам. Повторяйте проверку после любых изменений сайта или почты.
Чем может помочь LinkAgency?
Оставьте заявку с адресом страницы. Проведём бесплатную консультацию, разберём поля, текст, согласие и доставку и дадим список правок по силе эффекта.
