Данный виджет формы обладает множеством настроек внешнего вида, которые недоступны в стандартных виджетах. Среди которых:
✅ Цвет, прозрачность элементов формы (поля, текст в них, заголовки полей)
✅ Скрытие надписи у полей списков с картинками
✅ Изменение надписи у поля файла
✅ Скрытие "звездочек" для обязательных полей
✅ Переключение стилей полей формы (положение названия поля выше поля, внутри поля и внутри поля с выдвижением вверх при вводе текста)

1.Поместите в область страницы, где должна быть форма, любой виджет. К примеру, текст. 

2.Откройте окно импорта виджета:

3. В поле внутри окна импорта вставьте код, скопированный из файла по ссылке. (тройной клик по тексту выделит весь код)  
Сохраните изменения.

После этого появится виджет формы с 2 полями и кнопкой.

Установка виджета завершена. ✅

Теперь можно перейти к настройкам.
Далее описывается добавленный функционал.
Если у вас уже была готовая форма, то можно удалить все имеющиеся виджеты из этой формы и переместить туда свои виджеты (поля, кнопки, текст и т.д.)

В настройках формы на вкладке "Поля" есть возможность выбрать один из 3 стилей полей.  Первые 2 стиля как в панели виджетов и третий стиль с заголовками внутри полей. Ранее он был доступен только в виджетах старых форм.
Демонстрация всех 3 стилей на странице http://forform.plp7.ru/  

Среди настроек встречается опция "Непрозрачность". Если у нее значение 0, значит элемент будет полностью прозрачным, если 100 - совсем без прозрачности.

Скрытие "звездочек" для обязательных полей и изменение надписи у поля файла возможно на вкладке "Прочее".

Изменения для мобильных устройств:

◾ При вводе в поле номера телефона появится клавиатура цифр вместо общей клавиатуры:


◾ Если отображение надписей у полей с картинками отключено, то картинки будут на одной строке. Иначе - по одному элементу на строку.

Изменение для разработчиков(передача данных из полей формы в свой скрипт): ID поля для интеграции используется теперь и как атрибут ID у поля. Это упрощает получение значения поля в скрипте.
Таким образом можно получить значения всех текстовых полей и сумму калькулятора.

Вы нашли ответ?