Видео-урок, как установить форму обратной связи на WordPress
Life-crazy.ru | блог о SEO
и заработке в Интернет


Как сделать форму обратной связи для WordPress при помощи плагина Contact Form 7?

Здравствуйте, дорогие читатели блога. В сегодняшнем уроке мы будем реализовывать такую вещь, как «форма обратной связи для WordPress». Если вы еще не знаете, такая форма позволяет пользователям сайта отправлять сообщения автору данного блога или сайта.

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

Многие начинающие делают раздел «контакты» в виде простых записей, мол, с такими мыслями «Кому надо, тот вручную наберет и напишет». НЕТ! Этого делать не в коем-случае нельзя! Слышите, НЕЛЬЗЯ!

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

Форма обратной связи для WordPress. Плагин — contact form 7. Подробный мануал для новичков

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

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

Как видите, в ней несколько полей:

1.    Форма для ввода имени
2.    Форма для ввода e-mail адреса
3.    Форма для ввода темы сообщения (по желанию)
4.    Поле для самого сообщения (нужно вводить желаемый текст, вопрос, предложение и т.п.)
5.    И последнее поле – это каптча, защита от спама. Как защитить себя от спама в комментариях, можете прочесть здесь «Защита от спама — плагин Invisible Captcha»

Я реализовал такую форму обратной связи через плагин «contact form 7» и «Really Simple CAPTCHA».

Идем дальше, плагин «contact form 7» качайте отсюда, а плагин «Really Simple CAPTCHA» можно стянуть здесь. Затем их следует установить и активировать.

После установки и активации двух этих плагинов, слева появляется новый раздел «Контакты (CF7)».

новый раздел

Заходите в настройки и видите такую надпись: «Скопируйте этот код и вставьте его в свой пост, страницу или текстовый виджет».

Код формы

Копируем код, на скрине  обведен красной рамочкой. Затем переходите в раздел «Страницы» и создавайте новую страницу.

Давайте ей заголовок, можно задать «Обратная связь», можно «Контакты» или что-то свое придумать, только чтобы пользователям было понятно!

Далее нужно вставить код, который мы скопировали, в поле для ввода текста (см. скрин).

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

Это практически готовая форма обратной связи. Но здесь не хватает еще каптчи, защиты от спама. Давай добавим ее.
Снова заходите в настройки «Контакты (CF 7)» и справа выберите «Сгенерировать тег» и выберите «Captcha».

И здесь нам говорят, что нужно вставить данные коды в форму слева. Должно получиться такое:

вставка каптчи

Затем сохраняйте и переходите снова в форму обратной связи на блоге. Как видим, появилась сама каптча (картинка) и поле для ввода данной каптчи.

И снова возвращаемся в настройки, осталось выполнить самую малость. В поле «Адресат» укажите ваш e-mail, на него будут приходить письма от пользователей. Также можете в сообщение добавить подпись, смотрите скрин, как это сделано у меня.

дополнительные настройки

Протестируйте форму, путем ввода всех данных и отправки на е-mail. У меня все отлично работает.

Вот и все! Форма обратной связи для WordPress установлена и настроена. Теперь ваши читатели охотней будут связываться с Вами.

А чтобы реализовать обратную связь без плагинов и кодов, читайте данную статью: http://life-crazy.ru/obratnaya-svyaz-dlya-sajta-supportdesk.html

Смотрим видео-урок для полного представления. А какой формой пользуетесь вы? Жду ваших комментариев.

С Уважением, Михед Александр.

Метки: ,


Комментарии
  1. Master-It  |  24.04.2013 в 20:21  |  Цитировать

    Нужно себе тоже такую страницу сделать.

    Кстати, я тоже практикую капоэйра и муай-тай.)

    Ответить
    • Михед Александр  |  24.04.2013 в 20:35  |  Цитировать

      Спасибо за комментарий) я больше паркур и стрит-акро) капоэйра-пробовал, но тренера подходящего нет в городе).

      Ответить
  2. Роман  |  25.04.2013 в 19:35  |  Цитировать

    Плагин нормальный: поставил и забыл. А потом как-то узнал, что он перестал работать — решал проблему, решал, так ничего и не добился, пришлось его снести. Теперь соображаю, как быть. Может, какие альтернативы есть? Жутко в код лезть неохота — эт такое дело мозг закипит  %)

    Ответить
    • Михед Александр  |  25.04.2013 в 19:57  |  Цитировать

      а какая проблема с плагином была, у меня тоже были, нашел решение. Поделитесь — может помогу 😉

      Ответить
  3. Танечка  |  03.06.2013 в 08:12  |  Цитировать

    про какие проблемы Вы говорите?не стоит его вставлять?

    Ответить
    • Михед Александр  |  03.06.2013 в 10:47  |  Цитировать

      Ну, у каждого могут возникнуть проблемы, я всегда рад помочь 🙂 А плагин очень нужный)

      Ответить
  4. Танечка  |  04.06.2013 в 08:31  |  Цитировать

    Александр будем знать и если что я обращусь к Вам

    Ответить
  5. Денис  |  08.07.2013 в 15:12  |  Цитировать

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

    Ответить
    • Михед Александр  |  09.07.2013 в 14:36  |  Цитировать

      Приветствую Денис, к сожалению этим вопросом не задавался на бесплатном варианте, но думаю, что форматирование текста будет лишним, а документы не мешало бы прикреплять.

      Платный вариант — www.support-desk.ru

      Ответить
  6. Александр Викторович  |  21.09.2013 в 13:02  |  Цитировать

    Оба плагина установил. Но разместил в виджет и поместил в сайд бар, с капчей не разобрался сразу. Теперь, благодаря вашей подробной инструкции понял. Спасибо! Пошел переделывать. надеюсь теперь получится.

    Ответить
    • Михед Александр  |  21.09.2013 в 13:29  |  Цитировать

      А зачем в виджет обратную связь ставить? Лучше отдельную страницу создать и там реализовать форму 🙂

      Ответить
      • Александр Викторович  |  22.09.2013 в 08:37  |  Цитировать

        Спасибо! Переделал, все получились. А как организовать подпись? И нужна ли она, что она даст?

        А в виджет я вставлял по не опытности и незнанию. Теперь создал страницу. Все работает.

        Ответить
        • Михед Александр  |  22.09.2013 в 09:37  |  Цитировать

          Подпись или подписка?

          Ответить
  7. Сергей  |  29.10.2013 в 04:55  |  Цитировать

    Отличный плагин! Тоже им пользуюсь.

    Ответить
  8. Елена  |  23.05.2015 в 14:08  |  Цитировать

    Спасибо большое! Получилось 🙂

    Ответить
  9. ник  |  07.03.2017 в 15:53  |  Цитировать

    у меня не работает

    Ответить
  10. ник  |  07.03.2017 в 15:54  |  Цитировать

    у меня не работает я отправляю на почте нету и в спаме

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

up