ru
 en

При создании формы обратной связи многое нужно учесть, чтобы та работала правильно и не раздражала пользователей. Необходимо гармонично встроить ее в дизайн сайта, настроить фильтрацию спама, наладить интеграцию с CRM и много всего другого.

Сделать всё идеально с нуля сложно и долго, поэтому часто выбирают готовые решения:

  • бесплатные сервисы, вроде Google Forms и Яндекс.Формы,
  • платные/условно-бесплатные инструменты,
  • различные плагины для CMS.

Те, чьи цели сильно отличаются от стандартных и есть на это ресурсы разрабатывают с нуля под свои цели.


Мы предлагаем решение проще — гибкий и многофункциональный бесплатный конструктор QForm, который генерирует обратную связь для сайта любого вида и сложности, синхронизируется с CRM-системами, SMS-сервисами и облачными АТС.

За счет простоты настроек и понятного интерфейса его освоит любой пользователь без навыков работы с кодом. Формы работают с любиыми CMS, в том числе самописными. Встроенная мини-CRM система позволяет отслеживать и обрабатывать заявки в удобном интерфейсе. 

 

Инструкция по работе с QForm

Чтобы продемонстрировать работу сервиса, разберем процесс создания простой формы обратной связи. 

Пример: нужен простой вариант с именем, номером, отправкой файла и текстовым сообщением, согласием на обработку персональных данных и кнопкой «Отправить».

Прежде всего нужно добавить сайт в систему, делается это довольно просто.  

Первый этап

Добавляем новую форму, задаём ей название для собственного удобства. После создания Вы автоматически попадёте в её настройки. Если она уже была — можной перейти щёлкнув по шестерёнке справа в общем списке. 

Как добавить форму

Задаём поля 

После создания формы автоматически откроется её конструктор. Добавляйте новое поле перетаскиванием или нажатием на плюс справа от названия.

В нашем примере первым будет Имя. После его добавления, откроются настройки. Для имени это: Заголовок, Текст внутри (плейсхолдер), Дополнительный текст, чекбокс Обязательное поле. Также можно назначить список стоп-слов и задать Класс поля и его Имя (аттрибут name в коде). Прописывать всё не обязательно — можете оставить всё по умолчанию, сохранив поле на кнопку «Сохранить». 

В нашем случает зададим заголовок — «Ваше имя». Ставим галочку «Обязательно для заполнения».

Добавляем первое поле

Затем добавляем поле для телефона посетителя. В Заголовок поля впишем «Ваш телефон», внутри поля «+7 ххх ххх хххх», чтобы подсказать пользователю нужный формат, ставим галочки на чекбоксах для настройки маски номера и Обязательного поля

Поле для номера телефона

Теперь добавляем возможность загрузки файлов: в заголовок впишем «Выберите файл», укажем 50 Мб как максимальный размер файла. Пусть поле будет не обязательным. 

Добавление поля загрузки файла

Чтобы пользователь мог вписать произвольный комментарий, нужно создать текстовое поле с типом Текст (строка), в заголовке Соообщение.

Поле сообщение для формы обратной связи

Обязательный для любой формы элемент — кнопка Отправить. Она по умолчанию есть в каждой новой форме, удалить её нельзя. Нажмите на поле, если хотите изменить текст кнопки или аттрибуты class и name.

Определяемся с дизайном

На одном экране с Конструктором находится вкладка Дизайн. Здесь у пользователей два варианта — использовать один из шаблонов оформлений QForm (включенный чекбокс) или указать каждому полю стили оформления из CSS-файла, чтобы адаптировать дизайн формы под дизайн сайта.

Во втором варианте нужно заполнить для каждого поля аттрибут Класс поля, который должен соответствовать классу оформления поля из CSS с сайта. Если вы не понимаете, что такое классы оформления и где их искать, выберите наш шаблон или напишите в поддержку.

 

Настраиваем параметры формы

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

Основные настройки: можно поменять имя формы в системе, отключить её или включить режим отладки, безвозвратно удалить.

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

На вкладке Google Recaptcha можно включить антиспам от гугл, при условии что она настроена на уровне сайта

Соглашение об обработке персональных данных настроено по умолчанию, но вы можете поменять текст соглашения на свой.

JavaScript-события нужны для настройки отправки целей в Google Analytics и Яндекс.Метрику, выполнение дополнительного кода после отправки. 

Интеграции позволяют подключить форму к сервисам, связь с которыми настроена на уровне сайта. 

 

Уведомления

Отдельно стоит упомянуть отправку уведомлений. На этой вкладке можно указать email получателей заявок через запятую. В противном случае, обрабатывать заявки получится только внутри кабинета QForm. Тут же настраивается SMTP

Шаблон уведомления позволяет изменять заголовок, текст и параметры письма, которую будет получать адресат на email. По умолчанию уведомления содержит время заявки, источник обращения и все заполненные пользователем данные. 

Настройка emai-уведомлений

Завершив все нужные настройки, переходим на вкладку Код для вставки и выполняем инструкции по вставке кода на сайт.

Вот что в итоге у нас получилось! Создание обратной связи заняло примерно 5 минут, а в первый раз займёт от силы 15. Если у Вас возникнут проблемы, не стесняйтесь обращаться в чат поддержки. 

Вид полученной формы 2

Назад на главную