Ninja Forms - мощный конструктор форм WordPress

Опубликовано: 03.02.2018

Всем доброго дня!

Пару дней назад мне понадобилось установить на один из сайтов на WordPress форму обратной связи, причем не просто там «имя/почта/сообщение», а с массой дополнительных полей. Можно, конечно, было бы воспользоваться CF7… Но мы же не ищем легких путей. Потому непродолжительное странствие по дебрям буржунета принесло свои плоды в виде нового плагина обратной связи WordPress, и не просто плагина, а мощного конструктора форм под названием Ninja Forms . Вот о нем сегодня и пойдет речь.

CaptainForm Demo Video

Итак, Ninja Forns — это бесплатный плагин WordPress, позволяющий пользователям создавать сколь угодно сложные формы, не редактируя ни единой строчки кода. Все делается в простом и удобном визуальном интерфейсе (англоязычном, правда, но для кого это сейчас проблема?).

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

wpcc demo 5

Конструктор форм Ninja Forms

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

Первоначально нас перебрасывает в «All Forms». Здесь в дальнейшем будет список всех форм, которые вы создадите, но пока он пуст, а нам самое время перейти к созданию первой формы.

Создание новой формы в Ninja Forms

Общие настройки

Собственно, создание новой формы происходит на вкладке «Add New». Там, в свою очередь, есть еще три вкладки, мы сейчас по очереди по ним и пройдемся.

Вначале мы оказываемся на экране «Form Settings» — общих настроек новой формы.

Указываем название новой формы и указываем некоторые параметры отправки:

Далее настраиваем вид письма, которое будет получать админ сайта при поступлении нового сообщения через форму:

Тема сообщения Текст оповещения. Здесь есть одна хитрость: если вы хотите в текст письма вставить какую-то информацию о сообщении, будь то его отправитель или же текст, можно использовать шорткод [ninja_forms_field id=23], где 23 — ID поля, содержание которого нужно отобразить в письме. Где посмотреть ID полей, мы увидим чуть позже. Включать ли в письмо список заполненных полей Прикладывать ли к оповещению CSV-файл со всеми сообщениями, оставленными через форму.

Аналогичным образом настраивается вид оповещений, которые отправляются на емейл пользователя после того, как он оставил сообщение. Можно написать что-то вроде «Спасибо за Ваше сообщение, скоро мы прочитаем его и обязательно Вам ответим», ну или кто во что горазд…

И делаем еще некоторые основные настройки:

Показывать или скрыть название формы Сохранять ли сообщения, отправленные посредством этой формы Разрешать ли отправлять сообщения неавторизованным пользователям. Если стоит галочка, то воспользоваться формой можно будет только после авторизации. Оно вам нужно? На какую страницу добавить эту форму. Выбирать необязательно, поскольку всегда можно вставить форму в любое место на сайте, используя шорткод, который мы получим после создания формы. Отправка сообщений без перезагрузки страницы (с использованием Аякс-технологии) — очень удобно и здорово смотрится, рекомендую. Выбор страницы для перенаправления пользователя после удачной отправки сообщения. Можно адресовать на главную, можно никуда не адресовать, а можно создать специальную страницу под это дело — все зависит от ваших целей. Очищать ли поля формы после успешной отправки сообщения Скрывать ли форму после успешной отправки Сообщение об успешной отправке

Настройки полей

Это следующая вкладка, «Field Settings», где и начинается самое интересное.

Здесь интерфейс прост до безобразия: слева доступные поля, которые можно использовать для создания формы, справа — рабочая область, куда выбранные поля будут добавляться.

Чтобы добавить в форму нужное поле, достаточно по нему кликнуть — оно автоматически переместится в рабочую область, а вы получите доступ к его настройкам. В пределах рабочей области поля меняются местами перетаскиванием.

Доступных полей на самом деле очень много, описывать их все — занятие неблагодарное, так что уж не стану, простите) Для примера покажу только поле «Имя»:

ID поля, которое можно использовать в шорткоде для вставки в письмо Название поля Положение название относительно самого поля ввода Является ли поле обязательным CSS-класс для стилизации поля

Конечно, это только самые необходимые настройки, на деле их гораздо больше, сами видите. Можно экспериментировать с настройками, а все изменения отслеживать при помощи «Form Preview». Нажатие на заголовок этой вкладки откроет новую вкладку в браузере, где вы сможете оценить, как выглядит созданная форма в боевых условиях — в шаблоне вашего блога. Здесь же можно даже протестировать ее.

Кстати, вот здесь не все так гладко — не встроено в Ninja Forms никаких хоть сколько-нибудь приличных стилей оформления и никаких средств управления внешним видом формы… Либо создавать специальные классы для нужных элементов, либо править файл стилей плагина, либо мириться с неказистым внешним видом…

После создания формы на вкладке «All Forms» вы найдете шорткод и функцию для вставки этой формы в записи или файл шаблона. А для вывода формы в сайдбаре предусмотрен специальный виджет, который поставляется вместе с Ninja Forms.

Прочие возможности Ninja Forms

Submissions

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

Import/Export

позволяет импортировать уже готовые формы с других ваших сайтов или экспортировать их.

Settings

Это большей частью список служебных сообщений. Их потребуется перевести на русский, конечно же.

System Status

Мне вообще непонятно, зачем нужна эта функция — она показывает всю информацию о системе: версию движка, ПО сервера, версию PHP, установленные на сайте плагины и т.д.

Extend

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

В заключение

Я начала пост с того, что представила Ninja Forms как альтернативу CF7. Однако это не совсем верно.

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

Зато если вы ищете мощный конструктор форм и не планируете ограничиваться только формами обратной связи, то вам стоит присмотреться к Ninja Forms повнимательнее.

На самом деле, на данный момент для обсуждаемого плагина есть только один адекватный конкурент — Gravity Forms. Но он коммерческий, цена лицензии — $199. Ниндзя же из коробки, «забесплатно», предоставляет нам функционал, лишь немного уступающий по возможностям.

Однако и здесь есть подводные камни — если приобретая Gravity Forms, вы сразу получаете в свое распоряжение огромный арсенал средств, которые заведомо покроют все ваши потребности, то при использовании Ninja Forms вам, возможно, рано или поздно придется приобретать дополнительные расширения. И не факт, что это будет выгоднее.

Так что выбор того или иного расширения — дело довольно серьезное, когда дело касается премиум-плагинов. Нужно заранее просчитать возможные потребности и варианты использования, а затем уже принимать решение. Впрочем, для обычных блогеров, которым по тем или иным причинам потребовался простой в освоении, мощный и бесплатный конструктор форм, Ninja Forms может стать оптимальным выбором.

Удачного дня, джентльмены и леди! Была с вами, как обычно, всегда ваша пушистая Web-Кошка …