Форма на сайте — единственное место, где посетитель превращается в реальный контакт. Заявка, подписка, заказ звонка — всё через формы. Но перед запуском их проверяют в последнюю очередь, а то и вовсе «потом допилим».
Вот 6 ошибок, которые я вижу на запущенных сайтах чаще всего:
**1. Форма не отправляется на мобильных.**
Клиент сидит с iPhone, нажимает «Отправить» — и ничего. Потому что разработчик тестировал на десктопе. Кнопка submit не реагирует на touch, или поля обрезаются за пределами экрана. Проверяйте на iOS Safari и Android Chrome — это 70%+ мобильного трафика.
**2. Письмо-подтверждение не приходит.**
Человек заполнил форму, видит «Спасибо!». А email не пришёл — или приходит в спам. SMTP-настройки на хостинге заблокированы, или отправитель не авторизован. Отправляйте тестовое письмо на 3 разных почтовых сервиса: Gmail, Яндекс, Mail.ru.
**3. Форма видна, но данные не сохраняются.**
CRM не подключена, или подключена, но настройка обработчика сломалась на этапе деплоя. Проверяйте не только визуальную отправку, но и фактическое появление заявки в вашей системе — через 5 минут после отправки, а не сразу.
**4. Капча блокирует реальных клиентов.**
Google reCAPTCHA v2 с картинками отсекает до 3–4% легитимных заявок. Кто-то не может найти все картинки с витринами, кто-то использует VPN и получает «вы робот». reCAPTCHA v3 работает в фоне и не мешает пользователю. Если нужен антиспам — ставьте хотя бы простой математический вопрос или time-gated submit (не давать отправить быстрее 3 секунд).
**5. Обязательные поля не отмечены, или отмечены неправильно.**
Клиент заполняет всё, нажимает «Отправить» — и получает красную рамку на поле «Телефон». Обязательные поля должны быть визуально различимы до начала заполнения, а не после первой попытки. Сообщение об ошибке — конкретное: «Введите телефон в формате +7XXXXXXXXXX», а не просто «Ошибка».
**6. Политика конфиденциальности отсутствует или не работает.**
Если форма собирает имя, email, телефон — нужен чекбокс с согласием на обработку персональных данных. Чекбокс должен быть кликабельным, ссылка — рабочей, а сам текст — читабельным. Проверяйте не только наличие, но и техническую работоспособность: форма не должна отправляться без проставленной галочки.
**Как проверить формы перед запуском:**
1. Откройте сайт на чистом браузере (incognito mode) — без расширений, которые могут подменять поведение.
2. Заполните каждое поле и отправьте форму.
3. Проверьте email на 3 разных сервисах.
4. Проверьте появление заявки в CRM или на почте.
5. Протестируйте на мобильных устройствах — физических или через BrowserStack.
Форма — это не «допилим после». Это первый рабочий инструмент вашего сайта. Проверьте её до запуска, чтобы не терять заявки с первого дня.
Комментарии
Пока нет комментариев. Стань первым!