Большой обзор изменений в новой версии сервиса

Назад к статьям

Мы обновили QForm до версии 3.0. Мы улучшили продукт как и внешне, так и функционально. Пройдемся подробнее по этим изменениям и новым возможностям:


Изменения в существующих полях

Поле “Один из списка”
Поле “Несколько из списка”
Поле “Выпадающий список”

  • Удалили возможность добавления текста внутри поля;
  • убрали поля с заголовками , чтобы пользователь сам мог добавить необходимое количество пунктов и дать им название.

Поле “Загрузка файлов”.

  • Добавлена панель выбора форматов загружаемых файлов.

Поле “Дата”

  • Удалили возможность добавления текста внутри поля.

Поле “Время”

  • Удалили возможность добавления текста внутри поля;
  • добавили возможность установки интервала времени.

Новые поля

Поле “Текстовый блок” - для написания объемного текста в виде описания или примечаний. Есть возможность заключать текст описания в html-теги.

Поле “Число” - предназначено для ввода числовых значений. Полю может быть задан диапазон, в пределах которого пользователь может вводить значение.

Новые функции

Создав поля в конструкторе и выбрав дизайн оформления, не нужно постоянно переходить на свой сайт и проверять. Для удобства в новой версии мы создали специальную кнопку Предварительный просмотр в виде “Ракеты”. 

Экспорт заявок в документ Excel - для удобства работы с отчетами по заявкам.

Настройка отображения формы:

  • в контексте;
  • в popup.

Добавление разделов - при наличии нескольких разделов заполнение формы будет в виде Квиза.

Удаление сайта - на случай, если он перестал работать или больше не нужен.

Добавление одного и того же сайта несколько раз. В предыдущей версии домен можно было добавить в Qform только один раз. В новой версии можно добавлять его более одного раза. Это позволяет гибко работать вашим сотрудникам с формами на сайте. К примеру, Вам необходимо, чтобы к разным формам на одном сайте имели доступ разные сотрудники. Теперь это легко реализуемо - добавьте домен вашего сайта в Qform.io несколько раз и создайте для каждого из них свои формы, предоставив к ним доступ нужным сотрудникам!

Алиасы - при наведении курсора на сайт можно увидеть дополнительные адреса вашего основного сайта.

Копирование формы - для удобства создания похожей формы с уже готовыми полями и настройками.

Сайт qform.link - если у вас нет сайта, можно воспользоваться этим сайтом, создать форму, настроить уведомления и делиться ссылкой на эту форму, получая заявки на почту или мессенджер.

Вкладка HTML - в конструкторе форм нажмите на кнопку HTML. Откроется структура документа сгенерированной формы в развернутом виде.

Расширенные настройки оформления дизайна полей

В обновленной версии версии были добавлены расширенные возможности по настройке дизайна полей. Во вкладке “Дизайн” установлен сайдбар с категориями полей, нажав на любую из которых, откроются виды оформления с примерами. Если вы не хотите использовать дизайны сервиса, нужно активировать свитч с надписью “Не использовать оформление QForm” в соответствующей категории и тогда активные по умолчанию стили не будут применены. Это будет приемлемо в случае, если вы хотите настроить свои стили через CSS.

Для этого нужно правильно обратиться к элементу, чтобы появилась возможность изменять его вручную. Для такого случая рядом с вкладкой “Дизайн” расположена вкладка “HTML”, которая генерирует весь html-код вашей формы.

Сайдбар содержит следующие категории:

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

Внизу находится панель для настройки элементов формы:

  • размер элементов формы - высота поля;
  • скругления - степень скругления углов поля;
  • тема - выбрать светлую или темную тему.

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

Заголовки для полей

  • Выбор расположения заголовков поля;
  • плейсхолдер - показать или скрыть текст при вводе.

 

Вид выбранной опции отображается внизу с надписью “Пример”. Можно воспользоваться функцией предварительного просмотра.

Иконки
Возможность расположить иконки как внутри поля, так и снаружи, в левой или правой части.

Один из списка
Несколько из списка
Возможность выбора расположения radiobutton и checkbox.

Загрузка файлов

  • Возможность выбрать вид для “Прикрепление файлов” через кнопку или поле;
  • вид предварительной загрузки файлов в виде списка или карточек.

Настройка полей “Дата” и “Время”
Возможность установить стиль поля даты и времени: при клике можно установить отображение в соединенном или разделенном виде или выключить отображение, чтобы пользователь вручную вводил данные.

Кнопка отправки
Установка основного цвета для для кнопки Отправить, а также выбор стиля при наведении курсора на кнопку.

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

Иконки об Успешной валидации
Текст ошибки с иконкой
Возможность выбора отображения места относительно поля: внутри поля, за полем, под полем, около заголовка.

Успешная валидация

Ошибки

Состояние полей
Возможность включить/отключить смену цвета при наведении курсора на поле.
Возможность включить/отключить смену цвета при фокусе на поле.

Обязательное поле
Здесь можно выбрать - будут обозначены обязательные или необязательные для заполнения поля. При этом можно отключить обозначение обязательности/необязательности заполнения поля.

Шаги заполнения формы
Показывает прогресс заполнения формы, исходя из выбранного варианта стиля.

Назад к новостям