Форма обратной связи WordPress. Плагин, код или сервис?

blogstarter.ru /Форма обратной связи Wordpress

blogstarter.ru /Форма обратной связи WordPress

Всем привет, дорогие друзья! У ноутбука снова Иван Бизюк и у меня для вас благая весть. На ваших сайтах сегодня наконец-то появится форма обратной связи.

У кого она уже есть, не закрывайте статью сразу. Уверен, вы узнаете для себя немало интересного.

Разумеется, эта форма сама-собой не появится, и никто чужой нам ее ставить не будет. Я буду показывать на собственном блоге как это можно сделать абсолютно самостоятельно, полностью бесплатно и очень просто.

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

Кроме этого, вы поймете: что такое форма обратной связи и зачем ее присутствие просто необходимо в каждом блоге.

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

Ответ на этот вопрос, просто вытекает из самого названия. Форма — это объект, в котором присутствует какая-то текстовая информация, поля для ввода данных, названия этих полей и кнопка которая отправляет введенные данные на сервер.

В качестве данных могут выступать: логин, пароль, любая текстовая информация.

В HTML для организации на сайте формы выступает парный тэг <form>.

Самым простым примером может служить:

Форма для входа на сайт

blogstarter.ru /Форма обратной связи WordPress

Например, довольно симпатичная форма для входа на сайт text.ru

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

Или же вот форма обратной связи, созданная с помощью плагина Contact form 7

blogstarter.ru /Форма обратной связи WordPress

Форма для регистрации

Более сложный вариант — форма для регистрации. Почему сложный, потому что у пользователя запрашивается большее количество различных данных.

Уверен, все помнят, как выглядит форма для регистрации в GMAIL.

blogstarter.ru /Форма обратной связи WordPress

Зачем нужна форма на сайте

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

В нашем случае интересно узнать, зачем же нужна именно такая связь с вебмастером, когда можно преспокойно, указать свой номер телефона, скайп или почту.

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

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

Так же следует учесть, что блог, это не настолько коммерческий проект, чтобы нанимать сотрудника, который будет сидеть и отделять, так сказать, зерна от плевел.

— Но ведь можно же спамить и в эту форму, — скажете вы. И будете абсолютно правы. Можно. Ровно до тех, пор пока вы не установите плагин, этому препятствующий. Например, Akismet который идет в комплекте с WordPress, или вот очень популярный Really Simple CAPTCHA.

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

За счет того, что форма вынесена на отдельную страницу, она всегда на виду, под рукой, и это конечно же очень удобно.

Вот так-то.

Плагин Contact form 7

Как устанавливать плагины я рассказывал в одной из своих прошлых статей, поэтому здесь останавливаться на этом не буду. Просто скачиваем его и активируем.

После активации в консоли у нас появится одноименный с нашим плагином пункт меню.

Сразу скажу, что плагин мега популярный. Его скачали более 25 миллионов раз, поэтому совершенно не стоит сомневаться в его работоспособности или надежности.

В общем кликаем на этом новом пункте меню, переходим к настройкам и видим, что  уже автоматически сформирована «Контактная форма 1» и имеется специальный «Код вставки» для этой формы.

blogstarter.ru /Форма обратной связи WordPress

Копируем этот код.

Переходим к пункту меню «Страницы», «Контакты» и жмем на кнопку «Изменить»

blogstarter.ru /Форма обратной связи WordPress

Если страницы «Контакты» у вас нет, придется ее создать. Как это сделать читайте здесь.

Далее переключаемся в режим «Текст» вставляем наш код и нажимаем кнопку «Обновить».

blogstarter.ru /Форма обратной связи WordPress

blogstarter.ru /Форма обратной связи WordPress

Вот и все, теперь следует перейти на сайт и отправить тестовое письмо самому себе.

Возможно письмо не придет, или вообще не отправится. В данном случае проверьте активирована ли функция оправки писем на вашем хостинге. Например, на моем хостинге City Domain в разделе Вопросы-Ответы, можно подробно об этом прочитать.

Простой и легкий код

Сразу признаюсь, подсмотрел этот код у Александра Борисова сайт isif-life.ru. Смысл этого метода в том, что создается новый PHP файл и в него вставляется специальный код. По сути у нас получается абсолютно новый модуль в шаблоне.

Кому интересно может детально ознакомится с тем как это делается у Саши в блоге. Но отмечу, что у меня не все получилось так как должно было.

Может код простой и легкий, но установить его быстро и красиво на блог скорее всего не выйдет.

Еще нашел самописную форму Виталия Кириллова на сайте seo-mayak.com. Этот код вполне нормально работает, и форма так же нормально отображается.

Правда есть одно, но. В данном случае часть кода вставляется в functions.php поэтому ради ускорения загрузки блога использовать его вместо плагина особого смысла не вижу. Зато форму можно красиво оформить, добавив свои картинки и стили.

Он-лайн сервисы

Наверное, самый простой и быстрый способ организации формы обратной связи на блоге.

Метод заключается в том, что код для формы обратной связи вам предоставит специальный он-лайн сервис. Вам останется его всего лишь скопировать и вставить в страницу «Контакты».

Большой плюс в том, что уменьшается нагрузка нас сервер, за счет отсутствия плагинов. Минус же в том, что форма перестанет работать если у этого сервиса, начнутся проблемы или он закроется.

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

Сервисы есть как платные, так и бесплатные. Платные рассматривать в этой статье не буду, а к бесплатным относятся следующие:

http://masterform.info/

blogstarter.ru /Форма обратной связи WordPress

http://ip-whois.net/

blogstarter.ru /Форма обратной связи WordPress

http://main-ip.ru/

blogstarter.ru /Форма обратной связи WordPress

На этом друзья, все. Более подробно о плагинах, их настройках, различных кодах, и сайтах, про которые говорил выше, буду рассказывать в следующих статья. Так что не пропустите. Пока, пока, подписываемся на новости или следим за мной в Твиттере.

Подписаться на обновление блога

Введите свой e-mail адрес:

 

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

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