Статическая страница может принимать заявки
HTML-форма собирает данные пользователя, но для отправки нужен обработчик. Он может находиться не на том же сервере, что и сайт. Это и позволяет сохранить frontend статическим.
Вариант 1. Сервис обработки форм
Специализированный сервис принимает POST-запрос и отправляет данные в email, webhook или другой канал. Это самый быстрый способ для небольшой формы.
Плюсы: минимум инфраструктуры. Минусы: зависимость от внешнего сервиса и его тарифов.
Карта решения
| № | Поисковая формулировка | Роль | Следующий шаг |
|---|---|---|---|
| 01 | форма на статическом сайте | информационный | Переход к релевантной услуге |
| 02 | отправка формы HTML | информационный | Переход к релевантной услуге |
| 03 | форма без backend | информационный | Переход к релевантной услуге |
| 04 | HTML форма на email | информационный | Переход к релевантной услуге |
| 05 | форма сайта API | информационный | Переход к релевантной услуге |
Вариант 2. Serverless-функция
Небольшая функция получает данные, проверяет их и передаёт дальше. Она может отправить уведомление в Telegram, письмо и запись в CRM.
Секретные ключи хранятся на стороне функции, а не в JavaScript браузера.
Вариант 3. CRM API
Форма может сразу создавать лид в CRM. Но часто безопаснее отправлять запрос через серверный слой, чтобы не раскрывать токены.
Что нужно проверить
Валидация обязательных полей, согласие на обработку данных, защита от спама, понятное состояние ошибки и успешной отправки. Нельзя просто скрывать кнопку после клика и считать заявку принятой.
Аналитика
Событие form_submit должно срабатывать после подтверждённого успешного ответа, а не при нажатии кнопки. Иначе Метрика и GA4 будут считать несуществующие заявки.
Полезно отдельно отслеживать начало заполнения и ошибки, если форма длинная.
UX формы
Чем меньше ненужных полей, тем проще отправить заявку. Для первого контакта часто достаточно имени, способа связи и краткого описания задачи. Остальную информацию можно собрать в диалоге.
Можно ли отправлять форму прямо на email?
Да, через обработчик или сервис. Браузер не должен самостоятельно хранить пароль от почты.
Нужна ли CAPTCHA?
Не всегда. Можно использовать honeypot, rate limiting и другие методы. При сильном спаме CAPTCHA может быть оправдана.
Можно ли прикреплять файлы?
Да, но нужен сервис или серверная функция, которая безопасно принимает и хранит файлы.
Вывод
Форма не требует полноценного backend приложения. Нужен только безопасный обработчик, который принимает данные и передаёт их в нужный бизнес-процесс.