Форма обратной связи 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], ниже скриншот такого шаблона

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

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

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

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

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

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

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


Дневник Джека Telegram канал моих торговых крипто идей! Если вы любите криптовалюты, то этот Telegram канал для вас. Только дельные советы, когда купить, что купить, какие монеты лучше. Полностью бесплатно

Криптопираты наш Telegram чат, все любители криптовалют добро пожаловать!

Donate на этой странице вы можете поддержать меня, отблагодарить и помочь развитию моих проектов


Рубрики Wordpress Метки #

2 комментария к “Форма обратной связи Contact Form 7”

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

    Ответить

Оставьте комментарий