Введение в плагин Forminator (и как он работает)

Опубликовано: 2018-10-13

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

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

Поговорим о формах!

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

Текстовая контактная форма.

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

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

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

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

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

Плагин Forminator.

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

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

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

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

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

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

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

Панель инструментов вашего Forminator.

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

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

Создание или импорт новой формы.

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

Собираем новую форму.

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

Добавление нового поля в вашу контактную форму.

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

Настройка поля таким образом, чтобы пользователи его заполняли.

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

Включение условной логики для вашей формы.

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

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

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

Настройка дизайна вашей формы.

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

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

Добавление вопросов в ваш опрос.

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

Выбор типа викторины для создания.

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

Настройка вашей новой викторины.

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

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

Поиск шорткодов, необходимых для вставки форм на страницу.

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

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

Для WordPress нет недостатка в плагинах, связанных с формами. Например, если вы хотите установить контактные формы, у вас есть контактная форма 7, формы Caldera и многое другое. Если вы ищете плагины, которые помогут вам создавать викторины или опросы, вы можете вместо этого попробовать Quiz and Survey Master или Отзывчивые опросы.

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

Заключение

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

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

Миниатюра статьи Джейн Келли / shutterstock.com