Плагин Cоntаct fоrm 7 форма обратной связи для сайта. Установка, настройка.

В этой статье Вы сможете узнать, как установить и настроить Cоntаct fоrm 7.
Cоntаct fоrm 7 один из плагинов, решающих задачу обратной связи на сайте. С его помощью можно создать неограниченное количество различных форм, настроенных под Ваши индивидуальные нужды. Помимо сбора обратной связи, Вы сможете проводить опросы и конкурсы на сайте, или даже принимать заказы с помощью плагина Cоntаct fоrm 7, а тек же реализовать функцию «заказать обратный звонок».
Перейдем к работе с плагином.

Заходим в админ-панель Вашего сайта. Выбирем раздел меню «Плагины»-«Дoбавить новый».
Этот плагин можно установить, загрузив с компьютера, а можно найти его через поиск. Я покажу второй вариант.

В окно поиска вводим полное название «Cоntаct fоrm 7» и нажимаем на кнопку.
В поисковой выдаче он выходит первым. Нажимаем кнопку «Установить».
Затем, положительно отвечаем на вопрос, уверены ли мы, что хотим установить этот плагин.
После успешной загрузки активируем плагин.

Теперь он установлен и готов к использованию. Обратите внимание, что в меню появился новый раздел, который называется «Контакты (CF7)». Давайте зайдем в него.
Здесь создаются и настраиваются новые формы. Потом генерируется код, который нужно вставить на страницу сайта. Давайте рассмотрим этот процесс на примере. По умолчанию уже создана одна форма. Ее можно отредактировать под свои нужды или скопировать. Предлагаю сейчас скопировать ее, а потом, если она будет не нужна, сможете ее удалить.

После того, как мы нажали на кнопку «копировать», мы попадаем в настройку новой формы.
Первое, что можно сделать, это поменять название. Если Вы планируете ставить на сайт много различных форм, то Вам будет удобно различать их по названиям. Наводим курсор на название и кликаем по нему. После этого открывается возможность редактирования текста.
Стираем текст и пишем свой. Затем кликаем по любому пустому месту снаружи окна ввода названия.
Далее переходим к настроечкам полей формы. Слева мы видим шаблон формы. Справа мы можем генерировать новые теги (поля) и добавлять их в шаблон.
В шаблоне формы мы можем увидеть: текст, который будет отображаться над окном ввода данных (подчеркнут красной чертой); специальный тег, который соответствует полю ввода данных (подчеркнут синей чертой); теги, которые отвечают за выравнивание полей ввода в форме обратной связи (подчеркнуты зеленой чертой).

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

Если Вы хотите, чтобы это поле было обязательным для заполнения, нужно поставить соответствующую галочку (1). В шаблоне формы нужно прибавить открывающий тег <p>, после него написать текст Вашего вопроса пользователю, потом прибавить тег </br>, перейти на новую строку, вставить сгенерированный код (2) и затем закрывающий </p>. Ниже есть еще один сгенерированный код (3), который нужно скопировать и вставить в текст письма, которое должно прийти на Вашу почту. Опции письма находятся под шаблоном формы.

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

В шаблоне письма можете писать любой произвольный текст.
Если Вы хотите, чтобы письмо ушло на второй адрес или копия отправилась пользователю, заполнявшему форму, то нужно поставить галочку «Использовать Адресат-2».
В развернувшейся форме опций так же необходимо вставить все теги, которые были в первом письме. Написать текст, заполнить e-mail (или код e-mail отправителя).
Ниже Вы можете настроить тексты сообщений, которые будут появляться, когда пользователь заполнит Вашу форму и нажмет на кнопку «Отправить». Это может быть сообщение о том, что информация отправлена, или о различных ошибках.

Когда все настроено, поднимаемся наверх и жмем на клавишу «Сохранить» (1). Потом нужно скопировать код формы (2) и вставить его на страницу, в запись или в текстовый виджет где Вы хотите, чтобы отображалась форма.

После вставки этого кода, нужно обязательно перейти на сайт, чтобы проверить, устраивает ли Вас внешний вид и правильно ли работает форма. Заполните форму и отправьте тестовое письмо. Проверьте, вся ли информация из формы пришла на почту. Если нет, то заходите снова в панель управления кодами и редактируйте шаблон.
Я постаралась довольно подробно объяснить, как работать с плагином Cоntаct fоrm 7.
​