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

Если вы ищите для своего блога хорошую форму для обратной связи, я бы посоветовал один из популярных плагинов для WordPress - Contact Form 7. Конечно, можно было запилить форму и без помощи каких либо плагинов, или вообще воспользоваться стандартными средствами движка, но у меня есть как минимум одна весомая причина воспользоваться именно Contact Form 7.

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

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

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

Скачать Contact Form 7 можно в репозитории WordPress, тут же вы найдете огромное количество дополнений к нему:

Вот так выглядит управление формами, на блог я их вставляю обычно шорткодами:

Конструктор самой формы выглядит вот так (скриншот ниже). Посмотреть на то, как будет отображаться данная форма вы можете вот здесь  

Все отправляемые данные с формы приходят мне на почту, само письмо также собирается по моему шаблону, в котором я для своего удобства могу расставить переменные отвечающие за сбор данных с этих форм. Допустим в данном примере, мы собираем Имя (переменная которая отвечает за это [your-name]), Email (переменная [your-email]), Skype [your-skype], Список нужных кошельков: [checkbox-169] и т.д.

Причем, если в редакторе форм, для того чтобы создать (необязательное) поле Skype, мне нужно прописать, так:

<p>Skype (если есть)<br />
[text your-skype] </p>

где, "Skype (если есть)" - это просто подпись поля, "text" - это обозначает текстовое поля ввода, если нужно большое поле на несколько строк, то указывать нужно "textarea", "checkbox" - это для создания групп множественного выбора, а если нужен к примеру переключатель (радиокнопка), то используем "radio". Также есть и другие вариации, вставлять их можно этими кнопками:

your-skype - это в нашем случае индификатор, ну или переменная. Если смотреть на эту запись [text your-skype], то это просто текстовое поле, при передачи которого, то что туда ввели записывается в переменную your-skype, вот и все.

А вот в шаблоне писем, которые отправляются после отправки, нужно вставлять уже просто так Skype: [your-skype], ниже скриншот такого шаблона

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

Как часто вы посещаете PlanWorld.ru

  • Добавить свой ответ

<p>Telegram (если есть)<br />
[text your-telega] </p>

Причем, если нам нужно сделать данное поле обязательным, то делаем так:

<p>Telegram (если есть)<br />
[text* your-telega] </p>

Думаю вы заметили разницу между первым и вторым вариантом кода. Поле мы в форму добавили, а теперь добавляем еще в шаблон иначе наши данные попросту до нас не дойдут:

Ну и напоследок, предлагаю глянуть как выглядит заполненная форма, которую видит пользователь при отправке, и как я вижу получаемое с данной формы письмо:

А вот так оно мне приходит:

Плюс ко всему, все нужные мне данные отправляются уже в мою базу данных, но это уже совсем другая история, о который мы поговорим в следующей статье, в рамках рубрики "Блог на WordPress"

Форма обратной связи Contact Form 7 обновлено: Май 8, 2017 автором: Jack

Отправить ответ

Уведомлять меня
avatar
trackback

[…] есть специальное расширение которое интегрируется с плагином Contact Form 7, о котором я писал в прошлой статье. Т.е. люди отправляют мне письма через формы обратной […]

Кирилл
Гость

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

wpDiscuz