Форма обратной связи на WordPress с помощью плагина Contact Form 7

Автор: Александр Дубровченко
Рубрика: Уроки Wordpress
26/07/2013

Форма обратной связи в WordPress с помощью плагина Contact Form 7

Здравствуйте, уважаемые  читатели моего блога! Сегодня я поведаю вам, о том зачем нужна форма обратной связи на WordPress движке и естественно, мы её научимся создавать. Для этого нам понадобится плагин Contact Form 7, который очень функционален и прост в настройке.

Зачем нужна форма обратной связи?

Эта чудо-форма нужна для того, чтобы посетитель блога смог без труда связаться с вами (автором блога). Если кто-то серьезно считает, что форма на блоге не нужна, а достаточно просто указать свой e-mail на странице, то тот сильно глубоко заблуждается.

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

А там блоггер разместил только свой e-mail в текстовом виде. Естественно, теперь вам придется открывать свою почту и писать письмо уже оттуда. Это отнимет у вас лишнее время и силы, а блоггер вообще может потерять клиента. Не каждый захочет делать кучу лишних манипуляций с ПК.

Поэтому умные дяди придумали специальную форму для движка WordPress и нарекли ее «форма обратной связи». От вас потребуется лишь правильно ее заполнить и нажать на кнопку «Отправить». Это все будет происходить, как говорится «не отходя от кассы», непосредственно на вашем сайте. Согласитесь, немного удобнее и быстрее, чем открывать свой почтовый клиент и оттуда писать письмо автору сайта.

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

01

Форма обратной связи в WordPress: установка и настройка

 

12

Скачать плагин вы можете, перейдя в браузере по ссылке http://wordpress.org/plugins/contact-form-7/.

Далее нужно распаковать скачанный архив с плагином на свой компьютер, а уже потом закачать его на хостинг в папку с плагинами. Для этих целей я использую ftp-клиент под названием FileZilla. Если вы еще не пользуетесь данной программой, то я вам настоятельно рекомендую использовать именно ее. Вернемся к делу. У меня папка с плагинами на сервере находится по следующему адресу: /httpdocs/wp-content/plugins.

Плагин можно установить и при помощи самого движка WordPress. Вам всего лишь потребуется ввести «Contact Form 7» в специальное поле для поиска плагинов и нажать клавишу Enter. Теперь нужно найти наш плагин в списке результатов поиска, установить и активировать его через панель управления плагинами. (О том как устанавливать плагины вы можете прочитать в данной статье).

02

Затем находим слева вкладку «Contact» и заходим туда. Это как раз таки и есть панель управления нашим чудо-плагином. Здесь вы можете по желанию изменить названия всех полей будущей формы.

 03

Спустившись немного вниз, вы увидите поля для ввода своего e-mail адреса. CMS WordPress сгенерирует его автоматически, но если постараться, то его можно изменить.

04

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

05

Страница с вставленным кодом должна выглядеть вот так:

06

У вас должна получиться вот такая форма:

07

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

Добавляем капчу в нашу форму обратной связи

Скачиваем плагин Really Simple CAPTCHA, перейдя в браузере по ссылке: http://wordpress.org/plugins/really-simple-captcha/. Далее устанавливаем и активируем его, как и плагин формы.

Затем нужно сделать следующее:

1. Перейти на вкладку «Contact»;
2. Найти выпадающий список «Сгенерировать тэг»;
3. Выбрать пункт «CAPTCHA».

 08

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

09

Копируем их, вставляем в форму настроек и жмем кнопку «Сохранить».

10

Обновляем свою страницу «Контакты» и смотрим на полученный результат:

11

Внимание! Для проверки работоспособности данной формы нужно отправить себе одно письмо.

Вот таким нетрудным способом, используя чудо-плагин Contact Form 7, можно сделать форму обратной связи у себя на блоге. Теперь услышав страшную фразу «форма обратной связи в WordPress» вам нечего бояться. Вы с легкостью сможете создавать такие формы на любых своих блогах и сайтах, работающих на движке WordPress. А какой формой обратной связи пользуетесь вы?  Используете плагины или прописываете скрипты в ручную? Жду ваших комментариев, друзья!

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

А на сегодня у меня все!

 Пока-пока!

С уважением, Александр Дубровченко.

Материалы по теме:

Как защитить WordPress от взлома?
Здравствуйте, друзья! Данный пост хочу посвятить одному из самых важных моментов в ведении блога. Сегодня мы поговорим о том  как защитить Wordpress от взлома. ...
Как раскрутить свой блог новичку? + отличная новость!
И снова, приветствую вас дорогие читатели моего блога! Сегодня за окном отличная погода и я решил начать свой день с новой статьи, которая называется ...
Как правильно выбрать нишу для блога?
 Всем привет! Как настроение? Сегодня в своем небольшом посте хотелось бы поговорить о том как выбрать тему блога. Если вы только решились создать свой ...
