FormCraft — это конструктор форм с перетаскиванием, позволяющий создавать и встраивать
формы, а также отслеживать отправку. Этот конструктор форм является быстрым, простым
в использовании и предлагает обширные возможности настройки, позволяя создавать, как
простые контактные формы, так и сложные.
В список функций FormCraft входит:
- Конструктор форм перетаскивания
- Автоматическая адаптация форм
- Поддержка различных типов полей, включая настраиваемый HTML
- Встраиваемые формы с помощью шорткода
- Уведомления и автоответчик по электронной почте при отправке формы
- Экспорт / импорт шаблонов форм
- Проверка формы — интерфейсная и внутренняя
Для начала работы с FormCraft необходимо скачать его, установить архив в разделе «Плагины» и активировать.
После активации плагина Вы увидите его в админ-панели Вашего сайта (см. скрин)
Создание формы в FormCraft.
Для создания новой формы необходимо нажать соответствующую кнопку «New Form» (см. скрин)
Далее в открывшемся всплывающем окне выбираем нужный вариант (пустая форма, шаблон формы, копия формы или импорт формы), задаем имя формы и нажимаем соответствующую кнопку для её создания «Create form». Мы будем работать на примере чистой формы — Blank (см. скрин)
В открывшимся formcraft конструкторе мы видим два меню (верхнее и боковое). Верхнее меню отвечает за все основные настройки: стили форм, фон, цвет, настройки почты и так далее. Боковое меню добавляет элементы непосредственно в форму. Допустим нам необходимо создать форму, где будет заголовок, поле для ввода имени, поле для ввода телефона, поле для указания дополнительной информации и кнопка «Отправить». Для этого добавляем из бокового меню Heading для заголовка, one line input для поля имени, ещё один one line input для поля телефона, textarea для поля дополнительной информации и submit для кнопки «Отправить» (см. скрин)
Для замены текста на полях нажимаем на нужный элемент в форме и видим всплывающее окно с его настройками (см. скрин)
После замены текста в форме она всё ещё выглядит не лучшим образом и чтобы это исправить нам необходимо заменить стили полей. Для этого обратимся к верхнему меню — Вкладка Styling -> General -> Field Styling (см. скрин)
Мы для примера выберем второй вариант вида из окна Field Layout, а настройки окна Field Alignment оставим без изменений и вот, что у нас получилось (см. скрин)
После того, как форма приобрела нужный вид, сохраняем её нажатием кнопкой «SAVE» и встраиваем на wordpress сайт.
Надеемся, что эта статья от Веб-студии «Pear» была полезна для Вас! Удачи!