Сайты с ИИ2026-07-247 минНатали Анарбаева

Как сделать сайт с формой заявки в 2026: куда уходят заявки

Как сделать сайт с формой заявки в 2026: куда уходят заявки

Сайт с формой отличается от обычной страницы одним: посетитель может оставить заявку, а вы её получите. Форма это набор полей (имя, телефон, сообщение) плюс кнопка отправки и адрес, куда уходят данные: почта, Telegram, таблица или CRM. Ниже два рабочих пути: собрать форму в готовом конструкторе за 15 минут или сделать её на своём сайте с помощью ИИ. Плюс главное, о чём забывают, куда придёт заявка и как отсечь спам.

Что такое форма на сайте и куда уходят заявки

Сама форма ничего не хранит. Когда посетитель нажимает «Отправить», данные надо куда-то доставить. От выбора этого адреса зависит, увидите вы заявку или потеряете. Основные варианты:

  • На электронную почту, письмо с содержимым формы. Просто, но легко пропустить среди рассылок.
  • В Telegram, уведомление боту или в чат приходит за секунды, удобно отвечать с телефона.
  • В таблицу (Google Таблицы, Excel), каждая заявка новой строкой, удобно для базы клиентов.
  • В CRM, если ведёте продажи, заявка сразу становится сделкой.

Можно сочетать: и письмо на почту, и уведомление в Telegram. Тогда заявка точно не потеряется. Если вы только выбираете, на чём вообще собирать сайт, посмотрите разбор способов сделать сайт с нуля, а тут сосредоточимся именно на форме.

Способ 1: форма в конструкторе за 15 минут

Самый быстрый путь, взять готовый сервис форм. Вы собираете поля мышкой, а сервис сам принимает и хранит ответы, шлёт уведомления и защищает от части спама. Программировать не нужно.

  1. Выберите сервис. Яндекс Формы и Google Формы бесплатны и присылают ответы на почту, ответы копятся в таблице.
  2. Соберите поля: имя, контакт (телефон или email), сообщение. Лишние поля убирайте, каждое снижает число заявок.
  3. Настройте уведомления: письмо на вашу почту при каждом ответе. В Telegram ответы можно завести через сервисы-коннекторы без кода, например Albato.
  4. Опубликуйте форму отдельной ссылкой или встройте на страницу кодом-вставкой (iframe), который сервис выдаёт сам.
  5. Проверьте: отправьте тестовую заявку и убедитесь, что она дошла на почту и в Telegram.

Если бесплатных полей мало, есть более гибкие сервисы. Tally на бесплатном тарифе даёт неограниченное число форм и ответов, условную логику и больше 100 интеграций (Google Таблицы, Notion, Slack) без оплаты. Formspree удобен, когда форма уже свёрстана и нужен только приёмник: бесплатно 50 заявок в месяц и встроенная защита honeypot от ботов. У конструкторов вроде Тильды формы встроены в редактор, но отправка в Telegram и таблицы обычно на платных тарифах, проверяйте это до сборки.

Теория понятна, дальше нужен ваш сайт, а не пример из статьи. На бесплатном вебинаре страницу собирают с нуля и сразу публикуют в интернете.

Собрать свой сайт

Способ 2: форма на своём сайте через ИИ

Если у вас свой сайт (свёрстанный или собранный вайбкодингом), форму можно встроить прямо в код. ИИ-ассистент напишет и разметку, и обработчик, вам достаточно описать задачу словами.

  1. Опишите ИИ, что нужно: «Сделай на странице форму с полями Имя, Телефон, Сообщение и кнопкой Отправить. При отправке проверяй, что поля заполнены».
  2. Уточните, куда слать заявки. Для Telegram нужен свой бот: создаёте его у @BotFather и получаете токен, ИИ подставит вызов метода отправки сообщения.
  3. Попросите добавить проверку полей и сообщение «Спасибо, заявка отправлена» после успешной отправки.
  4. Проверьте форму на телефоне и на компьютере, поля должны быть удобными, кнопка крупной.

Один важный момент безопасности. Заявки в 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 с сервера. Ключевое: токен не должен попадать в код страницы в браузере.

Форма или онлайн-чат, что выбрать?

Форма ловит заявки, когда вас нет онлайн, и хорошо подходит для заказов и обратной связи. Чат нужен, если готовы отвечать быстро и вживую. Их часто ставят вместе: разбор чата на сайте есть в отдельной статье. Если форма нужна для приёма оплаты за товар, смотрите как сделать сайт оплаты.

Сколько полей делать в форме заявки?

Минимум, который реально нужен для ответа. Обычно хватает имени и одного контакта. Каждое лишнее поле снижает число заполнений, длинные анкеты оставьте для случаев, когда без данных не обойтись.

На бесплатном воркшопе «Сайты с ИИ» показываем, как собрать сайт с рабочей формой заявок и довести его до первых клиентов, по шагам и без кода.

Занять место
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Первый проект с ИИ: живой разбор, бесплатно Занять место