12.09.201323.02.2016 Автор: Александр Кадыров

Форма обратной связи на WordPress

Для создания формы обратной связи существует множество плагинов (настройка плагина Contact Form 7). Мы же рассмотрим самый простой в настройке — плагин Contact Form.

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

Будем создавать форму вот такого вида:

Установка плагина

В Панели управления в разделе «Плагины» выбираем пункт «Добавить новый».
Вбиваем в поисковую форму «Contact Form» и нажимаем кнопку «Поиск плагинов».
В списке находим нужный нам плагин и жмем ссылку «Установить».
Нам нужен плагин Contact Form, а не Contact Form 7, это два различных плагина.
После установки активируем плагин.

Создание формы (настройка плагина)

После установки и активации плагина в меню появится раздел «BWS Plugins».

Выбираем его, а в нем подраздел «Контактная Форма».
Откроется страница с настройками плагина, их не очень много, тем не менее, рассмотрим только самые необходимые.
В первую очередь, указываем электронный адрес, на который будут приходить письма. И сразу ставим галочку напротив пункта «Дополнительные настройки».
«Использовать этот email:» — здесь указываем адрес электронной почты, на который будут приходить оставленные посетителями сообщения.
«Отобразить блок Прикрепить файл» – отмечаем пункт, если в форме обратной связи необходима возможность к сообщению прикреплять файлы.
«Изменить текст для поля ОТ в письме» — здесь можно указать определенный текст, который будет отображаться в поле «От» письма вместе с e-mail адресом. Удобно сюда вставить название сайта.

Например, для сайта site.ru мы вводим – «Сообщения с site.ru».
Это позволит нам сразу определять, откуда пришло письмо.
«Выберите email для поля ‘FROM’ письма» — выбираем из двух вариантов.
В первом случае в поле адрес будет отображаться e-mail человека, который отправил сообщение с сайта. Во втором – указанный нами e-mail.
«Отобразить поле для телефона» — добавления к имеющимся полям дополнительного поля, в котором указывается телефон.
«Обязательные поля» — отмечаем, какие поля являются обязательным для заполнения (если посетитель их не заполнит, форма откажет ему в отправке сообщения).
«Отображение дополнительной информации в письме» — стоит отметить данный пункт, если есть необходимость просматривать дополнительную информацию об отправке сообщений через обратную связь (когда они были отправлены, с какого ip-адреса и т.д.).
«Языковые настройки для названия полей в форме» — выбор языка, на котором будет форма обратной связи.
«Изменить названия полей контактной формы и сообщений об ошибках» — отметив данный пункт, можно изменить надписи полей по своему усмотрению.
«Действие после отправки письма» — вы можете выбрать один из двух вариантов.
В первом случае посетитель увидит указанный вами текст и останется на странице обратной связи, а во втором – будет перенаправлен на указанную страницу.
Сохраняем настройки, нажав внизу страницы кнопку «Сохранить изменения».

Вставка созданной формы

Чтобы вставить созданную форму обратной связи на страницу или в запись достаточно в визуальном редакторе переключиться на вкладку «HTML».
И в нужном месте вставить код contact_form.

Код должен быть заключён в квадратные скобки!
Вот так будет выглядеть наша форма на странице.

Остались вопросы? Задайте их в комментариях! :-)

Если вы хотите поблагодарить меня за материал — можете сделать это здесь :-)