Форма обратной связи с помощью Contact Form 7

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

Использовать будем популярный плагин Contact Form 7.

Contact Form 7 WordPress настройка:

1. Первым шагом заходим в «Плагины» — «Добавить новый» — в строке поиска плагинов ищем «Сontact form 7»

2. Как видите это довольно известный плагин более 25 миллионов скачиваний.

3. Устанавливаем его и видим появилась дополнительная строка в админке сайта.

4. Переходим туда и видим, что весь функционал на русском языке. Работать с плагином Contact Form 7 довольно легко. Там уже создана одна форма, которая многим подойдет. Если нажать «Изменить» под заголовком формы, то там мы увидим поля:

• Имя
• Емейл
• Тема сообщение
• Сообщение

Тоесть стандартная форма, которую можно ставить на нашу страницу «Контакты»

5. Если нас все устраивает, то мы копируем код данной формы и идем в редактирование страницы «Контакты»

6. Во вкладке «Текст» мы вставляем наш код и обновляем страницу

7. И видим, что наша форма Contact Form 7 замечательно встала :-D Можем протестировать и отправить тестовое письмо. Снизу увидим сообщение подтверждения отправки, значит наше письмо успешно отправилось!

Дополнительные настройки плагина Contact Form 7

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

Во-первых, это поле получатель, где мы можем сменить емейл, на который хотим получать письма. По умолчанию там стоит тот емейл, что прописан в настройках сайта.

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

В-третьих, вы можете добавлять дополнительные поля в форму обратной связи. Для этого поднимитесь до настроек «Шаблона формы» и справа нажмите «Сгенерировать тег» и выберите нужный, например «Номер телефона».

Теперь можете выбрать обязательное это поле или нет? Поставьте чекбокс, если «Да».

Теперь нам нужно вставить два кода в «Шаблон формы» и в «Шаблон письма».
Сначала копируем код, что повыше и вставляем в «Шаблон формы» в такие же теги, как и другие коды стоят. А именно:

Телефон
[tel tel-111]

В моем случае телефон.

Теперь копируем нижний код и вставляем в «Шаблон письма», так же подписав, что это телефон.
Не забываем сохранить форму и идем проверять)

На этом все. Если все это кажется сложным, то просто установите плагин Contact Form 7 и зайдите в настройки. На деле все проще, чем кажется)

До встречи. Всех благ!