18 Октябрь 2011      5548      43

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

Финансовая грамотность и инвестиции в криптовалюту

Здравствуйте, уважаемые читатели моего блога!

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

При помощи данной формы любой посетитель блога сможет зайти на специальную страницу и оставить какое-либо сообщение администратору блога.

Данное сообщение придет на e-mail, который будет указан в настройках нашей формы. Кроме того, нам потребуется установить к нашей форме защиту от спама.

Для создания формы обратной связи мы воспользуемся двумя плагинами:

— contact form 7 – собственно, сама форма;

— really simple captcha – капча, предназначенная для защиты от спама.

Архив с плагинами Вы можете скачать здесь.

На моем блоге это выглядит так:

Контактная форма

Распаковываем архив в папку с плагинами нашего блога:

D:\Server\home\localhost\www\Blog\wp-content\plugins

Переходим в административную панель блога и активируем сначала плагин «contact form7»,

Контактная форма

затем плагин «really simple captcha».

Контактная форма

В левой нижней части административной панели появится пункт «Contact», заходим в него. Здесь нам необходимо заполнить поле «адресат», указав в нем свой e-mail. Если вы раньше делали это в настройках блога, то e-mail будет сгенерирован автоматически.

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

Контактная форма

Нажимаем сохранить и копируем код

Контактная форма

для вставки формы в буфер обмена

Далее переходим в пункт «Страницы»- «Все страницы», выбираем страницу, на которой хотим разместить нашу форму обратной связи (в моем случае это – «Обратная связь»), и во всплывающем меню нажимаем «Редактировать».

Вставляем наш код на страницу в визуальном редакторе и жмем «Обновить».

Контактная форма

Долее переходим на блог и обновляем страницу. Все, наша форма готова:

Контактная форма

В настройках «Contact» можно добавить различные поля, установить несколько адресатов.

Советую также посмотреть мой видеоурок: «Как создать форму обратной связи?» 

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

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

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

Если Вы хотите создать свой блог, но не знаете как, то рекомендую Вам скачать мой бесплатный видеокурс «Создание блога на WordPress». Подробности в статье «Как создать блог?».

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

Поделись с друзьями:

Обратите внимание:

Обсуждение: 43 комментария
  1. kuzmich:

    Привет, Александр. Форма конечно интересная, я тоже такую хотел, но я думал она не на плагине работает. А так даже и не знаю. :unsure:

    Ответить
  2. kuzmich:

    Александр, а ты не подскажешь, как мне в своей форме убрать убрать вот эту надпись Комментарии закрыты.?

    Ответить
  3. Александр Бобрин:

    Убрать строку кода, добавляющую комментарии из шаблона страниц (page.php). Код я Вам писал.

    Ответить
  4. kuzmich:

    Убрал :yahoo: только по другому, я в шаблоне- comments.php убрал код- Комментарии закрыты. и все получилось :aplo:

    Ответить
  5. Александр Бобрин:

    Ну вот и хорошо! :good:

    Ответить
  6. kuzmich:

    Твоя форма мне конечно больше нравится, но вот плагин... у меня их по-моему и так уже много стоит. Александр, а сколько у тебя плагинов стоит и запущено?

    Ответить
  7. Александр Бобрин:

    У меня 38 активных. В ближайшее время обзор напишу, может завтра! 🙂

    Ответить
    1. Ирина М.:

      Александр, а 38 плагинов — это не много? А то нам на курсах говорили, что нужно не более 20, иначе они сильно утяжеляют сайт.

      Ответить
      1. Александр Бобрин:

        Ирина, это много =)

        Ответить
  8. kuzmich:

    А это не много? Сколько, вообще можно активных держать, чтобы не перезагружать сайт? У меня только 16 активных. :scratch:

    Ответить
  9. Александр Бобрин:

    Не знаю сколько. Они вроде как нужные все, уберу если что мелочь. 🙂

    Ответить
  10. kuzmich:

    Ну раз у тебя 38 стоит, то я тоже тогда такой же плагин поставлю. 🙂

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

      Охренеть, 38 активных... У меня столько всего даже нет.

      Ответить
  11. Александр:

    Ого — надо сделать. Пасиб за инфу

    Ответить
  12. Елена:

    Спасибо за нужную для меня тему. У меня на странице «контакты», просто написан мой e-mail. Это не удобно для читателей. Не каждый захочет идти в почту, копировать. А эта форма очень удобная. Попробую установить на сайт.

    Ответить
    1. Ирина М.:

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

      Ответить
  13. Елена:

    Запуталась. Пока не получается. Скачала на комп. , разархивировала. И в панели управления «закачать плагин» там только формат ZIP используется.

    Ответить
    1. Александр Бобрин:

      Елена, тогда запакуйте в zip, или при помощи filezlla закачайте на сервер!

      Ответить
  14. Елена:

    Ура ! Все получилось! Спасибо большое. Довела дело до конца. Оказывается все так просто. Вы очень доступно все объяснили ( это для меня важно!) :good:

    Ответить
  15. Галина Грабовая:

    У меня тоже стояла в страничке О себе моя почта.Сделала страницу Обратная связь

    спасибо 

    Ответить
  16. Максим Войтик:

    Немного непонятно, как сделать капчу. Обязательно еще один плагин скачивать?

    И у вас что-то капча не срабатывает с первого раза...

    Ответить
    1. Александр Бобрин:

      Да. У меня уже нет этой формы, а капчи не работают из-за скрипта maxcashe

      Ответить
    2. Ирина М.:

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

      Ответить
  17. Максим Войтик:

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

    Ответить
  18. Сергей:

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

    Ответить
    1. Степан:

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

      Ответить
    2. Ирина М.:

      А разве данные подписчиков не остаются на тех же сервисах почтовых рассылок типа Смартреспондера или Джастклика?

      Ответить
  19. Павел:

    Классная обучалка! Все получилось с первого раза! 🙂 Спасибо! Кто не верит, можете посмотреть как выглядит форма обратной связи на моём сайте. 🙂

    Единственно что — указаные вами, Александр, плагины уже имеют обновления (а у вас старая их версия). Видеоурок как раз кстати, на принтскринах не всё понятно.

    Ответить
    1. Андрей:

      Ну чего это ты так, тут все Александру верят! 

      Ответить
  20. Андрей:

    А сейчас у тебя совсем другая форму! Как ты её сделал не напишешь?

    Ответить
  21. Алексей:

    А как на сайте создать систему комментариев

    Ответить
  22. Руслан:

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

    Ответить
  23. Вячеслав:

    У меня именно такая и стоит уже, но все равно спасибо за статью!

    Ответить
  24. Марио:

    Завтра тоже надо установить такую обратную связь.а то у меня просто надпись пишите и почта)))

    Ответить
  25. Денис:

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

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

      Это уже сложнее будет.

      Ответить
    2. Ирина М.:

      А с какими целями нужна такая форма обратной связи с такими наворотами? И с картинками, и с изменениями шрифта? Это же просто для связи?

      Ответить
  26. Екатерина:

    Спасибо, Александр! У меня всё получилось с первого раза 🙂 Хорошо и понятно пишете, за это и люблю ваш блог.

    Ответить
  27. Радмир:

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

    Ответить
  28. Игорь:

    Александр,вы как всегда на высоте.

    Ответить
  29. Александр Белый:

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

    Ответить
  30. Николай Вилков:

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

    Ответить
  31. Артем:

    Хорошее решение использовать плагин для вывода капчи. Нужно будет взять на заметочку данную рекомендацию.

    Ответить

Ваш комментарий

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

© 2024 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение