Любой дееспособный блог или сайт для людей требует общения с посетителями и просто с заинтересованными лицами, и порой одной возможности просто оставить комментарий не хватает для полноценного двустороннего общения. Поэтому в нашей статье мы рассмотрим установку, настройку и работу плагина для WordPress — Contact Form 7. Этот плагин позволяет создать и установить на сайте форму обратной связи, что значительно расширит возможности как самого блога, так и посетителей. Плагин позволяет не только отправлять сообщения, но и пересылать файлы, но обо всем – по порядку.

Установить плагин можно традиционным способом, через панель администратора – вкладка «Плагины», затем — «Добавить новый», дальше — «Загрузить». А скачать последнюю версию плагина Contact Form 7 можно отсюда. Также плагин можно закачать на сервер и по FTP, в папку /wp-content/plugins.

Загрузив плагин, его необходимо активировать. Для этого возвращаемся в  главную консоль панели администратора и там видим:

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

При нажатии на нее появится окно настроек плагина, которое состоит из нескольких пунктов:

— Настройка поля «Title» вашей будущей формы обратной связи.

— Редактирование всех предложенных полей формы.

— Настройка поля адресата.

— Настройка дополнительных полей и функций.

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

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

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

Дальше попробуем удалить часть кода:

1

2

<p>Сообщение<br />

[textarea your-message] </p>

Вместо него вставим наш фрагмент кода.

1 <p> [textarea* your message]</p>

И немного его изменим

1

2

<p>Сообщение(обязательно)<br />

          [textarea* message]</p>

В результате получим:

1

2

3

4

5

6

7

8

9

10

11

12

13

 

<p>Ваше имя (обязательно)<br />

1 </p>

 

<p>Ваш E-Mail (обязательно)<br />

[email* your-email] </p>

 

<p>Тема<br />

    </p>

 

<p>Сообщение<br />

<p>[textarea* message]</p>

 

<p>Прикрепить файл<br />[file file-789] </p>

 

<p>[submit "Отправить"]</p>

 

Не путайте порядок построения полей формы, так как поля будут отображаться сверху вниз, по привычной для всех схеме. Для полного набора функциональных возможностей плагина можно добавить поле «Captcha» для того, чтобы не допустить проникновения спамерских рассылок. Но для организации этой функции вам придется установить еще один плагин — Really Simple CAPTCHA.

Как настроить адресат?

В поле “Адресат” введите электронный адрес на который будут отправляться сообщения, то есть – ваш.

Поле “Отправитель” – здесь указываются  исходящие параметры отправителя.
Поле “Тема” — настраивается отображение темы отправляемого сообщения.
В поле “Дополнительные заголовки” можно ввести дополнительный-(е) заголовок-(ки) сообщения. Но это не обязательно.
В поле “Прикрепленные файлы” указываются файлы, которые необходимо прикрепить и отправить.

«Использовать – HTML-формат письма» активируйте по желанию.
Дополнительная функция — использование второго адреса. Настройки еще одного адреса производятся в поле «Использовать Адресат (2)».
Настройка формы обратной связи закончена. Теперь необходимо добавить ее на страницу сайта, обычно ее называют «Контакты» или «Обратная связь».

Как добавить форму на сайт? Создайте на сайте новую страницу с названием, скажем, «Контакты».

 

Введите всю необходимую информацию. Страницу озаглавьте «Контакты». Переведите редактор текста в HTML-режим и вставьте в страницу следующий код (он был предложен вам раньше):

1 [contact-form-7 id="57" title="Форма для контакта 1"]

Опубликуйте страницу и перейдите на сайт. Вуаля, результат ваших трудов – перед вами!

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

— Перейдите в админпанели на страницу «Контакты», далее – «Свойства», уберите галочку с пункта «Разрешить комментарии» и обновите страницу.

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