Найти тему

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

Оглавление

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

Плагин контактной формы

При установке контактной формы мы будет использовать плагин Ninja Forms. Сначала давайте установим его. Для установки смотрите статью добавление плагина в WordPress.

После того, как Вы установили и активировали данный плагин. Зайдем в его настройки и создадим простую контактную форму.

Читайте статьи:
Анализ оптимизации, юзабилити и мобильности блога
Покупка дешевых доменных имен у регистратора
Как сделать красивую иконку корзины на рабочем столе ПК

Нажимаем на вкладке меню “Ninja Forms” (п.1)

Настройка плагина

-2

Следующим шагом нажимаем на шестеренку (п.2)

-3

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

Настройка полей контактной формы

-4

Входим в настройки формы и вписываем в поле “Метка” > “Имя” по русски. Таким же образом меняем поле “Сообщение”  и “Отправить”. Поле “Е-mail”  оставляем как есть.

-5

Далее переходим на вкладку “Электронные письма и действия” (п.1). И также нажимаем на шестеренки (п.2). Здесь нам нужно поменять два поля, то есть изменить английский язык на русский (п.3, п.4), как показано на картинке. Теперь когда читатель отправит нам письмо, появиться сообщение об успешном отправлении на русском языке. После обязательно нажимаем кнопку “Готово”, чтобы сохранить наши изменения.

-6

Тоже самое делаем со вторым полем.

-7

Затем мы можем посмотреть, как будет выглядеть наша форма на блоге. Нажимаем “Preview Changes”.

Предпросмотр контактной формы

-8

Видим, что наша форма выглядит хорошо.

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

-9

Теперь нажимаем кнопку “Опубликовать” и закрываем форму нажимая на крестик (п.1)

-10

Возвращаемся на нашу первоначальную страницу и берем код (п.1), который будем вставлять в наш блог.

-11

Идем в боковое меню WordPress. Выбираем в меню “Страницы” (п.1) и “Контакты” (п.2)

Вставка кода формы на блог

-12

Вставляем наш код под кнопками социальных сетей (п.1). Читайте статью: установка кнопок социальных сетей.

-13

Публикуем нашу статью. Заходим на блог в меню “Контакты”.

-14

И видим, что наша форма успешно вставлена. Теперь можно будет получать письма от читателей и подписчиков. К тому же данная форма уже адаптированна под мобильные телефоны, что очень важно. Если же Вам понадобиться форма посложнее, то в плагине Ninja Forms, очень много настроек под  любой вкус.

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

Буду рад Вашим вопросам и комментариям.

Успехов Вам!
С уважением Владимир Шишков