Установка и настройка плагина обратной связи WordPress — Contact Form 7

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

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

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

После установки плагина, в меню админки WordPress, появится вкладка «Contact»? где и сосредоточены все настройки.

Здесь всего три вкладки, рассмотрим каждую из них:

• Contact Forms. В данной вкладке мы можем видеть все созданные формы и управлять ими.
• Add New. Вкладка для создания форм обратной связи.
• Integration. Интеграция капчи в форму обратной связи от гугл.

Как добавить форму обратной связи с помощью плагина Contact Form 7

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

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

1. Заполняем название формы, например, form-1.

2. Переводим заголовки полей:

• Your Name (required) — Ваше имя (обязательно);
• Your Email (required) — Ваш email (обязательно);
• Subject – Тема;
• Your Message – Сообщение;
• Send – Отправить;

При желании можете добавить еще поля из предложенных. Затем сохраняем форму.

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

Но помимо этого нам еще необходимо сделать перевод уведомлений и настроить адреса для сообщений, поэтому переходим в раздел «Mail» и делаем перевод как у меня на скриншоте:

После сохранения, переходите в раздел «Messages». Здесь нам нужно сделать перевод уведомлений. Примерно вот так:

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

Стили формы обратной связи будут зависеть от темы вашего сайта, поэтому у вас она может немного отличаться.

Вот такой вот простой, но весьма эффективный плагин обратной связи WordPress. А вы каким плагином пользуетесь?