Форма обратной связи WordPress
Опубликовано: 06.09.2018
Здравствуйте, читатель! Основополагающей идеей блога является общение с его читателями. Это реализуется с помощью комментариев, электронной почты, реже ICQ или Skype (для этих целей советую завести отдельные аккаунты ICQ и Skype). Для удобства пользователей на блоге часто создается, так называемая, форма обратной связи WordPress , используя которую пользователь, не уходя с вашего интернет ресурса, может создать и отправить сообщение вам по электронной почте.
Настоятельно не рекомендую оставлять на своем блоге в явном виде адрес своего email, потому что по сайтам гуляют боты в поисках подобных адресов email для спама. Многие, записывая адрес электронной почты, заменяют символ @ на слово «собака». Более элегантный способ — это использовать форму обратной связи защищенную капчей, в которой email скрыт в скриптах php и не показывается в явном виде.
Настройка Contact Form 7. Полное описание настроек для форм, а так же фишки и дополнения
Капча (captcha) — это автоматизированный тест, предназначенный отличить человека от компьютера. Когда вы на сайте вводите символы с картинки, расставляете в правильном порядке фигурки или выполняете другие подобные простые задания — это и есть капча.
WordPress первоначально не имеет средств создания подобного рода связи, поэтому для выполнения этой цели рекомендую использовать два плагина: Contact Form 7 и Really Simple CAPTCHA. Результат их работы можно посмотреть на моем блоге — напиши мне! .
Я думаю, по названию плагинов вы догадались, что один отвечает непосредственно за создание формы обратной связи WordPress, а другой за капчу, для ее защиты. Поэтому последовательно установите плагин Contact Form 7 и Really Simple CAPTCHA и только потом приступайте к их настройке.
С установкой плагинов проблем возникнуть не должно. Скачайте последние версии и , распакуйте архивы, загрузите папки с файлами плагинов на ftp в директорию wp-content/plugins (для этого воспользуйтесь ftp клиентом FileZilla ) и активируйте в разделе «Плагины» админки WP.
Для настроек Contact Form 7 создается отдельный раздел в панели администратора WordPress, который называется Контакты (CF7) . Плагин Really Simple CAPTCHA не имеет отдельных настроек, он просто встраивается в Contact Form 7.
Первая опция настроек отвечает за формирование html кода, который вы будете вставлять на страницу блога . По умолчанию заголовок такой: «Форма для контакта 1». Можете поменять на более симпатичный, например «Напиши мне!».
Форма. Сюда необходимо вставлять генерированные в правом столбце теги. Вставляйте их последовательно так, как хотите видеть их в форме обратной связи. По умолчанию в ней присутствуют поля: Имя отправителя, email отправителя, тема сообщения, поле для самого сообщения и кнопка «Отправить». Для большинства блогов этого вполне хватит. Остается только добавить капчу, чтобы обезопасить почту от спама.
Нажмите на кнопку сгенерировать тег и в выпавшем списке выберете нужный. Рассмотрим на примере создания капчи.
Имя — вполне можете оставить заданное имя.
Настройки изображения:
id, class — идентификаторы, предназначенный для создания стилей. Заполнять необязательно. Цвет переднего плана и цвет фона — цвет задается html кодом. Подберите цвета так, чтобы символы были различимы на странице сайта. Задавать необязательно, если вас устраивает ее стандартный вид.Размер картинки (необязательно). Я выбрал большой размер, чтобы ее лучше было видно.
Настройки поля ввода:
id, class — аналогично рассмотренным выше, только теперь они добавляются к тегу поля ввода, а не к картинке с капчей; size (необязательно) — размер поля, фактически его высота; maxlength (необязательно) — максимальная длина поля ввода.Остается скопировать два сформированных html кода, которые отвечают за изображение и поле ввода, в поле слева.
Помимо капчи в форму обратной связи WordPress можно добавить еще с десяток разных функциональных кнопок, полей, флажков, радиокнопок и так далее. Но суть остается та же: выбираете тег, который хотите сгенерировать, настаиваете его, получаете html код, который вставляете в форму слева.
В качеств примера приведу код, используемый на моем блоге:
| < p> Ваше имя ( обязательно ) < br /> [ text * your -name ] </ p> < p> Ваш E - Mail ( обязательно ) < br /> [ email * your -email ] </ p> < p > Тема < br /> [ text your -subject ] </ p> < p> Сообщение < br /> [ textarea your -message ] </ p> < p> Введите символы с изображения :< br />< br /> [ captchac captcha - 291 bg : #96888 size:l]<br /> [captchar captcha - 291 ] < p> [ submit "Отправить" ] </ p> |
Адресат. В поле адресат укажите email, на который будут приходить письма, отправленные с помощью этой формы обратной связи. Можно использовать и второй адресат, чтобы продублировать письмо на другой email. Поля «Отправитель» и «Тема» без причины можете не трогать.
Сообщения. Определяет сообщение, которое увидит пользователь, если произойдет указанное выше событие. Пробегитесь глазами и откорректируйте, если какое-то сообщение вас не устраивает.
Не забудьте сохранить все изменения — кнопка «Сохранить» располагается в первом разделе настроек слева. Создайте страницу WordPress и скопируйте на нее полученный html код формы обратной связи (только используйте для этого не визуальный, а html редактор WP). Код будет иметь примерно такой вид:
| [contact -form - 7 id = "8" title = "Обратная связь" ] |
Проверьте работоспособность, отправив себе письмо.
На этом все. Спасибо за внимание! Подписывайтесь на мою . Берегите себя!
Лучший способ выразить благодарность автору - поделиться с друзьями!
Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:
Следите за обновлениями в Twitter и RSS.