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

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

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

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

Правда, изначально там все на английском, пришлось перевести, но уже выражения на вроде «You Name» и я пойму.

Итак, представляю вашему вниманию плагин WP-ContactForm

Настроить, чтобы он нормально заработал, необходимо так:

  • 1. Скачать плагин с сайта разработчика (http://marketingtechblog.com/download/wp-contact-form.zip)
  • 2. Как обычно установить и активировать.
  • 3. Идем в «Настройки»«Contact Form»
  • Настраиваем, куда будут приходить сообщения, отправляемые через форму:

E-mail Address: — ваш существующий ящик.

Legend: - заголовок формы обратной связи.

Subject Line: — заголовок письма, что придет на вашу почту.

  • Настройки контрольного вопроса для защиты от ботов:

Собственно сам вопрос и правильный ответ на него.

  • Настройки сообщений об удачной отправке и ошибки отправки для пользователей:

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

Для этого меняем строку:

#wpcf label { display: block; float: left; text-align: left; width: 140px; padding-right: 10px; font-size: 100% }

Размещаем форму обратной связи на странице

Тут все просто:

  • Создаем новую страницы, назвав ее, скажем «Контакты«
  • Пишем там что-то на вроде «вы можете мне написать через форму ниже:»
  • И вставляем ниже следующий код:  %% wpcontactform %% (!без пробелов между %% !)

Все, на новой странице вы можете видеть созданную форму. Единственный минус — все заголовки английские. Конечно, там все интуитивно понятно, но с русскими приятнее как-то.

Настраиваем русификацию заголовков формы

скачать игры бесплатноНу и осталось самое сложное.

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

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

Главное, в точности следуйте инструкциям и внимательно читайте все данные пояснения — и точно не ошибетесь. Получилось у меня, получится и у вас.

  • Идем в установленные плагины, выбираем плагин WP-ContactForm и жмем «Редактировать«
  • Редактировать будем файл wp-contact-form/wp-contactform.php — у меня он открывается по умолчанию.
  • Ищем строчки типа:

$form .= ‘<p><label for=»wpcf_your_name»>’. __(‘Ваше имя:’,’wpcf’).'</label>';

Это уже русифицированная, в английском варианте на месте ‘Ваше имя:’ было ‘You Name’. Проще всего делать так. Копируете английский заголовок из формы, идете в редактор, нажимаете Ctrl+F, на место подсвеченного английского заголовка вставляете свой русский.

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Комментарии (41)

  1. Чеснок

    Вот и спасибки, заюзал, перевёл и админку заодно. Выложу у себя, кому нудно, тот уже всё русское может ставить.

    Ответить

  2. В процессе создания своего сайта нашла более интересный, а главное бесплатный, сервис: http://www.mytaskhelper.ru. С его помощью можно легко создать любую форму (в том числе и динамическую), настроить её внешний вид и встроить на сайт. Огромным преимуществом является то, что совершенно не нужны знания HTML, php и других языков программирования!

    Ответить

  3. У меня вопрос: а можно ее использовать, если у меня в форме обратной связи более 100 полей?

    Ответить

  4. Евгений Илясов

    Предлагаю присмотреться к плагину для WordPress под названием Contact Form 7. Там ничего не надо переводить, есть среди прочих русская локализация. В код тоже лезть не надо. Если уже установлен Akismet, то попутно вводимый в форму e-mail «пробивается» по его спам-базе. Думаю, для обратной связи с читателями — самое то.

    Ответить

  5. Поставил себе Contact Form 7 — довольно-таки неплохо ,кстати. Просто и удобно. Правда, для капчи пришлось ещё один плагин ставить.

    Ответить

  6. Видимо, подразумевается, что заспамить автоматом могут и личку) У тебя же тоже стоит проверка на человечность (сумма чисел).

    Ответить

  7. Ну, а для Contact Form 7 нужно ставить отдельно) Странно, конечно, почему бы не встроить? :)

    Ответить

  8. Сначала попробовал WP-ContactForm, но всё-таки остановился на Contact Form 7. Удобней он

    Ответить

  9. Константин

    После установки активации Contact Form 7 начинает глючить слайдер на главной.

    Ответить

  10. Сергей Ник

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

    Ответить

  11. Почему то не отправляется сообщение на мыло из контакт формы. Сервер отмечает как спам, хотя остальные mail’ы из WP отправляются нормально

    Ответить

  12. Поставил, перевел, все нормально. Убрал форму URL (на моем сайте это не нужно). Одно смущает: после отправки сообщения на странице появляется надпись типа, сообщение отправлено, ждите ответа, но форма сама исчезает. Чтобы она появилась приходится перезагружать страницу. Т.к. я в этом новичок (причем полный), то у меня есть вопросы:
    1. Форма таки должна исчезать, или это неполадки?
    2. Из вашего опыта, нужно ли наличие формы после отправки сообщения?
    Заранее благодарен за ответ.

    Ответить

    • Сколько я видел таких форм — они все исчезают, так запрограммировано. У себя проверил — аналогично. мне кажется — все уже привыкли, так что пусть себе исчезает, пользователь-то уже написал все, что хотел.

      Ответить

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

    Ответить

  14. Подскажите почему приходят иероглифы вместо отправленного сообщения, даже имя не читается?

    Ответить

  15. у меня этот плагин не заработал а я та кобрадовался было подробному описанию автора…
    но нет- он просто не шлёт письма и все тут
    пробовал на майл ру

    Ответить

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

    что хочу попоросить..: как убрать ненужные мне поля с этой формы.. такие как адрес сайта и тема сообщения…?

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

    Ответить

  17. аааа, всё, всем спасиб, все свободны….
    я всё сделал сам — хахахха я чудо программист без знаний программиста….

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

    посмотреть как я настроил форму можно здесь
    http://pohrana.ru/?page_id=512
    только не пишите письма — это сайт заказчика сайта….
    я их всё равно не получу…
    связь со мной — [64www точка ру]
    админ просто за рекламу….твой сайт -супер, он в топе у гугла по запросу формы связи для WP
    ты крут, отвечаю)))

    Ответить

    • Забавно читать комментарии в обратном порядке:
      — Ааа, я крут, я все настроил!
      — Автор, помоги, поля лишние, что делать. как убрать.
      — Паника, паника, плагин не пашет!

      В общем, поздравляю, что разобрался.

      Ответить

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

    Ответить

  19. Скажите, пожалуйся как сделать блок «Интересные посты на Сайтоведе»?
    Это специфика темы или виджет/плагин какой-то ?
    Вообще тема мне напоминает морестайл — сайт пошаблонам WP у него такая же фишка есть….

    Ответить

  20. Спасибо за Ваш пост, особенно ценно то, что столько живых комментариев.
    Подскажите, может знаете вответ:
    Мне нужно все вопросы из формы обратной связи аккумулировать на странице, той, на которой стоит форма, чтобы вопрос уходит как на почту, так и оставался на страничке, не пробовали так?

    Ответить

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>