Плагин Contact Form 7 — конструктор контактных форм



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

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

Итак, после установки плагина в административной консоли WordPress появляется новое меню «Contact Form 7», которое включает три под-меню:

  1. Формы — показывает список всех созданных форм
  2. Добавить новую
  3. Интеграция — настройка интеграции вашей формы с reCapcha

Формы

Плагин Contact Form 7 - меню
Плагин Contact Form 7 — меню

По умолчанию, после установки плагина нам доступна форма «Контактная форма 1». Давайте посмотрим её содержимое:

Плагин Contact Form 7 - редактирование формы
Плагин Contact Form 7 — редактирование формы

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

Я хотел бы остановить ваше внимание только на одном теге — «reCAPTCHA», о котором я расскажу чуть ниже. А пока мы просто добавим этот тег перед последним тегом [submit "Отправить"]. Поставив курсор в нужном месте, мы нажимаем тег «reCAPTCHA», и в поле шаблона формы автоматически добавится тег [recaptcha size:compact]. Сохраним наши изменения, нажав на кнопку «Сохранить».

Во вкладке «Письмо» вы можете отредактировать поле «Кому», вставив ваш реальный email, куда будут приходить сообщения от посетителей сайта. Также вы можете для своего удобства изменить поля «Тема» и «Тело письма». На мой взгляд ключевое слово в «теме» просто необходимо в случае, если письма будут приходить на ваш email общего назначения. Это вам позволит быстро фильтровать письма от всей остальной почтовой массы.

Плагин Contact Form 7 - вкладка "Письмо"
Плагин Contact Form 7 — вкладка «Письмо»

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

Плагин Contact Form 7 - вкладка "Уведомления при отправке формы"
Плагин Contact Form 7 — вкладка «Уведомления при отправке формы»

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

Плагин Contact Form 7 - вкладка "Дополнительные настройки"
Плагин Contact Form 7 — вкладка «Дополнительные настройки»

Интеграция

Перейдя в меню «Интеграция» нам будет доступна следующая форма. Эта форма предназначена для интеграции вашего сайта с бесплатным сервисом от Google — reCAPTCHA — сервисом для защиты вашего сайта от спама и злоупотреблений.

Плагин Contact Form 7 - Интеграция
Плагин Contact Form 7 — Интеграция

Прежде всего вы должны зарегистрировать ваш сайт на сервисе Google reCAPTCHA, нажав на ссылку (2). В открывшемся окне, нажмите на кнопку «Get reCAPTCHA»

Регистрация на сервисе reCAPTCHA
Регистрация на сервисе reCAPTCHA

В открывшемся окне вам будет доступна форма для регистрация вашего сайта. В этой форме нужно ввести название вашего сайта и домен (я использую одно и тоже имя). Нажимаете на кнопку «Регистрация».

Регистрация сайта на сервисе reCAPTCHA
Регистрация сайта на сервисе reCAPTCHA

После регистрации сайта, вам будут доступны ключи, необходимы для интеграции. Скопируйте «Ключ» в поле «Ключ сайта» (3) в меню «Интеграция» на вашем сайте, а «Секретный ключ» соответственно в поле «Секретный ключ» (4).

Google reCAPTCHA - ключи
Google reCAPTCHA — ключи

Теперь осталось дело за малым. Перейдите в меню «Contact Form 7″—>»Формы» и скопируйте «Код вставки» вместе с квадратными скобками (напротив «Контактная форма 1»).

Плагин Contact Form 7 - меню
Плагин Contact Form 7 — меню

Создайте новую страницу с подходящим названием «Обратная связь», «Свяжитесь с нами» или еще как-нибудь, и вставьте в нее код, как показано на рисунке ниже.

Вставка кода в поле страницы
Вставка кода в поле страницы

После чего, ваша страница примет следующий вид:

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

Как видите, все очень просто и главное, теперь вы защищены от спама.

3 комментария

  1. Здравствуйте, подскажите какую версию плагина вы используете?
    Как я понял начиная с версии 4.4.2, которая вышла в конце апреля, русский язык был удален из доступных переводов.

    1. Добрый день, Василий!
      Спасибо за вопрос. Версия используется последняя — «4.5.1» и с русским языком у нее более, чем нормально. Я специально зашел на сайт плагина — обновлен он месяц назад.

  2. Не знаю, зачем использовать контактную форму, если проще просто написать имэйл для обратной связи. Стоит ли так заморачиваться.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *