Плагин для обратной связи Contact Form 7

Форма для обратной связи

Всем привет друзья и сегодняшняя статья пойдет о настройки и установки плагина которая дает нам форму обратной связи. Эта функция необходима практически на каждом сайте что бы пользователь мог с легкостью с вами связаться более того у этого плагина большой функционал можно к примеру настроить функцию что бы пользователь при необходимости отправлял вам файл любого формата и размера. так же можно установить капчю от спама. Еще я вам рекомендую создать доменную почту так как с ней меньше вероятности того что ваши письма попадут в спам. Для начало настройки формы вам нужно установить на свой сайт плагин под названием Contact form 7 у него более 1 млн установок а это значит, что он пользуется популярностью.

Установка и настройка плагина

После того как вы установили и активировали плагин то с боку в панели появится функция «Соntact form 7» перейдя по ней вам уже предлагают готовую форму, но мы будем делать сами все с нуля и для этого «Добавляем новую» (Смотрим ниже)

Форма для обратной связи

После того как мы добавили новую форму нас перебрасывает в настройки функций, во вкладке «Шаблоны форм» мы можем видеть какие именно можно настроить функции на нашей формы а именно отправка телефона, капча, файл, URL, опрос и.т.д и внизу мы видим фрагменты кода (Смотрим ниже)

Форма для обратной связи

В следующей вкладке «Письмо» мы можем увидеть какой фрагмент кода установлен для тех или иных полей, а именно в поле «Кому» прикреплен тот E-mail на который будут приходить письма посетителя, в остальных полях так же коды которые отвечают за каждое поле. (Смотрим ниже)

Форма для обратной связи

«Уведомление при отправки формы» в этих полях находятся подставные которые будут отображаться при каких нибудь активных действий, вы их можете изменить и написать по своему (Смотрим ниже)

Форма для обратной связи

Ну и вкладка «Дополнительно» ведет на официальный сайт плагина где так же вы можете воспользоваться дополнительными настройками но сайт на английском языке и я в подробности не вникал (Смотрим ниже)

Форма для обратной связи

Теперь давайте вернемся во вкладку «Шаблон формы» и настроим нашу форму, для начало нам нужно продублировать одну из строчек вместе с ком к примеру возьмем строчку «Сообщение» (Смотрим ниже)

Форма для обратной связи

Затем просто переименовываем дну строчку к примеру «Прикрепить файл» если вы хотите настроить функцию что бы пользователь при необходимости мог отправлять файл то нажимаем на вкладку «Файл» после появится всплывающее окно с настройками если в верху вы поставите галочку то функция будет (обязательной) в полях вы можете настроить тип файла, размер файла я жу оставляю поля пустыми и просто копирую нижнюю часть кода (Смотрим ниже)

Форма для обратной связи

И просто вставляю скопированный код в одну из дублированных строк для «Сообщений» (Смотрим ниже)

Форма для обратной связи

Затем я перехожу во вкладку «Письмо» иду вниз и вставляю этот же код в самый низ (но убираю одно слово file) (Смотрим ниже)

Форма для обратной связи

 Затем возвращаемся и снова дублируем одну строчку к примеру строчку «Прикрепить файл»  (Смотрим ниже)

Форма для обратной связи

И так же ее переименовываем и называем одну из строчек «Ответьте на вопрос» мы это делаем для того что бы нам не поступал спам так только человек сможет ответить на заданные вопросы.

Для этого нажимаете на верхнюю функцию под названием «Опрос» так же выпадает всплывающее окно с настройками и здесь нам нужно задать вопрос к примеру (5+5 и ставим вертикальную черту и затем ответ 10) «5+5|10» (Смотрим ниже)

Форма для обратной связи

После чего копируем нижний код и вставляем в переименованную строчку под названием «Ответьте на вопрос» а точнее чуть ниже (Смотрим ниже)

Форма для обратной связи

После всех нужных настроек и функций идем вверх и в синей строке копируем нужный нам шор-код, после чего идем на ту страничку где бы вы хотели видеть форму обратной связи в моем случае это «Контакты» (Смотрим ниже)

Форма для обратной связи

Вставлять код нужно в режиме «Текст» и в завершении все это сохраняете (Смотрим ниже)

Форма для обратной связи

С Уважением Максим Зеленцов!

Плагин для обратной связи Contact Form 7

Untitled Document

Плагин для обратной связи Contact Form 7 обновлено: Октябрь 19, 2016 автором: Максим Зеленцов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *