Сайт с формой отличается от обычной страницы одним: посетитель может оставить заявку, а вы её получите. Форма это набор полей (имя, телефон, сообщение) плюс кнопка отправки и адрес, куда уходят данные: почта, Telegram, таблица или CRM. Ниже два рабочих пути: собрать форму в готовом конструкторе за 15 минут или сделать её на своём сайте с помощью ИИ. Плюс главное, о чём забывают, куда придёт заявка и как отсечь спам.
Что такое форма на сайте и куда уходят заявки
Сама форма ничего не хранит. Когда посетитель нажимает «Отправить», данные надо куда-то доставить. От выбора этого адреса зависит, увидите вы заявку или потеряете. Основные варианты:
- На электронную почту, письмо с содержимым формы. Просто, но легко пропустить среди рассылок.
- В Telegram, уведомление боту или в чат приходит за секунды, удобно отвечать с телефона.
- В таблицу (Google Таблицы, Excel), каждая заявка новой строкой, удобно для базы клиентов.
- В CRM, если ведёте продажи, заявка сразу становится сделкой.
Можно сочетать: и письмо на почту, и уведомление в Telegram. Тогда заявка точно не потеряется. Если вы только выбираете, на чём вообще собирать сайт, посмотрите разбор способов сделать сайт с нуля, а тут сосредоточимся именно на форме.
Способ 1: форма в конструкторе за 15 минут
Самый быстрый путь, взять готовый сервис форм. Вы собираете поля мышкой, а сервис сам принимает и хранит ответы, шлёт уведомления и защищает от части спама. Программировать не нужно.
- Выберите сервис. Яндекс Формы и Google Формы бесплатны и присылают ответы на почту, ответы копятся в таблице.
- Соберите поля: имя, контакт (телефон или email), сообщение. Лишние поля убирайте, каждое снижает число заявок.
- Настройте уведомления: письмо на вашу почту при каждом ответе. В Telegram ответы можно завести через сервисы-коннекторы без кода, например Albato.
- Опубликуйте форму отдельной ссылкой или встройте на страницу кодом-вставкой (iframe), который сервис выдаёт сам.
- Проверьте: отправьте тестовую заявку и убедитесь, что она дошла на почту и в Telegram.
Если бесплатных полей мало, есть более гибкие сервисы. Tally на бесплатном тарифе даёт неограниченное число форм и ответов, условную логику и больше 100 интеграций (Google Таблицы, Notion, Slack) без оплаты. Formspree удобен, когда форма уже свёрстана и нужен только приёмник: бесплатно 50 заявок в месяц и встроенная защита honeypot от ботов. У конструкторов вроде Тильды формы встроены в редактор, но отправка в Telegram и таблицы обычно на платных тарифах, проверяйте это до сборки.
Теория понятна, дальше нужен ваш сайт, а не пример из статьи. На бесплатном вебинаре страницу собирают с нуля и сразу публикуют в интернете.
Собрать свой сайтСпособ 2: форма на своём сайте через ИИ
Если у вас свой сайт (свёрстанный или собранный вайбкодингом), форму можно встроить прямо в код. ИИ-ассистент напишет и разметку, и обработчик, вам достаточно описать задачу словами.
- Опишите ИИ, что нужно: «Сделай на странице форму с полями Имя, Телефон, Сообщение и кнопкой Отправить. При отправке проверяй, что поля заполнены».
- Уточните, куда слать заявки. Для Telegram нужен свой бот: создаёте его у @BotFather и получаете токен, ИИ подставит вызов метода отправки сообщения.
- Попросите добавить проверку полей и сообщение «Спасибо, заявка отправлена» после успешной отправки.
- Проверьте форму на телефоне и на компьютере, поля должны быть удобными, кнопка крупной.
Один важный момент безопасности. Заявки в Telegram отправляет Bot API запросом на адрес вида api.telegram.org/bot<токен>/sendMessage. Если этот запрос делать прямо из кода страницы в браузере, токен бота увидит любой посетитель и сможет им управлять. Поэтому токен держат на стороне сервера: в облачной функции (Cloudflare Workers, Vercel) или через сервис-приёмник форм. Попросите ИИ сделать именно так, а не «в лоб» из браузера. Как завести и настроить бота-приёмник, подробно разобрано в статье про создание бота в Telegram.
Сначала настройте доставку заявки и отправьте себе три тестовых, только потом запускайте рекламу на страницу. Форма, которая молча теряет заявки, обходится дороже, чем её отсутствие.
Самое долгое в своём сайте это первый запуск: страницы, домен, публикация. На бесплатном вебинаре по вайбкодингу весь путь проходят вживую, от идеи, описанной словами, до работающего адреса. Опыт в программировании не нужен.
Пройти путь до сайтаВалидация и защита от спама
Как только на форму пойдёт трафик, придут и боты. Пара простых мер убирает большую часть мусора и заодно повышает качество заявок:
- Обязательные поля и проверка формата: телефон из цифр, email с «собакой». Так вы отсекаете пустые и ошибочные отправки.
- Honeypot, скрытое поле-ловушка. Человек его не видит и не заполняет, а бот заполняет и попадает в отсев. Есть в Formspree на всех тарифах.
- Капча (reCAPTCHA или похожая), когда спама много. В Formspree она на платных тарифах, у конструкторов часто встроена.
- Лимит частоты, не давать отправлять одну форму десятки раз подряд с одного устройства.
Не перегружайте форму защитой без нужды: сложная капча на каждом шаге отпугивает живых людей сильнее, чем помогает от ботов. Начните с обязательных полей и honeypot, капчу добавляйте, только если спам реально пошёл.
Частые вопросы
Можно ли сделать сайт с формой бесплатно?
Да. Яндекс Формы и Google Формы бесплатны и присылают ответы на почту. Tally бесплатно даёт неограниченные формы и ответы. Если хотите форму на собственной странице, её код тоже можно написать с ИИ бесплатно, платить придётся разве что за хостинг сайта.
Как сделать, чтобы заявки приходили в Telegram?
Нужен свой бот (создаётся у @BotFather за минуту) и его токен. В конструкторах форм Telegram подключают через коннекторы вроде Albato без кода, на своём сайте, вызовом Bot API с сервера. Ключевое: токен не должен попадать в код страницы в браузере.
Форма или онлайн-чат, что выбрать?
Форма ловит заявки, когда вас нет онлайн, и хорошо подходит для заказов и обратной связи. Чат нужен, если готовы отвечать быстро и вживую. Их часто ставят вместе: разбор чата на сайте есть в отдельной статье. Если форма нужна для приёма оплаты за товар, смотрите как сделать сайт оплаты.
Сколько полей делать в форме заявки?
Минимум, который реально нужен для ответа. Обычно хватает имени и одного контакта. Каждое лишнее поле снижает число заполнений, длинные анкеты оставьте для случаев, когда без данных не обойтись.
На бесплатном воркшопе «Сайты с ИИ» показываем, как собрать сайт с рабочей формой заявок и довести его до первых клиентов, по шагам и без кода.
Занять место