Что такое Конструктор форм обратной связи?

Создавайте формы обратной связи с несколькими типами полей: текстовые поля, рейтинги, выпадающие списки, чекбоксы и ползунки. Перетаскивайте для изменения порядка полей, редактируйте метки прямо на месте, затем экспортируйте в HTML или скачайте JSON-схему.

В конструкторе одиннадцать типов полей ввода: однострочный текст, многострочный textarea, email, число, выбор даты, да/нет, оценка 1-5 звёзд, выпадающий список, группа чекбоксов, числовой ползунок и отдельная шкала NPS (0-10) с подписями на концах, плюс блоки-заголовки разделов для группировки вопросов и блок «Описание формы» для вступления. Дублируйте любое поле одним кликом, помечайте его обязательным и добавляйте условные правила, чтобы поле появлялось, только когда ответ в предыдущем списке или да/нет совпадает. Правая панель показывает интерактивный превью, который можно заполнить и проверить, как форма поведёт себя в реальности (ничего не сохраняется), а экспорт выгружается отдельным HTML (с небольшим скриптом, отвечающим за условную логику) или JSON-схемой, совместимой с react-hook-form, Tally и подобными библиотеками.

Как использовать

1. Нажмите «Добавить поле» для вставки элементов формы — текст, текстовое поле, email, число, дата, да/нет, рейтинг-звёзды, выпадающий список, группа чекбоксов, ползунок шкалы или отдельная шкала NPS 0-10.
2. Перетаскивайте поля для изменения порядка, дублируйте поле, чтобы повторно использовать его настройки, редактируйте метки и подсказки прямо в форме, помечайте поля как обязательные или необязательные.
3. Заполните живой предпросмотр справа, чтобы проверить реальную работу формы, затем экспортируйте как HTML-код или скачайте JSON-схему для интеграции.

Когда использовать

• Опрос NPS после покупки для интернет-магазина без оплаты Typeform.
• Черновик формы обратной связи по найму перед передачей разработчикам.
• Быстрые анкеты обратной связи после воркшопов, тренингов и митапов.

Результат

Продакт-менеджер создаёт NPS-опрос из 5 вопросов со шкалой от 0 до 10, двумя полями свободного ответа и выпадающим списком для роли пользователя — затем экспортирует HTML для встраивания в приложение.

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

Куда уходят данные, когда кто-то отправляет форму?

По умолчанию никуда — инструмент только генерирует HTML и JSON-схему. Чтобы собирать ответы, пропишите атрибут action на свой эндпоинт, на сервис вроде Formspree или скормите JSON-схему любимой форм-библиотеке.

Можно ли переупорядочить поля после их создания?

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

Чем отличаются Rating, Scale и числовой выпадающий список?

Rating — это 1-5 звёзд, удобны для отзывов о продукте. Scale — ползунок с настраиваемыми минимумом и максимумом. Для классических опросов лояльности выбирайте отдельное поле NPS — фиксированный ряд от 0 до 10 с редактируемыми подписями на концах (Совсем не готов / Очень готов). Числовой dropdown заставляет выбрать дискретное значение без визуального ориентира и ощущается холоднее остальных.

Как добавить варианты в выпадающий список или группу чекбоксов?

Откройте поле и нажимайте кнопку + рядом с Options, добавляя сколько нужно. Каждый вариант редактируется на месте, кнопка X его удаляет. Так же работают поля типа radio.

Будет ли экспортированный HTML работать в WordPress, Shopify и других CMS?

Будет. Это обычный семантический HTML без зависимостей от JavaScript-фреймворков. Вставьте его в блок Custom HTML в WordPress, в Liquid-шаблон Shopify или в любой rich-text-редактор, поддерживающий сырой HTML.

Похожие инструменты