Форма обратной связи для HTML-сайта

Подключите контактную форму статического сайта к Site-Inbox через JavaScript: без PHP и сервера, заявки с UTM приходят в панель и Telegram.

Бесплатно для 1 сайта · Без банковской карты

Ваши сайтыДемонстрационные данные
Лиды24
Оплаты12
Комментарии8
А
Анна · Заявка на консультациюsova-studio.example · Форма обратной связи
Новый
₽
Оплата заказа #1042luna-shop.example · 4 900 ₽
Успешно
Обращение сохранено. Уведомление доставлено в Telegram.

Статическому сайту для формы обратной связи обычно нужен серверный скрипт. С Site-Inbox достаточно подключить один JS-файл и добавить форме атрибут — данные уходят напрямую в API, токен бота не хранится в коде страницы.

Скрипт добавляет к заявке адрес страницы, referrer и UTM-метки визита, защищает от двойной отправки и не стирает введённые данные при ошибке сети.

Как подключить

Шаг 1

Создайте сайт и получите Site Token.

Шаг 2

Подключите leadhub.js с адреса API.

Шаг 3

Добавьте форме data-leadhub="lead" и data-token.

Шаг 4

Используйте name, email, phone и message или передавайте кастомные поля.

Атрибут data-success-msg задаёт текст после отправки, data-redirect — страницу благодарности.

Пример формы
<form data-leadhub="lead" data-token="ВАШ_SITE_TOKEN">
  <input name="name" placeholder="Имя">
  <input name="phone" placeholder="Телефон">
  <textarea name="message"></textarea>
  <button type="submit">Отправить</button>
</form>
<script src="https://api.site-inbox.ru/public/leadhub.js" defer></script>

Частые вопросы

Безопасно ли размещать Site Token на странице?

Да. Site Token позволяет только отправлять заявки этого сайта и не даёт читать данные. Управляющие ключи хранятся отдельно.

Работает ли на GitHub Pages и других статических хостингах?

Да, серверная часть не нужна.

Смотрите также

Следующий шаг

Начните с одного сайта на бесплатном тарифе. В демо доступны вымышленные данные без регистрации.