HTML · 4 полей · без аккаунта

Форма обратного звонка

Шаблон заявки на звонок: телефон, удобное время и краткая тема. Type tel без жёсткой маски и локальный preview.

Обновлено
С чего начать

Посмотрите поля и скопируйте HTML. Замените YOUR_ACCESS_KEY ключом из кабинета и вставьте код на сайт: общий адрес отправки уже указан.

Открыть HTML код формы
Предпросмотр формыHTML
Форма обратного звонка
Укажите, как к вам обращаться.
Укажите номер с кодом страны. Формат tel не проверяет существование номера.
Это предпочтение, а не обещание времени звонка.
Коротко опишите вопрос без личных данных.

Поля со звёздочкой обязательны.

Копируйте и адаптируйте

Код формы

Разметка без зависимости от framework. Замените YOUR_ACCESS_KEY ключом из кабинета. Адрес отправки общий для всех форм.

form.html
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="name">Как к вам обращаться</label>
  <input type="text" id="name" name="name" required>

  <label for="phone">Телефон для звонка</label>
  <input type="tel" id="phone" name="phone" required>

  <label for="time">Удобное время</label>
  <select id="time" name="time" required>
    <option value="">Выберите вариант</option>
    <option>Утром</option>
    <option>Днём</option>
    <option>Вечером</option>
  </select>

  <label for="topic">О чём поговорим</label>
  <textarea id="topic" name="topic" maxlength="2000"></textarea>

  <button type="submit">Отправить</button>
</form>

Обратный звонок нужен, когда разговор полезнее переписки. Главное поле — телефон, а удобное время помогает не звонить невовремя.

Проверка телефона

Type tel показывает подходящую клавиатуру, но сам по себе не проверяет номер. Жёсткая маска одной страны может мешать людям с другим форматом. Определите поддерживаемые регионы и нормализацию отдельно на принимающей стороне.

Время связи

Для распределённой аудитории уточните часовой пояс в собственном интерфейсе. «Вечером» без контекста неоднозначно. Не обещайте точный звонок по одному заполнению поля.

Приёмка

Проверьте пустой телефон, длинное значение и выбор времени с клавиатуры. Проверьте обязательность телефона и настройте серверные правила для endpoint формы.

Поля и ограничения

ПолеИмя в запросеПравило
Как к вам обращатьсяnameОбязательное. Укажите, как к вам обращаться.
Телефон для звонкаphoneОбязательное. Укажите номер с кодом страны. Формат tel не проверяет существование номера.
Удобное времяtimeОбязательное. Это предпочтение, а не обещание времени звонка.
О чём поговоримtopicНеобязательное. Коротко опишите вопрос без личных данных.
От разметки к результату

С чем разобраться дальше

Начните с формы

Ваш сайт уже есть.
Подключим форму.

Откройте личный кабинет, затем передайте агенту промпт подключения.

Подключить форму