Создаем форму обратной связи

форма обратной связи Добрый день уважаемые читатели! Я думаю нет смысла долго и подробно разъяснять зачем и для чего блогу необходима форма обратной связи.  Довольно часто читая чужие эпосы возникает ряд вопросов, которые хотелось бы задать  автору не через комментарии, а лично. И такая возможность отсутствует и уходишь с блога. Хотя блог интересен, но нет общения с администрацией проекта. Так вот, чтобы исправить такое положение я предлагаю вам создать форму обратной связи у себя на блоге.

Создать общение с админом блога можно разными способами. Не хотите устанавливать дополнительный плагин, пожалуйста вам в помощь сервис Reformal. Не хотите ковыряться в настройках сервиса, тогда ставим плагин, позволяющий создать форму обратной связи.

Для создания формы обратной связи я испробовала два различных плагина .

Первый это   cforms. Достаточно интересный плагин, устанавливается он в несколько этапов и позволяет создать любую форму.  Для начала следует установить сам плагин, затем его руссификатор и еще патч. Главное при установке не ошибиться, что и куда следует установить. Все просто, но требует внимания. Но вот сюрпризы этот плагин стал показывать уже на самом блоге. Съехала форма обратной связи за границы шаблона. Изменения стилей желаемых результатов не принес. Поэтому я не буду оригинальной, а предложу вам самый простой в установке и настройке плагин contact-form-7.

Данный плагин можно скачать с официальной страницы  http://wordpress.org/extend/plugins , совершенно бесплатно.

Полученный архив распаковываете и с помощью ftp — клиента закидываете в директорию  /wp-content/plugins/. Затем заходите в админку и в панели Плагины его активируете. При успешной активации в административной панели слева появляется вкладка  Contact, позволяющая настраивать форму обратной связи.

вкладка контакт

Для того , чтобы приступить к настройке плагина предварительно надо создать страницу на блоге, где должна будет отражаться созданная форма связи. Страница с формой может называться по — разному, как того пожелаете вы. Но из ее названия должно быть понятно, что здесь можно написать автору данного проекта. Я нарекла такую страницу просто «Контакты».

Теперь заходим во вкладку Contact и можно ничего не изменив скопировать выделенный коричневым цветом код

код для формы контактов

и вставить его в режиме  редактирования html  на созданную страницу. Сохраняем изменения.

форма связи на блоге
Что же тогда следует делать с настройками? Это уже будет зависить от вашего желания, но они элементарны.

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

добавление новой формы связи

Панель Form  здесь  можно указать структуру формы обратной связи, а Generate Tag выбираем поле для настроек. Заполняем несколько полей и плагин сам сгенерирует необходимый код.

панель Generate Tag

Далее идет Mail, здесь находятся настройки для отправляемых писем. Здесь в любом случае необходимо  прописать свой e-mail, на который должны будут приходить сообщения. Иначе смысла создания такой формы нет.

email

В самом низу страницу есть блок Messages, где хранятся  сообщения, выводимые при тех или иных действиях пользователей – неправильное заполнение полей, ошибка в e-mail и прочее. Чтобы просмотреть списк нужно нажать ссылку Show возле заголовка.

По идеи на этом можно было бы завершить создание формы обратной связи, но необходимо еще позаботиться о защите  от спама, то есть установить  Captcha. Для этого скачиваем  дополнительный плагин – Really Simple CAPTCHA( http://wordpress.org/extend/plugins/really-simple-captcha), распаковываем и устанавливаем в /wp-content/plugins/, активируем. После этого возвращаемся в конструктор формы и с помощью Generate Tag  генерируем элемент типа CAPTCHA.

Прописывая при этом в окне Form между «Сообщение » и «Отправить»следующие строки:

<p>Введите код с картинки</br>
код номер 1
код номер 2</p>

Код выделен коричневым цветом.

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

Сохраняете, копируете код формы и вставляете в страницу . И теперь в конце формы обратной связи появляется простая капча, позволяющая защитить вас от спама.

защита обратной связи с помощью capcha

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

Если вы не желаете пропустить появление новых материалов на блоге «Seo записки отчаянной«, то предлагаю вам подписаться на обновления блога в удобной для вас форме.

Вам понравилась статья? Расскажите о ней друзьям!