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

Форма обратной связи о продукте

Категория, оценка и комментарий: доступный шаблон обратной связи с необязательным email и локальной проверкой.

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

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

Открыть HTML код формы
Предпросмотр формыHTML
Форма обратной связи о продукте
Выберите предмет отзыва.
Текстовые значения понятны без цвета и звёзд.
До 2000 символов. Не вводите личные данные и секреты.
Можно оставить пустым, если ответ не нужен.

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

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

Код формы

Разметка без зависимости от 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="category">О чём отзыв</label>
  <select id="category" name="category" required>
    <option value="">Выберите вариант</option>
    <option>Удобство</option>
    <option>Ошибка</option>
    <option>Пожелание</option>
  </select>

  <label for="rating">Как вы оцениваете опыт</label>
  <select id="rating" name="rating" required>
    <option value="">Выберите вариант</option>
    <option>1 — Очень неудобно</option>
    <option>2 — Неудобно</option>
    <option>3 — Приемлемо</option>
    <option>4 — Удобно</option>
    <option>5 — Очень удобно</option>
  </select>

  <label for="message">Что можно улучшить</label>
  <textarea id="message" name="message" required maxlength="2000"></textarea>

  <label for="email">Email, если нужен ответ</label>
  <input type="email" id="email" name="email">

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

Feedback помогает понять опыт использования. Оценка без комментария редко объясняет причину, поэтому рядом полезно оставить открытый вопрос.

Доступная оценка

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

Необязательный контакт

Человек может оставить отзыв без ответа. Не объявляйте его анонимным только потому, что email необязателен: это зависит от всей обработки запроса и логов вашего сервера.

Проверка

Пройдите шкалу клавиатурой, оставьте email пустым, затем введите неверный адрес. Пустой контакт допустим, неправильный заполненный — требует исправления. После проверки полей настройте сохранение и анализ обратной связи.

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

ПолеИмя в запросеПравило
О чём отзывcategoryОбязательное. Выберите предмет отзыва.
Как вы оцениваете опытratingОбязательное. Текстовые значения понятны без цвета и звёзд.
Что можно улучшитьmessageОбязательное. До 2000 символов. Не вводите личные данные и секреты.
Email, если нужен ответemailНеобязательное. Можно оставить пустым, если ответ не нужен.
От разметки к результату

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

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

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

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

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