Настройка плагина Contact Form 7 для WordPress

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

После установки и активации плагина в консоли администратора добавляется новый пункт меню Contact Form 7, в котором доступны существующие формы, можно добавить новую или интегрировать с сервисом reCAPTCHA.

Добавление новой формы

После добавления новой формы открывается её редактор. В самом верху — поле для ввода её названия. Далее, идёт строка с шорткодом, который нужен для вставки создаваемой формы на страницы сайта.

Редактор формы также содержит четыре вкладки:

шаблон формы — настройка внешнего вида и функций формы на сайте;

письмо — настройка тела письма, которое отправляют пользователи;

уведомления при отправке формы — текст подсказок при различных событиях;

дополнительные настройки. Редактор контактной формы

Основные опции доступны на первых двух вкладках. Их рассмотрим более подробно.

Шаблон формы

Если вы знакомы с языком разметки HTML, то вы вспомните тег <input>, с помощью которого настраиваются элементы ввода в контактных формах. Здесь что-то похожее. Имеется набор тегов формы:

текстовые поля: текст, email, URL, телефон, номер;

текстовая область — многострочное текстовое поле;

радиокнопка — кнопка выбора один из многих;

чекбоксы — кнопка флажок;

в раскрывающемся меню — выпадающий список;

кнопка «отправить» — кнопка инициализации отправки данных;

опрос — пара вопрос/ответ;

файл — поле для выбора файла;

reCAPTCHA — защита от ботов.

В общем случае синтаксис тега выглядит следующим образом:

[тип имя опции значения].

Например:

[text* your-name size: 50 "Иван Иванов"]

Обратите внимание, * означает, что поле обязательно к заполнению.

Теги формы вставляются между обычными тегами html, например <p> или <label>, для перехода на новую строчку используйте <br>.

По умолчанию новая форма имеет следующий код: Шаблон формы

Иногда требуется в письмо передать данные о пользователе. Это можно сделать с помощью скрытых полей и параметров по умолчанию:

[hidden your-name default:user_first_name]
[hidden your-fam default:user_last_name]
[hidden your-email default:user_email]

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

Настройка вкладки письмо

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

Кому — указывается электронный адрес получателя;

От кого — указывается адрес отправителя письма, можно указать теги, которые сформировали на предыдущей вкладке:

[your-name] [your-fam] [your-email]<wordpress@bonny-web.ru>

Дополнительные заголовки — можно указать, кому слать ответ по умолчанию, или кому переслать дополнительные копии. Например:

Reply-To: [your-email]
Cc: exemple@email.com

Все доступные заголовки написаны тут.

Тело письма — само письмо. Используем тег [your-message] для передачи текста с контактной формы.

Всё, основные настройки плагина Contact Form 7 завершены. Вы можете создавать формы для обратной связи с посетителями своего сайта. Официальная помощь по плагину (английская версия).

На этом всё. До следующих статей.