Как сделать форму обратной связи для WordPress при помощи плагина Contact Form 7?

Здравствуйте, дорогие читатели блога. В сегодняшнем уроке мы будем реализовывать такую вещь, как «форма обратной связи для WordPress». Если вы еще не знаете, такая форма позволяет пользователям сайта отправлять сообщения автору данного блога или сайта.

Многие начинающие делают раздел «контакты» в виде простых записей, мол, с такими мыслями «Кому надо, тот вручную наберет и напишет». НЕТ! Этого делать не в коем-случае нельзя! Слышите, НЕЛЬЗЯ!

В первую очередь, вы должны позаботиться о комфортабельности для пользователя. Чтобы ему было удобно и уютно у вас на блоге! Хотите придать комфорта, ставьте форму обратной связи на WordPress, как это сделать, читайте ниже.

Форма обратной связи для WordPress. Плагин — contact form 7. Подробный мануал для новичков

Для начала взгляните, как выглядит форма обратной связи для вордпресс на моем блоге.  Хотите себе такую?

Как видите, в ней несколько полей:

1.    Форма для ввода имени
2.    Форма для ввода e-mail адреса
3.    Форма для ввода темы сообщения (по желанию)
4.    Поле для самого сообщения (нужно вводить желаемый текст, вопрос, предложение и т.п.)
5.    И последнее поле – это каптча, защита от спама. Как защитить себя от спама в комментариях, можете прочесть здесь «Защита от спама — плагин Invisible Captcha»

Я реализовал такую форму обратной связи через плагин «contact form 7» и «Really Simple CAPTCHA».

Идем дальше, плагин «contact form 7» качайте отсюда, а плагин «Really Simple CAPTCHA» можно стянуть здесь. Затем их следует установить и активировать.

После установки и активации двух этих плагинов, слева появляется новый раздел «Контакты (CF7)».

Заходите в настройки и видите такую надпись: «Скопируйте этот код и вставьте его в свой пост, страницу или текстовый виджет».

Копируем код, на скрине  обведен красной рамочкой. Затем переходите в раздел «Страницы» и создавайте новую страницу.

Давайте ей заголовок, можно задать «Обратная связь», можно «Контакты» или что-то свое придумать, только чтобы пользователям было понятно!

Далее нужно вставить код, который мы скопировали, в поле для ввода текста (см. скрин).

После вставки кода, сохраняйте настройки, переходите на «главную страницу» блога и обновляйте ее. У вас должна появиться новая страница в меню, «Обратная связь», зайдя на нее, будите наблюдать поля для ввода.

Это практически готовая форма обратной связи. Но здесь не хватает еще каптчи, защиты от спама. Давай добавим ее.
Снова заходите в настройки «Контакты (CF 7)» и справа выберите «Сгенерировать тег» и выберите «Captcha».

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

Затем сохраняйте и переходите снова в форму обратной связи на блоге. Как видим, появилась сама каптча (картинка) и поле для ввода данной каптчи.

И снова возвращаемся в настройки, осталось выполнить самую малость. В поле «Адресат» укажите ваш e-mail, на него будут приходить письма от пользователей. Также можете в сообщение добавить подпись, смотрите скрин, как это сделано у меня.

Протестируйте форму, путем ввода всех данных и отправки на е-mail. У меня все отлично работает.

Вот и все! Форма обратной связи для WordPress установлена и настроена. Теперь ваши читатели охотней будут связываться с Вами.

А чтобы реализовать обратную связь без плагинов и кодов, читайте данную статью: life-crazy.ru/obratnaya-svyaz-dlya-sajta-supportdesk.html

С Уважением, Михед Александр.