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

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

В этом уроке мы рассмотрим новый плагин дизайна от форма  Forminator. Это бесплатный универсальный инструмент для  WPMU DEV  что позволяет создавать практически любые предметы из форма. Мы внимательно рассмотрим плагин в действии и обсудим, стоит ли его попробовать.

Давайте поговорим о формах!

Что делает основные формы для вашего сайта

пример формы wordpress.png

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

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

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

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

Введение в плагин Forminator

введение в плагин formunator.png

Плагин Forminator это последний инструмент  WPMU DEV. Возможно, вы знаете их как команду, стоящую за несколькими другими популярными плагинами, такими как Hummingbird , WP Smush et  Пользовательские Sidebars .

Что отличает этот плагин формы, так это его уровень завершенности, который является стандартом для инструментов WPMU DEV. Forminator предоставляет редактор " перетащить Что позволяет создавать различные типы форм, включая контактные формы, опросы и даже анкеты.

Кроме того, плагин интегрируется с несколькими сторонними сервисами, такими как Google Sheets, Zapier, Trello, MailChimp и AWeber. На практике это означает, что вы можете использовать Forminator для сбора данных, электронных писем и почти любой другой информации, которую вы можете себе представить.

Наконец, стоит упомянуть, что Forminator вышел с полной совместимостью с редактором Gutenberg. Это означает, что если вы уже используете новый редактор, у вас есть доступ к блоку Forminator. В противном случае вы можете использовать шорткоды для добавления форм в любом месте вашего сайта.

Плагин Forminator в действии

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

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

установка плагина forminator.png

Этот последний показатель особенно важен, потому что вы можете использовать его для отслеживания эффективности ваших форм. Хотя плагин не включает встроенную функцию A / B-тестирования, эти данные все же можно использовать для сравнения коэффициента конверсии без особых проблем.

Чтобы продолжить, просто добавим новую форму с помощью плагина Forminator. Все, что вам нужно сделать, это пройти через  Формы и нажмите на кнопку Create (создать). Вы также можете нажать  Импорт для импорта форм с других сайтов:

Форминатор форма wordpress.png

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

новый form.png

Чтобы добавить элемент управления, просто перетащите его в левую часть редактора:

добавить поле в form.png

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

обязательный параметр forminator.png

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

условная логика forminqtor.png

Когда ваша форма будет готова, вы можете просмотреть ее, нажав кнопку в верхней части экрана редактора:

предварительный просмотр form.png

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

настроить дизайн полей.png

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

Помимо контактных форм, плагин также позволяет создавать анкеты и опросы. Чтобы создать новые опросы, все, что вам нужно сделать, это задать вопрос и дать возможные ответы:

Создать опросы formunator.png

При создании анкеты вы также можете выбрать ее тип, выбрав из  Нет неверного ответа  et  знание. Последний относится к тестам, которые проверяют, дает ли пользователь правильный ответ, а первый относится к вопросам, на которые нет правильного ответа, например, к опросам:

пример вопроса answer.png

Для нашего теста мы выбрали  Нет неправильного ответа. На этом этапе вы можете указать название теста, добавить изображение и предоставить описание:

тестовый пример без плохого answer.png

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

Наконец, давайте поговорим о процессе добавления ваших форм, опросов и викторин на ваш сайт. Для этого в плагине используются короткие коды, которые вы можете извлечь во вкладках Виды ,  Опросы ou  Соответствующая викторина  :

добавить формы на страницу

Чтобы добавить их на свои страницы, просто скопируйте соответствующие шорткоды и вставьте их в редактор. Как пользователь Divi, вы можете добавить эти короткие коды с помощью модуля Code  и они работают без проблем. Если вы используете редактор Гутенберга, добавить форму тем проще, потому что вы можете использовать встроенный блок Forminator.

Кому следует рассмотреть возможность использования плагина Forminator?

Для WordPress нет недостатка в плагинах, связанных с формами. Например, если вы хотите определить контактные формы, у вас есть Contact Form 7,   Кальдера Формы и много других. Если вы ищете плагины, которые помогут вам создавать викторины или опросы, вы можете попробовать Викторина и основной запрос ou Отзывчивый бассейн.

Это всего лишь несколько интересных примеров, но очень немногие плагины предлагают такую ​​же универсальность, как Forminator. С помощью этого плагина вы получите универсальное решение для всего, что связано с формами. Кроме того, это на 100% бесплатно, что всегда является хорошей новостью. Это делает Forminator хорошим выбором, особенно если вы планируете разработать что-то более сложное, чем стандартные контактные формы.

Заключение

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