Форма обратной связи 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>

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

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

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

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

13.04.2017

170

2

Читайте также:

  • Флудер SMS MoBomber

    Иногда так хочется кого-то достать, обидеть, унизить и растоптать. Бываю дико зол я! Тебе не все дозволена. А может просто подшутить. Без шуток не возможно жить. Стихами что ли говорю, из недр пост я достаю!…

  • Отличные базы для прогона через Xrumer

    Отличные, очень качественные базы для хрумера(xrumer) за октябрь 2016 года. А также база для рефспама хрумера. Как всегда, все совершенно бесплатно! Подобные базы стоят не мало денег, но для своих читателей ничего не жалко. База…

  • Скачать Robosender. Рассылка по Skype

    Robosender - это программа для массовой рассылки по skype контактам. Скачать рабочий робосендер вы можете на данной страничке, внизу поста. На данный момент, это единственная рабочая версия программы Robosender, проверенно на Skype версии 7.7.80.103, если у кого-то…

  • WordPress: Все об изображениях!

    Данный пост будет полезен как новичкам, которые только планируют запилить свой блог на WordPress, так и тем у кого этот блог уже довольно давно! Сегодня мы поговорим об изображениях и основных проблемах с ними. Об…

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

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

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