Апр 26 2017

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, созданию формы обратной связи.

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

  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. Отсекает все возможности спамеров!

Надеюсь, что пост, Contact Form 7, полное описание настроек для форм, был полезен!