Меню

Ninja forms wordpress настройка

Ниндзя атакуют, или Ninja Forms — конструктор форм для WordPress-блога

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Конечно, это только самые необходимые настройки, на деле их гораздо больше, сами видите. Можно экспериментировать с настройками, а все изменения отслеживать при помощи «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, вы сразу получаете в свое распоряжение огромный арсенал средств, которые заведомо покроют все ваши потребности, то при использовании Ninja Forms вам, возможно, рано или поздно придется приобретать дополнительные расширения. И не факт, что это будет выгоднее.

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

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

Источник

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

Обзор Ninja Forms

Ninja Forms один из самых популярных плагинов для создания форм в WordPress и управления ими, со следующими возможностями:

около 30 типов различных полей;

создание форм методом перетаскивания;

сохранение и управление списком отправленных данных;

экспорт/импорт форм и избранных полей;

отправка без перезагрузки (ajax);

Читайте также:  Гбо 4 поколения pride программа настройки

Builder Pack Pro предлагает дополнительный набор премиум функционала: макеты и стили, многоступенчатые формы, условную логику, загрузку файлов.

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

Первое использование Ninja Forms

После установки и активации плагина в административной панели нас встречает готовая форма демонстрационного характера.

Плагин русифицирован, что упрощает его использование.

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

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

В расчетах поддерживается любое поле с цифровым вводом, или другой тип поля с поддержкой «Calc Value». Можно производить стандартные операции умножения, вычитания, сложения, деления.

Стилизация форм

Ninja Forms идет с небольшм набором собственных стилей, и пытается сочетаться с дизайном темы, используя её правила оформления.

В настройках полей можно задавать класс контейнера и элемента для дополнительной ручной стилизации с помощью CSS.

Можно использовать встроенные правила (one-half, one-third и др) для группировки полей в колонки, — подробнее.

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

Дополнительные расширения помогают превратить Ninja Forms в полноценный маркетинговый инструмент.

Источник

Плагин форма обратной связи Ninja Forms – переведен на русский язык

Все кто имеет сайт или интернет магазин на wordpress 100% сталкивались с тем, что рано или поздно им понадобится форма обратной связи для их интернет проекта. Кто-то пишет свою форму под себя в html, если имеет навыки работы с кодом, а кто-то ставит себе на сайт плагин Contact Form 7 и пользуется им. Я думаю таких людей достаточно много. Со временем, правда, приходится начинать «курить мануалы», чтобы добавить в форму какие-то дополнительные примочки.

Итак приступим к обзору плагина wordpress – форма обратной связи.

После того, как вы скачали, установили и активировали плагин, в левой части консоли управления вашим сайтом появится дополнительный пункт меню, под названием «Формы».

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

Сначала создаем новую форму обратной связи.

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

Например, поле «Имя». В него в Водите имя, которое посетитель сайта обязан написать в него.
Ниже располагается «Позиция метки» можно выбрать положение: над элементом, под элементом, справа, слева или внутри. То есть форма ввода имени будет располагаться там, где вы ее укажите.

Следующий пункт – « Заглушка » – там, вы можете написать какой либо текст, который пользователь увидит, когда откроет страницу с формой обратной связи, например, «Введите Ваше Имя».

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

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

Читайте также:  Briggs stratton настройка клапанов

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

Форма обратной связи: Email и действия

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

Форма обратной связи: Настройки.

В этом разделе находится 2 под раздела:

Показать

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

Ограничения

Здесь вы выставляете ограничения для не авторизованных пользователей на сайте, например.

Форма обратной связи: Предпросмотр

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

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

Форма обратной связи: Настройки.

Основные настройки – здесь вы можете указать валюту.

Настройки reCAPTCHA – здесь вам необходимо самостоятельно все настроить, чтобы на сайт не сыпался SPAM.

Расширенные настройки – в них вы можете удалите все данные и отключить администратора.

В « Метках » вам необходимо будет перевести английский текст на русский, это делается достаточно просто, с помощью, например, Яндекс Переводчика.

Под раздел « Лицензии » вам не нужен, если вы не покупали плагин.

Форма обратной связи: Статус системы.

Здесь вы можете посмотреть состояние вашего сайта.

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

ВНИМАНИЕ! Если вы обновите плагин, то перевод слетит! Помните об этом, если скачиваете плагин и появляется его обновление.

Обновление плагина – форма обратной связи Ninja Forms:

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

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

Если перейти на вкладку Apps вы увидите дополнения к плагину (естественно за деньги, как иначе то):

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

Здесь нас интересует вкладка электронные письма и действия:

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

На скриншоте самый нижний “Admin Email“:

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

Например, она может выглядеть вот так:

После чего проведите тестовую проверку. Отправьте письмо:

Источник