Меню

Contact Form 7 разбираем описание настроек форм

Contact Form 7 полное описание настроек форм! Сегодня разберем способ, как сделать форму обратной связи на движке wordpress. Будем использовать плагин Contact Form 7.

С помощью плагина Contact Form 7, можно проводить опросы, собирать информацию с пользователей, даже можно сделать небольшой интернет магазин.

Для тех, кто заинтересовался формой обратной связи, наверное, не заставить трудности найти в поиске, в панели плагинов, — Contact Form 7. И установит его.

Содержание:

Настройки Contact Form 7

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

Плюс данного плагина, это не только создание полей:

  1. Имя;
  2. E-mail;
  3. Тема;
  4. Вопрос;
  5. Но можно создать функцию прикрепления файла.

Что очень важно, если у вас технический сайт, для того, чтобы читатели смогли более четко объяснить свою проблему.

Contact Form 7
После установки в административной панели wordpress появляется пункт, Contact Form 7. Переходим в пункт /контактные формы/.

Здесь имеется уже созданная самая простая форма. Называется /контактная форма 1/. Ее можно:

  1. Отредактировать, сделать из нее необходимую.
  2. А также создать новую, нажав кнопку /добавить новую/.

Чтобы весь процесс был подробным, создаем новую. То есть нажимаем кнопку /добавить новую/. Начинается процесс создания!

Contact Form 7
Вписываем требуемый заголовок. Рекомендую называть каждую форму по-разному, если у вас на сайте их будет несколько.

Внизу мы видим самое большое поле, это наш шаблон. В нем, по умолчанию находятся поля:

  1. Имя;
  2. Ваш e-mail;
  3. Тема;
  4. Сообщение;
  5. Кнопка — отправит.

В принципе эту форму уже можно использовать! Для этого нажимаем кнопку /сохранить/.

Contact Form 7
Далее нажимаем слева на значке Contact Form 7. Нам дается код, на рисунке выделен. Вот этот код нужно скопировать, и вставить на нужную страницу своего блога.

Contact Form 7
Обращаю внимание, для того чтобы форма работала! Требуется у себя в настройках вписать свою почту, куда будут приходить сообщения.

Проверяем как форма работает

Теперь давайте проверим, как она работает: Для этого перейдем на ту страницу, куда вставили код формы.

Contact Form 7
Как видим, я для проверки не написал одно поле, поэтому получил – предупреждение.

Contact Form 7
Ошибку, я исправил! Получил, зеленое сообщение, что все ок. Наша форма работает! Теперь проверяем, свой почтовый ящик, который указали в общих настройках wordpress. У меня, приблизительно через минуту, приходит письмо.

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

Добавление требуемых полей

Показывать, я буду на поле, /прикрепить файл/. Если кому-то требуется другие поля, все остальное делается аналогично.

Contact Form 7
Заходим в нашу форму, нажав кнопку /изменить/. Перед нами открываются шаблоны. То есть, количество, и вид наших полей, которые есть.

Contact Form 7
Берем, как болванку, поле сообщение и копируем его, ниже.

Contact Form 7
Вместо /сообщения/, пишем /прикрепить файл/. То есть изменяем название поля, как оно будет называться.

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

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

Contact Form 7
Дальше, просто заменяем код в нашей болванке, на код, который сгенерировали. Нажимаем сохранить.

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

Фишки плагина Contact Form 7

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

Обратите внимание, что сообщения могут проваливаться в папку спам. Все зависит от вашего хостинга.

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

Contact Form 7
Для этого заходим в /интеграцию/. Здесь есть официальный сайт, требуется зарегистрироваться. Получаете, секретный код. И водите два ключа. Получаете возможность добавлять в форму reCAPTCHA. Отсекает все возможности спамеров!