Форма обратной связи для WordPress (плагин).


Форма обратной связи для WordPress достаточно легко реализуема с плагином «Contact Form 7», который сегодня является, пожалуй, наиболее популярным в данной категории. Давайте попробуем создать какую-нибудь простенькую форму, используя данный плагин.

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

скачиваем и заливаем в папку с плагинами (либо устанавливаем из админ-панели)
— активируем плагин

Проделав все это, вы увидите в боковой колонке ссылку «Контакты CF7».

Контакты CF7

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

пример формы

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

добавить новую форму

и в открывшемся окне снова – «добавить новую» (первая кнопка).

новая форма

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

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

заголовок для формы

Чуть ниже в левой части вы можете увидеть код стандартной формы. Она включает в себя несколько полей:

Ваше имя (обязательно)
Ваш E-Mail (обязательно)
Тема
Сообщение
Кнопка «Отправить»

основные поля формы

Как видите, этого вполне достаточно для большинства форм. Перемещаемся ниже к разделу «Адресат». Здесь мы заполняем только первое поле – «Адресат», указывая в нем наш электронный адрес.

адресат

При желании вы можете добавить еще одного получателя, поставив галочку чуть ниже напротив «Использовать Адресат (2)». Здесь появится аналогичная форма, задайте второй электронный адрес.

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

сообщения при отправке формы

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

код формы

Копируем указанный код и идем создавать страницу для нашей формы обратной связи. Заходим в «Страницы — > Добавить». Вводим какой-нибудь заголовок, например, «Контакты», а в редакторе вставляем скопированную ранее строку.

создаем страницу для формы

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

готовая форма обратной связи

Вот так вот просто можно создать форму обратной связи на WordPress благодаря плагину «Contact Form 7».





Другие посты

Категория: WordPress

Комментарии (4)

 

  1. семен:

    а как сделать чтоб гость мог оставлять сообщения на странице сайта???

  2. Виталий:

    Ошибка при отправке сообщения. Попытайтесь позже или обратитесь к администратору сайта. В чём может быть ошибка?

  3. admin:

    Возможно, что-то не так с настройками формы.

  4. Спасибочки, у меня получилось все легко установить!

Оставить комментарий