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

Блог Владимира Шишкова

Как создать, раскрутить и зарабатывать на своем блоге

Работа с блогом

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

Плагин Ninja Forms для вывода контактной формы на блоге
5 (100%) 26 голос[ов]

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

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

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

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

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

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

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

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


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

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

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

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

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

Настройки поля формы

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

Электронные письма и действия

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

Настройка поля E-mail

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

Предпросмотр формы

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

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

Предпросмотр формы на блоге

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

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

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

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

Код формы для вставки на блог

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

Переход на страницу "Контакты"

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

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

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

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

Меню блога "Контакты"

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

Готовая форма сообщений на блоге

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

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

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плагин Ninja Forms для вывода контактной формы на блоге
5 (100%) 26 голос[ов]

Работа с блогом

Рекомендую статьи

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.



Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: