Создать форму обратной связи онлайн

Гайд4 минуты чтенияОбновлено · Команда Тестографа

Создать форму обратной связи онлайн можно за несколько минут: выбрать поля, разместить форму на сайте и получать каждое новое сообщение на почту. Разбираем, как это сделать в конструкторе форм Тестографа.

Коротко

  1. Что можно создать: форму обратной связи, контактную форму, форму заказа или форму регистрации.
  2. Какие поля: имя, e-mail, телефон, тема, текст сообщения и загрузка файлов.
  3. Как разместить: код для встраивания на сайт, виджет или ссылка с QR-кодом.
  4. Как получать ответы: e-mail уведомление о каждом новом ответе или сводка за период.

Форма обратной связи онлайн: какие формы можно создать

Используя конструктор форм Testograf, вы можете создать форму обратной связи онлайн. Будь то форма обратной связи, контактная форма или форма заказа, просто выберите необходимые типы полей.

Форма обратной связи

Вопросы, отзывы и предложения посетителей сайта с темой и текстом сообщения.

Форма заказа

Выбор товара или услуги, количество, контакты для связи и комментарий к заказу.

Форма регистрации

Запись на мероприятие, вебинар или консультацию с согласием на обработку данных.

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

Форма в Тестографе собирается так же, как опрос: в редакторе с вкладками «Создание», «Логика», «Настройка» и «Дизайн».

Выберите типы полей

На вкладке «Создание» добавьте поля формы: контакты, тему, текст сообщения. Для обязательных полей включите «Обязательный вопрос».

Типы полей и вопросов в конструкторе форм Тестографа
Типы вопросов, из которых собирается форма обратной связи

Добавьте загрузку файлов

Среди типов полей есть тип «Загрузка файла», позволяющий отвечающим загрузить в форму один или несколько файлов.

Разместите форму на сайте

После создания формы скопируйте html-код формы и вставьте его на свой сайт.

Настройте уведомления

Настройте частоту e-mail уведомлений, чтобы не пропускать новые сообщения.

Какие поля добавить в форму обратной связи

Каждому полю формы соответствует свой тип вопроса в конструкторе.

Поле формыТип вопроса в Тестографе
ИмяКонтакты → Имя
E-mail и телефонКонтакты → E-mail, Телефон
Тема сообщенияВыбор одного или выпадающий список
Текст сообщенияСвободный ответ → Длинный текст (до 65 000 символов)
ВложенияЗагрузка файла: от 1 до 5 файлов до 200 МБ, можно ограничить расширения
Согласие на обработку данныхГалочка согласия

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

Способы размещения находятся на вкладке «Сбор ответов» страницы опроса.

  • Встраивание — html-код формы, который вставляется в страницу сайта.
  • Виджет — форма открывается в углу страницы по иконке или плашке. Подробнее — в статье «Виджет для сайта».
  • Всплывающее окно — по таймеру или по клику.
  • Ссылка и QR-код — чтобы отправить форму в письме, мессенджере или разместить на печатных материалах.

Код встраивания состоит из блока div и подключения скрипта embed.js. Вставьте его в HTML-код страницы в том месте, где должна появиться форма, — например, на странице «Контакты» под адресом и телефоном.

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

E-mail уведомления о новых ответах

Частота уведомлений задаётся на вкладке «Уведомления»: о каждом ответе или сводкой раз в день, 3, 7, 14 дней или месяц. Самым удобным вариантом e-mail уведомлений для формы обратной связи является уведомление о каждом новом ответе: в письмо попадает полный текст ответа.

Вкладка «Уведомления» опроса: e-mail о каждом ответе или раз в день, 3, 7, 14 дней, месяц; веб-хуки сразу по каждому ответу (PRO+) или раз в сутки в формате JSON или XML
Уведомления: письма о новых ответах и веб-хуки в вашу систему

Пример того, как выглядит e-mail с новым ответом:

Вы получили новый ответ на «Форма обратной связи».

Дата и время: 02.10.2016 12:47:31

1.* Ваше имя: Андрей

2.* E-mail: anderson@mail.ru

3.* Тема сообщения: Вопрос по оплате

4.* Текст сообщения: Добрый день! Подскажите, можно ли оплатить лицензию от юр лица?

Совет

Все сообщения сохраняются и в разделе «Результаты»: их можно просмотреть по отдельности, отфильтровать по вариантам ответа и выгрузить в XLSX или CSV.

Как повысить отклик на форму обратной связи

Не каждый посетитель готов тратить время на форму. Эти правила помогают сделать её короче и понятнее:

  1. Скажите о ценности мнения. Одна фраза над формой о том, зачем вам отзыв и что вы с ним сделаете.
  2. Обращайтесь уважительно, но без нарочитой официальности.
  3. Цените время. Ограничьтесь четырьмя-пятью вопросами, а необязательные поля так и отметьте.
  4. Будьте кратки в вопросах и вариантах ответа.
  5. Пишите простыми словами, без терминов и внутреннего жаргона.
  6. Используйте словесную шкалу. Вместо цифр 1–5 предложите «отлично», «хорошо», «удовлетворительно», «плохо», «очень плохо» или смайлы — так проще определиться с ответом.
  7. Назовите поле «Замечания и предложения» вместо «Отзывы и предложения»: так вы показываете готовность к критике.

Вопросы и ответы

Можно ли создать форму обратной связи бесплатно?

После регистрации доступен бесплатный демо-доступ на 1 месяц: в нём можно создать одну форму и сохранить до 10 ответов. Для постоянной работы формы нужна лицензия, например разовая за 8 990 ₽ или годовая.

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

На вкладке «Сбор ответов» выберите «Встраивание» и вставьте полученный код на страницу сайта. Также форму можно показать в виджете, во всплывающем окне или отправить ссылкой.

Можно ли прикрепить файл к форме?

Да, для этого есть тип поля «Загрузка файла»: от 1 до 5 файлов размером до 200 МБ, список допустимых расширений можно ограничить.

Как получать сообщения из формы на почту?

На вкладке «Уведомления» включите e-mail уведомления о каждом ответе: в письмо придёт полный текст сообщения. Можно выбрать и сводку раз в день, неделю или месяц.

Какую шкалу оценки выбрать в форме для клиентов?

Понятнее всего словесная шкала («отлично», «хорошо», «удовлетворительно», «плохо», «очень плохо») или смайлы: клиенту не нужно гадать, что значит цифра. В Тестографе для этого подходят тип «Смайлы» и шкала Лайкерта с произвольными подписями.

Итог

Чтобы создать форму обратной связи онлайн, соберите в конструкторе нужные поля, разместите форму на сайте с помощью кода, виджета или ссылки и включите e-mail уведомления о каждом новом ответе. Так ни одно обращение посетителей не потеряется.

Создайте форму обратной связи в Тестографе

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

Продолжая пользование настоящим сайтом, Вы выражаете своё согласие на обработку Сookie-файлов в соответствии с Политикой использования Cookie-файлов