Что это
Бесплатная проверка HTML форм и адресов, на которые они отправляют данные. Показывает конкретное поле или настройку, на которых теряются данные.
Поиск утечек в формах обратной связи
Найдите, где форма теряет заявки.
Большинство сломанных форм выглядят нормально. Кнопка нажимается, появляется «Спасибо», а заявка так и не приходит. Form Leak читает форму, как сантехник читает схему труб, поле за полем, а затем отправляет на ваш адрес настоящую тестовую заявку и показывает, дошли ли данные.
Для кого
Для основателей, маркетологов, фрилансеров и разработчиков, у которых есть форма обратной связи, регистрации или запроса цены и каждая заявка на счету.
Какую проблему решает
Тихие потери. Пропущенный атрибут name, отключённое поле или редирект после отправки могут потерять заявку без единой ошибки.
Проверить форму
Сначала разметка, потом адрес, на который форма отправляет данные.
Вставьте всю страницу или только форму. Код разбирается в вашем браузере и никуда не отправляется.
Пока ничего не проверено
Загрузите пример формы, чтобы увидеть типичные утечки на схеме.
Вставленный HTML остаётся в браузере. Загрузка страниц и тестовые отправки выполняются один раз с сервера Vercel и не сохраняются.
Справочник утечек
Что значит каждая находка и как её исправить.
Поле без имени
Браузер отправляет только поля с атрибутом name. Добавьте name="email" или похожее каждому полю, которое хотите получать.
У двух полей одно имя
Большинство серверов сохранят только одно значение. Дайте каждому полю своё имя.
Форма отправляет в никуда
Action пустой или равен решётке, поэтому форма отправляется на ту же страницу. Укажите адрес сервиса форм или своего сервера.
Отключённое поле
Поля с disabled никогда не отправляются. Если значение нужно показать без изменения, используйте readonly.
Файлы без нужной кодировки
Для загрузки файлов в атрибуте enctype нужна кодировка multipart, иначе придёт только имя файла.
Отправка по обычному http
Браузеры предупреждают посетителей, а некоторые блокируют отправку. Используйте адрес с https.
Личные данные в адресной строке
При method get пароли и номера карт попадают в адрес, логи сервера и историю. Используйте method post.
Нет кнопки отправки
Без кнопки отправки нажатие Enter может ничего не сделать. Добавьте кнопку с type submit.
Поля вне формы
Поля вне тега form не отправляются, если у них нет атрибута form, указывающего на нужную форму.
Вместо action скрипт
Если скрипт упадёт или будет заблокирован, ничего не отправится. Укажите в action настоящий адрес и дополняйте его JavaScript.
Почта как обычный текст
Используйте type email, тогда телефон покажет нужную клавиатуру, а опечатки поймаются до отправки.
Почта необязательна
Если вам нужно ответить, сделайте поле почты обязательным через required, чтобы пустые заявки не уходили.
Поле без подписи
Экранные дикторы ничего не прочитают, а placeholder исчезает при вводе. Добавьте label.
Автозаполнение выключено
Автозаполнение ускоряет ввод контактов и снижает число опечаток. Уберите autocomplete off у имени, почты и телефона.
Отправка в сторонний сервис
Для сервисов форм это нормально. Убедитесь, что сервис пересылает заявки в ящик, который кто-то читает.
Найдена ловушка для спама
Скрытое поле приманка ловит ботов и не мешает людям. Исправлять нечего.
Как пользоваться
Разберите форму
Вставьте HTML формы или адрес страницы. Каждое поле рисуется трубой, а каждая утечка отмечается там, где она возникает.
Устраните утечки
К каждой находке есть исправление в одну строку. Утечки теряют данные, капли отпугивают часть посетителей, заметки стоит просмотреть.
Проверьте адрес
Отправьте одну тестовую заявку на адрес из action. Form Leak пройдёт по каждому редиректу и скажет, дошли ли данные целыми.
Чего он не делает
- Не запускает скрипты страницы, поэтому для форм, которые появляются только после JavaScript, нужно вставить готовый HTML.
- Не видит, что происходит внутри почты или CRM. Доставленный тест доказывает, что адрес получил данные, но не то, что их кто-то прочитал.
- Адреса с капчей намеренно отклонят тест.
Вопросы
Тест придёт мне на почту?
Скорее всего да, в этом и смысл. Заявка называется Form Leak test и содержит короткий код, чтобы её было легко найти.
Почему редирект после отправки считается утечкой?
После 301, 302 или 303 браузер превращает POST в GET. Страница открывается, но данных формы уже нет. Используйте 307 или 308 либо делайте редирект только после сохранения.
Мой HTML сохраняется?
Нет. Вставленный HTML разбирается прямо в браузере. Загруженные страницы и тесты не хранятся.