. формы очень важны для любого веб-сайта. Таким образом, известные плагины, такие как Отправить запрос 7, Forms Ninja, WPForms и Gravity Forms уже давно лидируют на рынке. Но появляются новые с лучшими характеристиками. Один из них называется WeForms.

weForms исходит от WeDevs, создателя WP User Frontend, и вот почему вы должны попробовать weForms для ваших следующих проектов создания форм:

Он был разработан для среднего и обычного пользователя, что делает его очень простым в использовании. Это очень быстро благодаря фреймворку Vue.js. В то же время weForms обладает важными и расширенными функциями, такими как продуктивность и интеграция электронного маркетинга.

Презентация WeForms

У меня есть бесплатная копия версии WeForms Personal Pro, но есть и бесплатная версия, в которой есть все необходимое для создания Контактная форма на вашем сайте. Поэтому мы познакомим вас с некоторыми функциями плагина. weForms — современный редактор форм с несколькими интеграциями, расширяющими его функциональность.

Создание формы с помощью WeForms

Некоторые из его общих характеристик:

  • Нажмите «Активация»
  • Быстрое создание формы
  • Предварительный просмотр в реальном времени
  • Интегрированные модели
  • Конструктор перетаскивания

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

  • Расширенные поля
  • Пользовательские поля
  • условная логика
  • Многошаговая форма
  • отзывчивый
  • Форма экспорта / импорта
  • Загрузка изображений и файлов
  • Время окончания срока действия
  • Ограничения на въезд
  • Пользовательские уведомления по электронной почте
  • Отправить страницу через AJAX
  • Уведомление по SMS
  • Настроить электронные письма
  • MailChimp, Paypal, Slack и некоторые другие интеграции

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

1 - Установка и основные параметры

Установить WeForms просто. Как и другие плагины, вы можете установить его с WordPress.org или загрузить версию Pro и устанавливать ее на регулярной основе.

2 - Создание вашей первой формы

Я уже много чего говорил о том, как вы сэкономите время при проектировании с помощью WeForms. сейчас самое время проиллюстрировать это.

Нажав на контактные формы, вы получите доступ к интерфейсу управления формы. Из этого же интерфейса вы можете получить доступ к интерфейсу создания формы. Здесь вы заметите 3 встроенных шаблона для Контактная форма, форма поддержки и форма регистрации на мероприятие.

дизайн формы weForms.jpg

Вы также можете начать с нестандартного / пустого шаблона.

Как вы заметите, weForms многое сделали для упрощения процесса с помощью предопределенных шаблонов, которые также можно настраивать.

Шаблоны по умолчанию выглядят так:

Контактная форма

модель контактных формул weForms.jpg

Форма помощи

Форма регистрации на мероприятие

регистрационная форма для мероприятия weforms.jpg

Если вы решите использовать пустой шаблон, вот как создать новую форму с использованием пустого шаблона.

Настройки WeForms

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

таможенная форма контакта weforms.jpg

Здесь вы можете выбрать из раскрывающегося меню, чтобы перенаправить вашу форму на ту же страницу, когда она была отправлена, на другую страницу или на настраиваемый URL.

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

корректировки weforms wordpress.jpg

Наконец, вы также можете выбрать, как должны выглядеть ваши ярлыки.

настроить ярлык weforms.jpg

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

настройка уведомлений по электронной почте.

Поля WeForms

Одна из наиболее важных частей конструктора weForms - это функция предварительного просмотра и перетаскивания элементов. Для начала перетащите нужное поле в форму. Переставьте их как хотите. По мере внесения изменений динамический генератор будет соответственно изменяться во время редактирования. Это дает вам автоматический предварительный просмотр того, как форма будет выглядеть для ваших пользователей. Процесс оправдывает обещание быть удобным для пользователя.

редактирование в реальном времени формы weforms.jpg

Вы также можете настроить каждое поле так, как хотите, с помощью собственного CSS. Возможность настройки означает, что внесение изменений в ваши поля может изменить общий вид вашей формы к лучшему. Вы можете связать его со своим веб-сайтом или выделить определенные элементы. Поля weForms:

  • Имя
  • Текст
  • Text Box
  • Выпадающее меню
  • Множественный выбор
  • Радио
  • флажок
  • URL
  • Электронная почта
  • Скрытое поле
  • Загрузка изображения
  • Повторное поле
  • Дата / время
  • Скачивание файлов
  • Список стран
  • Числовое поле
  • Поле адреса
  • Шаг за шагом
  • Google Map
  • Разделение разделов
  • Пользовательский HTML
  • ReCaptcha
  • Маленький код
  • Условия Термес ET
  • Крючок действия
  • Рейтинги

3 - Публикация формы

Процесс публикации формы и ее выполнения в реальном времени очень прост. Как и большинство других плагинов, просто скопируйте шорткод вверху формы, щелкнув по нему. Теперь вы можете разместить это на новой странице или в своих статьях.

опубликовать форму weforms.jpg

Вот пример. С weForms у вас будет интерфейс, подобный следующему.

Пример формы wpeforms.jpg

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