Как создать страницу ошибки 404 на WordPress?
Приветствую вас, дорогие друзья! Сегодня я вам расскажу о теме, которая часто "всплывает" в обсуждении работы WordPress - а именно, как создается страница ошибки ...
Как составить правильный файл robots.txt для WordPress?
Всем, привет! Вот появилось немного времени, для того чтобы написать не большой пост. Сейчас времени совсем в обрез, если помните, писал про заказы на ...
Получайте свежие статьи
блога на ваш e-mail!
ВКонтакте
FaceBook
  1. Юрий

    Это на самом деле лучший плагин для создания не только контактной формы, но и любой другой. Там есть много элементов, не только поля ввода и кнопка «отправить».

    Когда мне нужно было сделать на сайт форму заказа, я перепробовал все возможные плагины, и в итоге остановился на этом. Конкурент ему — только cform, но там могут быть проблемы с настройками отправки почты. В Contact Form таких вопросов нету — все работает сразу. Кстати, последняя версия требует обновить wordpress до 3.5, хотя работает и на более ранних.

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

    Юрий рекомендует статью...Интересная фишка для блога – всплывающая форма

    Ответить
    • Привет,Юрий!Да этот плагин имеет массу настроек,а вот форму заказа с его помощью я ещё не делал, так же как и всплывающую форму обратной связи. Пойду к тебе в гости почитаю, продолжение темы ;)

      Ответить
  2. Макс

    Да,безусловно отличный и продуманный плагин. Тоже его использую. Только думаю можно было в инструкции дать объяснение как в форме поставить кнопочку «Прикрепить файл». Удобно для пользователей. ;)

    Макс рекомендует статью...Основные принципы правильного питания

    Ответить
    • Максим, если честно я даже не думал добавлять такую кнопочку. =) В принципе то оно удобно, но не столь важно. Считаю, что для начала диалога достаточно написать, а если потребуется отправить мне какой-либо файл, то это можно сделать при дальнейшей переписке. Данная форма нужна для завязки диалога и установки контакта.

      Ответить
  3. Маргарита

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

    Ответить
    • Илья

      Ха, так если указать просто почту, то спама будет намного больше, так как в сети есть куча ботов которые ходят по сайтам и собирают все почтовые ящики что встретят по пути. Я даже где-то читал про чувака, который один раз оставил на каком-то форуме свой e-mail, а через пол года к нему приходило по 5000 рекламных писем.

      Ответить
    • Маргарита, ну не знаю кто вам там шлет тонны писем через эту форму, у меня спама вообще нет. А Илья прав, если оставлять просто электронку то это от спама не спасет.

      Ответить
      • Маргарита

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

        Ответить
        • Данила

          Если речь про ящик, тогда переходите на gmail! Там не пропускают спама почти ;)

          Ответить
  4. Web-Кошка

    А еще именно этот плагин очень здорово тормозит блог, проверено P3.

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

    Ответить
  5. Николай Текстов

    Привет Александр, а у меня на блоге установлена форма при помощи плагина WP-ContactForm, разница только в отсутствие капчи...Как говорят о вкусах не спорят ;)

    Николай Текстов рекомендует статью...Обзор книги богатый папа бедный папа автора Роберта Кийосаки!

    Ответить
    • Привет, Николай! И как без капчи? Спам-боты не одолевают? Мне кажется, что без капчи очень много должно быть спама.

      Александр Дубровченко рекомендует статью...Форма обратной связи на WordPress с помощью плагина Contact Form 7

      Ответить
      • Николай Текстов

        Еще пока не одного спаме не пришло. =) Если только бот зайдет в гости сразу установлю приведенный вами плагин ;)

        Ответить
        • Илья

          Николай, как только у Вас появится серьёзная посещалка на блоге, спам-ботов будет уже целая куча.

          Илья рекомендует статью...Как устанавливать новые драйвера на видеокарту или зачем это нужно!

          Ответить
          • Николай Текстов

            Я с вами полностью согласен, только пока он для эксперимента стоит, а там будет видно... ;)

            Николай Текстов рекомендует статью...5 советов как брать интервью у блоггера?

            Ответить
            • Николай Текстов

              Недавно переустановил плагин, не по тому что спам начался, а просто решил опробовать. Для капчи нужно еще один плагин, пока обойдусь без него. Когда спам начнется тогда и установлю... %)

              Николай Текстов рекомендует статью...Лучшие фильмы про писателей и копирайтеров!

              Ответить
        • Данила

          У меня, что касается спама, только посещалка перевалила за 50 так минимум по 50 писем в день валило!

          Ответить
          • Илья

            Афигеть, это с формы обратной связи? Если да то это здорово конечно. Я вот сейчас вообще подумываю убрать её полностью и вместо неё поставить e-mail, спама я думаю не будет, потому что у маила очень жесткие спам-фильтры. Так же профили соц сетей воткну. В самый раз будет.

            Ответить
            • Данила

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

              Ответить
              • Илья

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

                Ответить
              • Данила

                Да-да, именно так. Думаю, что это самое логичное, что она может тогда сделать!

                Ответить
  6. Неплохой плагин, но сам от него отказался. У меня форма обратной связи сделана на PHP в виде отдельной странички.

    Антон Лапшин рекомендует статью...Видео-курс “Мастер Кроссвордов WordPress”

    Ответить
  7. Раньше пользовался этим плагинов! Но когда поменял тему — стал не нужным из за встроенной функции! 8)

    Александр x3m рекомендует статью...Площадь «ТАНЦУЮЩИХ» фонтанов

    Ответить
    • Александр Дубровченко

      Приветствую, Александр! Интересная тема видимо. Она бесплатная?

      Ответить
  8. Данила

    Вот только в мае создал. Очень удобно, создал страничку, вставил код и все готово, людишки радуются! :-D

    Ответить
  9. Анна

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

    Ответить
    • Александр Дубровченко

      Привет, Ань! Да я согласен с тобой, по сути много чего можно заменить кодом, но для новичков этот плагин будет в помощь, я сам пока им пользуюсь. =)

      Ответить
  10. alex

    А какие еще есть похожие плагины? Или этот единственный?

    Ответить
    • Александр Дубровченко

      Алекс, возможно и не единственный, но лучший — однозначно. Другие даже не рассматривал и не искал.

      Ответить
  11. Игорь

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

    Ответить
    • Александр Дубровченко

      Пожалуйста, Игорь! ;)

      Ответить
      • Игорь

        Хороший у вас блог, Александр, думаю, я буду частенько к вам заскакивать. Однако, существует единственный минус: вы ответили на мой комментарий, а уведомление ко мне не пришло. А очень хочется знать: ответили мне или нет. Благо со вчерашнего дня я помню, какие статьи комментировал.

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

        Ответить
        • Александр Дубровченко

          Игорь, видимо вы не досмотрели, эта функция у меня стоит с момента создания блога ;) Поставьте галочку напротив «Уведомлять меня о новых комментариях» она находится под формой комментариев, а конкретно под кнопкой «Отправить». И будут приходить уведомления к вам на почту. =)

          Ответить
          • Игорь

            Да, точно, дальше кнопки отправить я и не смотрел. Неловко получилось =) Ну что же, в таком случае забираю свои слова обратно. Блог идеален :-D

            Ответить
  12. Юрий

    Хорошая форма, без лишних наворотов, я ей тоже пользуюсь.

    Юрий рекомендует статью...Как добавить свои пункты в контекстное меню Windows

    Ответить
    • Александр Дубровченко

      Привет, Юрий! Да не спорю, на мой взгляд самая удобная и не глючная.

      Ответить
      • Виталий

        Каламбурчик :-D как вы можете говорить, что это самая удобная и лучшая форма, если, как вы написали выше, другие и не рассматривали и не искали :P

        Ответить
        • Александр Дубровченко

          Виталий, приветствую вас! =) Считаю, если бы это было иначе, не была бы она такой популярной. Вот по отзывам и популярности и сужу и сам вполне доволен ей :-D

          Ответить
  13. Виталий

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

    Ответить
  14. Виталий

    Значит что-то делаете не так!

    Виталий рекомендует статью...Что такое CSS. Откуда ноги растут???

    Ответить
  15. Алекс

    Добрый день. Почему-то не подхватывается капча, хотя все установил, плагин активировал, поля все прописал, но выдает ошибку Could not find/open font in /var/www/pralex/data/www/pralex.biz/wp-content/plugins/really-simple-captcha/really-simple-captcha.php on line 127

    В чем может быть проблема, подскажите плз

    Ответить
    • Александр Дубровченко

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

      Ответить
  16. Агент 00x

    Полезная штука для страницы контактов. Людям удобнее будет через нее связыватся, чем так писать. Спасибо *THUMBS UP* !

    Агент 00x рекомендует статью...Блоггерский творческий кризис

    Ответить
    • Александр Дубровченко

      Пожалуйста, Агент 00x! ;)

      Ответить
  17. Анатолий

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

    Анатолий рекомендует статью...Как я заработал 10$ за 20 минут? Новички вам сюда!!!

    Ответить
    • Александр Дубровченко

      Не пробовал такой плагин, т.к. Contact Form 7 полностью устраивает. =)

      Ответить

Оставьте комментарий:









Оставьте ссылку на вашу статью

Оставьте комментарий и получите в подарок!

Эти замечательные книги, расскажут вам о различных способах продвижения и заработка в интернете!