Contact Form 7. Полное описание настроек форм! Сегодня разберем способ, как сделать форму обратной связи на движке wordpress. Будем использовать плагин Contact Form 7.
С помощью плагина Contact Form 7, можно проводить опросы, собирать информацию с пользователей, даже можно сделать небольшой интернет магазин.
Для тех, кто заинтересовался формой обратной связи, наверное, не заставить трудности найти в поиске, в панели плагинов, — Contact Form 7. И установит его.
Содержание:
Настройки Contact Form 7
После установки можно сразу приступать к настройкам плагина Contact Form 7, созданию формы обратной связи.
Плюс данного плагина, это не только создание полей:
- Имя;
- E-mail;
- Тема;
- Вопрос;
- Но можно создать функцию прикрепления файла.
Что очень важно, если у вас технический сайт, для того, чтобы читатели смогли более четко объяснить свою проблему.
После установки в административной панели wordpress появляется пункт, Contact Form 7. Переходим в пункт /контактные формы/.
Здесь имеется уже созданная самая простая форма. Называется /контактная форма 1/. Ее можно:
- Отредактировать, сделать из нее необходимую.
- А также создать новую, нажав кнопку /добавить новую/.
Чтобы весь процесс был подробным, создаем новую. То есть нажимаем кнопку /добавить новую/. Начинается процесс создания!
Вписываем требуемый заголовок. Рекомендую называть каждую форму по-разному, если у вас на сайте их будет несколько.
Внизу мы видим самое большое поле, это наш шаблон. В нем, по умолчанию находятся поля:
- Имя;
- Ваш e-mail;
- Тема;
- Сообщение;
- Кнопка — отправит.
В принципе эту форму уже можно использовать! Для этого нажимаем кнопку /сохранить/.
Далее нажимаем слева на значке Contact Form 7. Нам дается код, на рисунке выделен. Вот этот код нужно скопировать, и вставить на нужную страницу своего блога.
Обращаю внимание, для того чтобы форма работала! Требуется у себя в настройках вписать свою почту, куда будут приходить сообщения.
Проверяем, как форма работает
Теперь давайте проверим, как она работает: Для этого перейдем на ту страницу, куда вставили код формы.
Как видим, я для проверки не написал одно поле, поэтому получил – предупреждение.
Ошибку, я исправил! Получил, зеленое сообщение, что все ок. Наша форма работает! Теперь проверяем, свой почтовый ящик, который указали в общих настройках wordpress. У меня, приблизительно через минуту, приходит письмо.
Сейчас многие скажут, что данной простой формы нам мало. Давайте рассмотрим, как добавлять требуемые поля.
Добавление требуемых полей
Показывать, я буду на поле, /прикрепить файл/. Если кому-то требуется другие поля, все остальное делается аналогично.
Заходим в нашу форму, нажав кнопку /изменить/. Перед нами открываются шаблоны. То есть, количество, и вид наших полей, которые есть.
Берем, как болванку, поле сообщение и копируем его, ниже.
Вместо /сообщения/, пишем /прикрепить файл/. То есть изменяем название поля, как оно будет называться.
Далее нам нужно поменять код ниже, заключенный в скобки. Для этого смотрим наверх, и видим множество кнопочек. Выбираем, где написано /файл/, и нажимаем на нее.
Появляется генератор кода. Здесь нужно заполнить настройки. После этого внизу мы получаем наш код, который копируем.
Дальше, просто заменяем код в нашей болванке, на код, который сгенерировали. Нажимаем сохранить.
Так как, мы уже вставили код самой формы, на страницу. То просто заходим на нее, и обновляем страницу блога. Видим, наша форма поменялась, появилось новое поле /прикрепить файл/. Так мы можем менять, эту форму под себя, как хотим!
Фишки плагина Contact Form 7
Если вам требуется мульти язычная форма обратной связи, то требуется в новой версии плагина, переключаться в настройках wordpress, на требуемый язык.
Обратите внимание, что сообщения могут проваливаться в папку спам. Все зависит от вашего хостинга.
Для тех, кто любит ставить форму reCAPTCHA. Конечно, это правильно, обезопасить свой почтовый ящик, от всякого рода спама.
Для этого заходим в /интеграцию/. Здесь есть официальный сайт, требуется зарегистрироваться. Получаете, секретный код. И водите два ключа. Получаете возможность добавлять в форму reCAPTCHA. Отсекает все возможности спамеров!
Надеюсь, что пост, Contact Form 7, полное описание настроек для форм, был полезен!