К содержимому

Как сделать, чтобы заявки с сайта приходили на почту и в Telegram

4 ноября 2026 г. · 6 мин чтения

Уютный маникюрный стол с телефоном
Заявка с сайта должна дойти до мастера, а не потеряться по дороге.

Форма «Оставьте номер — перезвоню» приносит заявки от тех, кто не готов звонить сразу: человек выбирает услугу вечером, а связаться хочет завтра. Но у простого сайта есть особенность, о которой знают не все: сама по себе форма заявки никуда не отправляет. Разберёмся, почему так, и как сделать, чтобы заявки приходили вам на почту, а уведомления о них — на телефон.

Почему форма на сайте сама не отправляет заявки

Одностраничный сайт, который собирает Usluga.by, — статичный: это файлы HTML, CSS и JavaScript без своего сервера и базы данных. Такой сайт быстрый, дешёвый в размещении и почти не ломается. Но принять заявку и переслать её на почту — работа сервера, а сервера у статичного сайта нет.

Поэтому форма в готовом сайте делает всё, что можно сделать без сервера: проверяет, что имя заполнено, телефон похож на белорусский номер, а галочка согласия на обработку персональных данных стоит. Потом она показывает посетителю сообщение «Заявка отправлена». А чтобы заявка действительно уходила к вам, форму нужно подключить к сервису приёма заявок.

Вариант 1. Обойтись без формы

Если заявок немного, а клиенты охотно пишут в мессенджеры, форма может быть и не нужна. На сайте уже есть кнопка звонка, ссылки на Viber и Telegram — для многих мастеров этого достаточно. Человек нажимает кнопку и сразу попадает в переписку с вами, без промежуточных шагов.

Минус один: часть посетителей не любит звонить и писать первыми. Для них форма удобнее — оставил номер и ждёшь звонка.

Вариант 2. Подключить сервис приёма заявок

Есть сервисы, которые принимают данные формы и пересылают их письмом на вашу почту. Они рассчитаны как раз на статичные сайты: регистрация занимает пару минут, у многих есть бесплатный тариф с ограничением числа заявок в месяц — небольшому делу его обычно хватает. Примеры таких сервисов — Web3Forms, Formspree, Getform. Условия и лимиты меняются, поэтому перед выбором проверьте их на сайте сервиса.

Дальше — пример на Web3Forms. У других сервисов шаги похожие: получить ключ или адрес, добавить его в форму и отправлять данные туда.

Ноутбук и смартфон с уведомлением на рабочем столе
Заявка приходит письмом на почту, а уведомление о нём — на телефон

Шаг 1. Получите ключ

На сайте сервиса укажите почту, на которую должны приходить заявки. В ответ придёт письмо с ключом доступа — длинной строкой из букв и цифр. Ключ привязан к вашей почте: заявки будут приходить только на неё.

Шаг 2. Добавьте ключ в форму

Откройте файл index.html в любом текстовом редакторе (подойдёт даже «Блокнот») и найдите форму — строку, которая начинается с <form. Сразу после неё добавьте скрытое поле с ключом:

<input type="hidden" name="access_key" value="ВАШ-КЛЮЧ">
<input type="hidden" name="subject" value="Новая заявка с сайта">

Проверьте, что у полей формы есть атрибут name — например, name="name" у имени и name="phone" у телефона. Именно по этим названиям поля попадут в письмо. Если атрибута нет — допишите его.

Шаг 3. Отправляйте заявку после проверки

Откройте script.js и найдите место, где форма показывает сообщение об успешной отправке — поиском по тексту этого сообщения, например «Заявка отправлена». Перед этой строкой проверка уже пройдена, поэтому именно здесь нужно отправить данные. Замените показ сообщения на отправку:

var data = JSON.stringify(Object.fromEntries(new FormData(form)));
fetch('https://api.web3forms.com/submit', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
  body: data
}).then(function (r) {
  statusEl.textContent = r.ok
    ? 'Заявка отправлена. Перезвоню в течение часа.'
    : 'Не получилось отправить — позвоните или напишите в Telegram.';
}).catch(function () {
  statusEl.textContent = 'Нет связи — позвоните или напишите в Telegram.';
});

Названия form и statusEl в вашем файле могут быть другими — возьмите те, что используются в этом же месте кода. Не забудьте сообщение на случай ошибки: если заявка не ушла, посетитель должен узнать об этом и получить другой способ связи.

Шаг 4. Проверьте

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

Учтите: в превью в личном кабинете Usluga.by форма заявки не отправит данные даже после этих правок — превью работает в закрытом режиме без сетевых запросов. Проверять нужно на сайте, размещённом на хостинге. Как его разместить — в статье про хостинг и домен.

А как же Telegram?

Хочется, чтобы заявки приходили прямо в Telegram, — это понятно: почту проверяют реже. Есть несколько путей.

  • Уведомления почты. Самый простой: включите уведомления почтового приложения на телефоне для писем от сервиса заявок. Можно завести для заявок отдельный ящик — тогда каждое уведомление будет означать новую заявку.
  • Сервисы автоматизации. Некоторые сервисы заявок умеют передавать данные дальше по вебхуку, а сервисы автоматизации — например, Make или n8n — пересылают их в Telegram-бота. Это работает, но настройка сложнее и часто требует платного тарифа.
  • Кнопка Telegram вместо формы. Если клиенты и так пишут в мессенджер, кнопка «Написать в Telegram» на видном месте даст тот же результат без настройки.

Одного делать не стоит: вписывать токен своего Telegram-бота прямо в script.js. Файлы сайта может открыть любой посетитель, и токен окажется у посторонних.

Не забудьте о персональных данных

Имя и телефон из формы — персональные данные, их обработку в Беларуси регулирует Закон № 99-З. Галочка согласия в форме уже есть; когда вы подключаете сервис приёма заявок, данные проходят и через него. Укажите это в своей политике обработки персональных данных: какой сервис получает заявки и зачем. Если сервис находится за пределами Беларуси, это трансграничная передача — по таким вопросам лучше посоветоваться с юристом.

Коротко

  • Форма статичного сайта сама заявки не пересылает — нужен сервис приёма заявок.
  • Подключение — ключ в скрытом поле формы и отправка данных в script.js после проверки.
  • Проверяйте на сайте, размещённом на хостинге, а не в превью.
  • Для Telegram проще всего — уведомления почты или кнопка мессенджера на видном месте.

Сайта пока нет? В Usluga.by одностраничный сайт с формой заявки, кнопками звонка, Viber и Telegram собирается из разговора с помощником за 10–15 минут, базовый тариф — бесплатный.