Форма обратной связи на 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. А какой формой обратной связи пользуетесь вы?  Используете плагины или прописываете скрипты в ручную? Жду ваших комментариев, друзья!

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

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

 Пока-пока!

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

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

Топ 20 лучших плагинов для WordPress!
Приветствую вас, друзья! Сегодня меня посетила мысль написать небольшой обзор плагинов. Хочу вам представить лучшие плагины для Wordpress, или я бы даже сказал самые ...
Как правильно настроить плагин All in One Seo Pack?
Здравствуйте, уважаемые читатели моего блога! Сегодня наша статья будет посвящена плагину, установить который должен каждый и еще раз повторюсь, именно каждый блоггер. Это основа вашего ...
Где брать бесплатные картинки для блога?
Привет, друзья! Сегодня хочу вам рассказать, где брать бесплатные картинки для блога. Не для кого не секрет, что иллюстрации в статьях очень важны! Так ...
Как установить плагины на WordPress?
Приветствую вас, дорогие читатели! Сегодня мы с вами научимся устанавливать плагины на 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 полностью устраивает. =)

      Ответить

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









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

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

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