Как сделать форму обратной связи на сайте
Кратко
Форму обратной связи делают тремя способами: пишут код с нуля, собирают в конструкторе сайта или подключают готовый виджет, который сразу связывает форму с системой обращений. Технически сложность отличается сильно, но правило одно и то же в любом случае: сообщение с формы должно попадать туда, где у него будет ответственный и срок ответа, а не в общий почтовый ящик, который открывают раз в день.
Актуально на 23 сентября 2026 года.
Эта статья — про то, как физически сделать форму. Что выбрать между формой, чатом и виджетом поддержки, разобрано отдельно: Форма обратной связи или чат на сайте: что выбрать.
Какие поля должны быть в форме
| Поле | Обязательность | Зачем нужно |
|---|---|---|
| Имя | Да | Обращение к человеку в ответе |
| Способ связи (email или телефон) | Да | Без него ответить невозможно |
| Сообщение | Да | Суть обращения |
| Компания | Для B2B | История обращений компании, а не отдельного человека |
| Вложение | Нет | Скриншот или документ ускоряет разбор без переписки «пришлите ещё раз» |
| Согласие на обработку данных | Да | Юридическая обязанность при сборе персональных данных |
Держите форму короткой: каждое дополнительное обязательное поле снижает долю людей, которые её всё-таки отправят. Список выше — практический минимум. Готовые формулировки под конкретные поля можно взять из статьи Вопросы для обратной связи от клиента.
Три способа сделать форму
| Способ | Что нужно | Куда попадают сообщения | Когда уместно |
|---|---|---|---|
| Код с нуля (HTML + обработчик на сервере) | Разработчик | Туда, куда написан обработчик — обычно почта или своя база | Есть штат разработки и особые требования к форме |
| Конструктор сайта (Tilda и подобные) | Готовый блок конструктора | Чаще всего на почту, иногда в таблицу | Сайт уже сделан в конструкторе, нужна простая форма |
| Виджет системы обращений | Код для вставки, выдаётся системой | Сразу в очередь заявок с ответственным | Обращения нужно вести и не терять, а не просто получать письма |
Первые два способа дают форму, но не решают вопрос «а что дальше с этим сообщением» — это отдельная задача, которую придётся построить самостоятельно. Третий способ решает оба вопроса сразу, поэтому для службы поддержки он обычно быстрее в итоге, даже если кажется, что «просто форма» проще.
Если форму верстает разработчик вручную, из каких элементов она состоит и что должен делать обработчик, — в статье Форма обратной связи на HTML: из чего состоит и куда отправлять.
Как сделать форму на конструкторе или через виджет: по шагам
| Шаг | Что сделать |
|---|---|
| 1 | Определите набор полей по таблице выше — не больше необходимого |
| 2 | Настройте, куда должны попадать сообщения: единая очередь, а не личная почта сотрудника |
| 3 | Получите код формы или виджета для вставки на сайт |
| 4 | Вставьте код на нужную страницу — обычно «Контакты», страница помощи или каждая страница сайта |
| 5 | Настройте текст после отправки: клиент должен увидеть, что сообщение принято и когда ждать ответа |
| 6 | Ограничьте отправку по доменам, если система это поддерживает — форма не должна принимать сообщения с чужих сайтов |
Шаг 2 — главный. Форма, которая красиво выглядит, но отправляет письма на личную почту сотрудника, который в отпуске, работает хуже отсутствия формы: клиент думает, что его услышали.
Как проверить, что форма работает
Заполните форму сами под тестовым именем и пройдите весь путь: сообщение дошло, у него есть ответственный, вы смогли на него ответить, и ответ дошёл клиенту обратно тем каналом, который он указал. Проверяйте это не один раз при запуске, а раз в несколько месяцев — домены, интеграции и настройки почты со временем меняются, и форма может молча перестать доставлять сообщения.
Частые ошибки
Слишком много обязательных полей. Должность, отдел, предпочтительное время звонка — каждое лишнее поле отсеивает часть посетителей, которые не станут её заполнять.
Сообщения уходят в общий почтовый ящик без ответственного. Такой ящик открывают нерегулярно, и часть обращений теряется физически — их никто не видел.
Нет подтверждения после отправки. Человек, не увидевший ответа сайта, отправляет форму повторно или уходит без уверенности, что его услышали.
Форма спрятана на неочевидной странице. Если форма есть только в подвале сайта мелким шрифтом, ей не пользуются — размещайте её там, где у человека реально возникает вопрос: страница с ошибкой оплаты, раздел помощи, страница конкретного тарифа.
Частые вопросы
Как добавить форму обратной связи на сайт, сделанный в конструкторе?
Большинство конструкторов допускают вставку HTML-блока или готового кода виджета. Проверьте у своего конструктора наличие блока «встроенный код» или «HTML-виджет» — туда и вставляется код формы или виджета.
Какой код нужен для формы обратной связи?
Если форма делается через виджет, код — это короткий скрипт для вставки перед закрывающим тегом страницы; система сама выдаёт его после настройки формы. Если форма пишется с нуля, код — это HTML-разметка полей плюс обработчик на сервере, который принимает данные и решает, куда их отправить.
Можно ли сделать настраиваемую форму обратной связи с разными полями для разных страниц?
Да, если создавать несколько форм или виджетов с собственным набором полей — например, отдельная форма для вопросов по оплате и отдельная для технических вопросов, каждая со своей категорией в очереди обращений.
Что должно происходить после отправки формы обратной связи?
Клиент должен увидеть подтверждение и, желательно, номер обращения или срок ответа. Дальше сообщение должно попасть в очередь с ответственным — без этого шага форма технически работает, но обращение может остаться без ответа. Отдельный вопрос — согласие на обработку введённых данных, разобранный в статье Персональные данные в форме обратной связи.
Как это устроено в TehProf.kz Support
В TehProf.kz Support форма делается как виджет одного из трёх типов: плавающая кнопка в углу сайта на всех страницах, собственная кнопка заказчика, которая по клику открывает окно поддержки, или форма, встроенная прямо в содержимое страницы (тип Inline) — именно последний вариант и есть классическая «форма обратной связи на сайте». При создании виджета указывается список доменов, где он работает, и система выдаёт код для вставки на страницу. Посетитель заполняет имя, email, при необходимости телефон и сообщение — без регистрации; отправка сразу становится заявкой с источником «Виджет на сайте» и попадает в общую очередь наравне с обращениями из почты и мессенджеров. Число виджетов, доступных компании, зависит от тарифа.
Связанные статьи
- Форма обратной связи или чат на сайте: что выбрать
- Как собирать обратную связь от клиентов
- Форма обратной связи: готовый образец полей
- Форма обратной связи не отправляется: что проверить
- Форма или онлайн-консультант: что выбрать для сайта
Нужна поддержка, которая так и работает?
TehProf.kz Support собирает обращения из WhatsApp, Telegram, почты и виджета в одну очередь, считает сроки по SLA и показывает, где служба проседает.