Приветствую читателей SEOBID.NET! Без предисловий скажу, что форма обратной связи на блоге или сайте – это совсем не роскошь. Часто это совершенно необходимая вещь – порой бывает недостаточно просто указать свои контакты электронной почты или логин в скайпе. Да и не все блогеры указывают свои данные, считая это лишним или небезопасным. Или указывают их в несколько зашифрованном виде, например – ISQ 55шестьвосемь девять94ноль1. Согласитесь, не всем, чтобы связаться с владельцем сайта, захочется набирать эту абракадабру.

Поэтому проще настроить на блоге свою контактную форму, которая не только поможет гостю быстро написать сообщение администратору, но и скроет его (администратора) е-мейл, что тоже будет нелишним. К тому же плагины для WordPress настолько многофункциональны, что некоторые из них позволяют в созданной форме обратной связи отправлять файлы, скрывать свою почту, прикреплять капчу или просто изменять внешний вид формы и кнопок.

На сегодня таким многофункциональным модулем является плагин Contact Form 7. Но если его дополнить еще одним плагином — Contact Form 7 Integrations, то ваши возможности намного увеличатся. Но обо всем – по порядку. Когда я устанавливал форму обратной связи на один из своих сайтов, то начал с Contact Form 7 Integrations, так как думал, что просто плагин Contact Form 7 уже есть в наборе. Но это оказалось не совсем так, хотя ничего страшного и не произошло – просто мне тут же предложили сразу установить и его.

Установка происходит стандартно, но приверженцам других способов советую почитать статью Несколько способов установки плагинов на WordPress. Тем же, кто не хочет забивать себе голову лишней информацией, расскажу и покажу в картинках установку и настройку именно плагинов Contact Form 7 и Integrations.

Добавить плагин Contact Form 7

Как видите, в меню «Плагины» просто нужно выбрать «Добавить новый». На новой старице в поле поиска впишите «contactform» и нажмите клавишу «Enter» на своей клавиатуре.

Добавить плагин Contact Form 7

Результатом поиска будет довольно много разнообразных плагинов, но, поверьте, я перепробовал множество из них прежде, чем остановился именно на Contact Form 7. Поэтому его и ищите:

Добавить плагин Contact Form 7

Дальше жмите «Установить», как показано на картинке, а когда плагин установится, жмите «Активировать плагин». Все это пока несложно и не вызывает трудностей. Немного посложнее будет дальше, но не настолько, чтобы вы бросили это занятие. Итак, идем в настройки плагина  но перед этим активируем его:

Активировать плагин Contact Form 7

И попадаем вообще непонятно куда:

Настроить плагин Contact Form 7

По-моему, сейчас все браузеры настроены на автоматический перевод языков, но, если ваш браузер еще этого не умеет – жмите оранжевую кнопку вверху этой красивой картинки. Она означает, что вы получите доступ ко всем возможностям сервиса ContactUS, в том числе и к скачиванию отсюда же, со страницы своего сайта (блога) плагина Contact Form 7. Итак, что мы получаем дальше:

Настроить плагин Contact Form 7

Здесь половина информации уже заполнена, вам останется только придумать какой-нибудь пароль длиной не менее 8 символов. Затем вы попадаете вот сюда:

Настроить плагин Contact Form 7

Пропускаете все это и попадаете сюда:

Настроить плагин Contact Form 7

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

Настроить плагин Contact Form 7

Одновременно с этим вы получите письмо на ту почту, которая была указана в настройках. Оно вас ни к чему не обязывает, просто это ознакомительное сообщение. Оно довольно большое, и вы получите более полное представление о том, что вы можете с сервисом ContactUS:

Письмо от сервиса

Первоначальную форму создавать не нужно – она уже готова и имеет самый необходимый набор полей для отправки сообщения. Но, думаю, вас это не удовлетворит, и вы захотите что-либо добавить. Я, например, добавил себе поле отправки файла. Здесь я вынужден сделать небольшое отступление и сказать о шорткодах. Наш плагин работает именно на них, и встраивается в страницу блога тоже при помощи шорткода.

Такое решение позволяет значительно сократить количество запросов к вашей БД, что уже хорошо. Кроме того, шорткоды (shortcode) упростят вашу жизнь и при создании новой страницы для формы обратной связи и встраивания в нее именно той формы, которую вы создадите. Плагин формирует новые шорткоды для любой новой формы, которую вы создадите, и это не обязательно должна быть именно форма обратной связи. Впрочем, дальше вы все увидите сами. Вот что мы имеем в стандартной форме:

Настроить плагин Contact Form 7

  1. Поле «Ваше имя».
  2. Поле «Ваш e-mail».
  3. Поле «Тема».
  4. Поле «Сообщение».
  5. Поле «Отправить».

Каждое из этих полей можно убрать, сделать обязательным или необязательным, добавить много новых полей и кнопок. Но пока идем дальше. Вы видите выпадающий список «Сгенерировать тэг»:

Сгенерировать тэг

Вот здесь и кроются все ваши возможности при работе с плагином Contact Form 7. Как видите, создать можно буквально все – от обычного текстового поля до различных кнопок и радиокнопок. На досуге можете поэкспериментировать со всем этим, а я расскажу, как добавить поле отправки файла. Думаю, многим такая функция на своем блоге понравится. Итак, в этом выпадающем списке выбираете «Отправка файла» и получаете следующее:

Настроить плагин Contact Form 7

Здесь вы можете сделать все поля обязательными или нет, разрешить к отправке разные типы файлов – в общем, вы сами все видите. Главное – как добавить всю эту красоту. Это очень просто – копируете шорткод поля и по принципу уже существующих полей добавляете его в форму слева:

Настроить плагин Contact Form 7

Сохраняете все это, затем копируете новый шорткод вашей формы обратной связи, чтобы вставить его на страницу ваших контактов:

Вставить шорткод плагина Contact Form 7

Страница создается, как обычно, только не забудьте в качестве шаблона страницы выбрать шаблон ContactForm. Шорткод на страницу можно вставить в любом формате – в визуальном или HTML редакторе. Перед самой формой можете добавить какую-либо информацию, например, о правилах пользования формой, озаглавить ее и т.д.

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

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

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