Contact Form 7 или форма обратной связи

Главная » Плагины WordPress » Contact Form 7 или форма обратной связи

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

Нужна ли форма обратной связи?

     Как видно из названия, речь пойдет о плагине Contact Form 7, благодаря которому на сайте устанавливается форма обратной связи. Форма обратной связи присутствует далеко не на каждом блоге. Не было ее до сегодняшнего дня и на моем. Год пока существует блог «Заработок в сети Интернет» я считала, что адреса электронной почты, который находится на странице «О блоге», вполне достаточно.

     Установить плагин Contact Form 7 заставил случай. Несколько дней тому назад я написала одному из блогеров деловое письмо, которое предполагало некоторую переписку. Первое письмо ушло и был получен ответ. А вот второе никак не хотело уходить на данный адрес. Пробовала его отправить из другого почтового ящика, но тоже безрезультатно. Пришлось временно засорять комментарии перепиской, чтобы как-то найти выход из создавшегося положения. В тот момент я обратила внимание, что на блоге установлена форма обратной связи. Эта самая форма обратной связи и помогла решить проблему в тот момент. Вот такое мое обоснование для установки формы обратной связи. Конечно, у формы обратной связи есть и другие плюсы, например, посетитель может быстро отправить сообщение админу, не покидая сайта.

Настройки плагина Contact Form 7

Contact Form 7

     С задачей установки формы обратной связи, как нельзя лучше, справляется плагин Contact Form 7. С плагином мне пришлось повозиться, я прочитала много информации на разных сайтах по его установке и, тем не менее, не сразу все получилось. Проблема заключалась в том, что письма приходили пустыми на мой почтовый ящик. Я не нашла нигде четкого объяснения этому, поэтому решила написать свою версию разъяснений в надежде на то, что описание будет понятным и вы установите плагин (если, конечно, решите, что он вам нужен) быстрее, чем сделала это я.

     Итак, поехали. Скачиваете плагин Contact Form 7, он частично русифицирован. Еще вам потребуется плагин для каптчи. Вы можете выбрать любой, но я рекомендую плагин Really Simple CAPTCHA, потому что он написан специально для Contact Form 7. После известных процедур по установке и активации плагинов находим в настройках плагин Contact Form 7 и делаем необходимые настройки.

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

     Форма для контакта 1 – это сгенерированный код, который получается в результате всех корректировок после нажатия «сохранить». Этот код надо скопировать и установить, например, на страницу «Обратная связь» или «форма обратной связи». Код формы обратной связи можно также установить в один из постов, если есть такая необходимость, или в сайдбар.

     Дальше готовим саму форму обратной связи. Для этого в «Generate Tag» выбираем «Email field». В верхнем поле ставим галочку, так как данное поле является обязательным. Затем копируем код в коричневом поле и подставляем в правую часть вместо [email* your-email]. Затем выбираем «Text area», для строчки «Тема» вам необходимо поставить в сроке «rows (optional)» единицу, так вам не нужно несколько строк, как для сообщения. Затем аналогичным образом копируете код и вставляете его вместо [text your-subject]. Для строки «Сообщение» снова выбираете «Text area», но «rows (optional)» оставляете пустым, чтобы окно для сообщения было многострочным и копируете код.

     Осталось выбрать из «Generate Tag» строчку «CAPTCHA». Указываете размер окошечка для каптчи и копируете полученные два кода ниже слова «отправить» или туда куда вы считаете нужным.

     
Далее надо настроить раздел «Mail», чтобы на ваш почтовый ящик приходили не пустые письма, как случилось у меня. Будьте внимательны.

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

     Левую часть раздела оставляем без изменения, в правой части «Тело сообщения» вместо [your-email] надо поставить код, который вы скопировали из «Generate Tag» но не весь, а только ту часть, которая написана после «*». Аналогично вместо [your-message] вставть ваш код, но только часть, которая написана после «textarea». Теперь нажимайте «сохранить», ставьте сгенерированный код верхней строчки на страницу и любуйтесь содеянным.

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






Читайте также:

Contact Form 7 или форма обратной связи” - комментариев: 74

  1. У меня получилось вот так вот: kobo.lomaster.com.ua/obratnaya-svyaz

  2. sightsworld.ru/write — вот моя обратка)
    Интересно, а можно ли эту форму вставлять в пост?

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

  4. Классная вещь — эта обратная связь. Обязательно установлю себе.

  5. Этот плагин и вправду классная штука. Можно хоть куда код вставлять: что в посты, что в страницы. Кроме того, можно свои поля настраивать.

    Вот мой пример как у меня сделано

  6. Интересный плагин. Кстати, использование обратной связи с посетителями сайта — эффективный маркетинговый прием.

  7. Я пользуюсь этим плагином и мне пишут.
    В основном пишут о неполадках в блоге и посылают деловые предложения. Последние я люблю больше, они приносят денежки…)

  8. Да, Женя, теперь я тоже с этим плагином и мне прислали пока только пробные записки для связи, но это не по моей просьбе, а самостоятельно. А неудачная переписка, которая заставила поставить плагин была у меня с Владимиром.

  9. Спасибо за плагин, поставил и себе на блог.
    Плагин установился с первого раза и ничего в нём не нужно было настраивать, кроме названий полей.
    Только вот не могу никак выровнять поля по левой стороне страницы, что только не пробывал — не получается. Кто знает, напишите как.

  10. Панель управления ВП — Плагины — Редактор — Там выбираете контакт форм 7, ищите нужный код (методом тыка, нужный — это тот, где прописан текст, и там уже приписываете атрибут left). Хз, сработает или нет, но с картой сайта я делал так (когда сцыль левую удалял)

  11. Поставила плагин по Вашим рекомендациям. Вроде все работает нормально, кроме поля Тема — так и отображается [your-subject]. Не подскажете где ошибка? Спасибо.

  12. Виктория, у меня тоже самое. Спрашивала у других, тоже не получила вразумительного ответа.

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

  14. Антон, я тоже по прошествии времени ощутила полезность обратной формы.

  15. Вот моя форма: dream.flip.su/contacts — постарался предусмотреть всевозможные варианты, чтобы облегчить жизнь контактёров )

  16. Установил,настроил все как вы объяснили, но письма не приходят вообще! Отправлять отправляет, и все! В теле сообщения только вот это — [your message]- и больше ничего, а у вас на скриншоте видно все поля!

  17. Герман, а вы отправляете письмо с текстом? У меня [your message] — пишется вместо темы письма. Попробуйте еще повнимательнее сначала. У меня тоже не сразу получилось. Если не получится, пишите, будем разбираться.

  18. Марина, письма конечно с текстом, уже столько их себе написал! Попробовал все сначала, но результат тот-же, писем нет. Меня очень смущает раздел «Mail», левую часть я не трогаю, как вы и говорите, а вот в правой мне просто некуда вставлять код. Можно вам скрин прислать? Может с плагином что не так?!

  19. Марина, форма заработала, но после того как я поменял email-адрес в настройках раздела «mail»! Теперь письма приходят как положено!
    Странно почему не работала почта установленная по умолчанию!

  20. Очень рада за Вас, Герман, что получилось. К сожалению, иногда приходится долго возиться с простыми, на первый взгляд, вещами, а потом оказывается, что мешала всему какая-нибудь мелочь или невнимательность. Всегда рада помочь! Удачи!

  21. А мне все же приходят пустые письма. Может что не могу понять с вашей записи? Помогите, плиз — очень нужна такая связь на сайте, т.к. только в этом плагине можно сделать строку добавить файл. Очень прошу помочь

  22. Елена, советую полностью удалить плагин и сделать внимательно все по пунктам, если не получится, пришлите по обратной связи или на wmarinaleon@yandex.ru скриншот, будем разбираться.

  23. Марина, я просто видимо где-то не правильно ваши слова трактую — все так же и остается. А очень надо. Может вы через асю проконсультируете? Естественно не бесплатно

  24. Елена, я если смогу — помогу и бесплатно, тут не бог весть какая проблема. Мой номер ICQ — 384917885, но я почти там не бываю. Если доверите пароль в админку, то могу сверить со своими данными. Потом пароль поменяете.

  25. Приветствую, Марина.
    Спасибо большое за полезный хелп.
    Но вот столкнулся с неприятностью.
    Все работает как надо, но вот «Тема» никак не отображается, пишет при получении письма: Тема: [textarea-570 x1]
    в чем может быть проблема?
    спасибо

  26. Дмитрий, у меня осталась та же проблема. Я очень много разбиралась с вопросом «тема письма», но так и ничего не выяснила. Так что, извините.

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

  28. Stanislav, каждый реквизит заключен в рамочку и сообщение тоже, почему в воздух?
    В настройках плагина есть Text field -> class (optional), попробуйте туда поставить цвет, я не экспериментировала с этим.

  29. Марина, я ставлю туда цвет, а дальше что? Куда чего дальше вставлять, чтобы это работало?

  30. Stanislav, внизу сформируется новый код [text text-121], перенесите его вправо, как делали раньше, посмотрите правильно ли указали параметр с цветом, потом сохраните. Больше ничего сказать не могу, поищите у других блогеров или спросите, может быть кто-нибудь подскажет, извините.

  31. Марина, я переношу этот код влево, но совершенно ничего не происходит!

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

  33. Форма работает, но одна вещь в ней не работает — не присылает файлы, вместо файла на почту приходит только название файла. Как решить эту проблему?

  34. Николай, не поняла, каким образом вы отправляете файлы? Здесь нет этой возможности, можно отправить только текст.

  35. Настройки параметров письма производятся в разделе «Mail» в левой колонке.
    В поле «To:» необходимо вписать ваш e-mail
    В поле «From:» пишется имя и почта отправителя [your-name]
    В поле «Subject:» вписывается тема письма. Ее можно получить из заполненной формы, если в самой форме есть такой пункт «Тема», а можно написать самому, если предполагается, что форма используется для стандартных сообщений.
    Далее — поле «File attachments:». Там все просто — нужно вписать [file-111] [file-222] и т.д.
    В правой колонке можно настроить вид письма. Там можно использовать html-теги, в общем оформить вид письма как хотите.

  36. Марина, спасибо : )
    Если возникнут вопросы насчет плагина и в частности насчет прикрепления файлов — всегда готов помочь.

  37. Я вписываю «[file-111] [file-222] и т.д.» но вместо файлов приходят только названия файлов.

  38. Николай, названия самих файлов, то есть например DSC555.jpg??
    Или названия [file-111] [file-222]?

    В самой форме возможность прикрепить файл описывается так:

    Загрузите файл:
    [file file-111]

  39. Если точно, вот я скопировал фрагмент кода:

    Файл
    [file-425] [file-665] [file-743] [file-613] [file-16]

    На почту приходят только названия файлов то есть например DSC555.jpg

  40. Здравствуйте. Я установил форму добавления комментариев, но она не работает??? Отзовитесь, кто может помочь понять в чём ошибка.

  41. Виктор, форма довольно капризная, сколько знаю, что почти все возились с ней, кто-то больше, кто- меньше. Нужно просто все делать очень внимательно и последовательно. Что именно у вас не работает? Попробуйте все удалить и поставить заново.

  42. Марина подскажите пожалуйста — где можно взять скрипты формы добавления комментариев, типа Вашей.

  43. Форма просто отличная, но как только вставляю поле для приклепления файла получаю сообщение — Ошибка заполнения. Заполните все поля и отправьте снова. Help!

  44. Извините, Роман, но я с этим не сталкивалась, может быть, кто-то из читателей подскажет. Я когда устанавливала плагин, то перечитала много блогов на эту тему. Подобного вопроса нигде не видела.

  45. Если кому будет нужно — как настроить ширину полей Contact Form 7 — kukshinov.com/blog/2011/07/04/kak-nastroit-razmeryi-poley-contact-form-7.html

  46. Спасибо за такое подробное объяснение. Оно мне помогло разобраться с настройками, но честно говоря, когда я поменяла все эти коды и вставила в левую часть, на странице вместо полей выскочили какие то кракозябры. Я удалила плагин, поставила вновь, не стала ничего изменять, только капчу добавила и все получилось.Ура! Но перед этим я скачала с англоязычного сайта плагинов для Ворд Пресс именно ту версии плагина Contact Form 7, которая подходит именно к моей версии движка. К моей версии Ворд Пресс 3.0.4. подходит версия 2.4.3. А к Вашей Вы сами выберете на этом сайте. Можете посмотреть, что у меня действительно работает.

  47. Рада была помочь, Галина. Вы правы, что версии плагинов и движка должны соответствовать друг другу. На вашем сайте я не увидела формы обратной связи.

  48. Добрый день, Марина!
    Вы смотрели на главную страницу, где действительно нет формы обратной связи — я туда ее и не устанавливала, хотя надо подумать… Однако, в своем сообщении я оставляла адрес страницы — ГОТОВЫЕ ВЫКРОЙКИ ( ссылку не указываю потому, что все-равно уберете), где эта форма установлена, и где она нужна именно для моего сайта.
    Но благодаря именно Вашим пояснениям я смогла ее установить так, как даже сначала и не знала как к этому плагину подступиться. Ведь я еще не мастер, а только учусь. Так, что-спасибо Вам большое!

  49. Галина я смотрела именно ту страницу, но формы не увидела. А ссылку убрала, потому что есть одна ссылка на ваш сайт и я посчитала, что лишняя ссылка не нужна. Так, что я никак вас не ущемила. Извините, но у меня и так много ссылок, потому все лишние убираю. Всегда рада помочь.

  50. Извините, Марина, за назойливость, но сейчас специально смотрела из разных браузеров и просила подругу посмотреть. Форма обратной связи у меня есть на той самой странице, в самом ее конце. Даже письмо мне подруга отправила. Я это пишу лишь потому, чтобы сказать, что я попробовала этим способом и у меня получилась.Может кому-то и будет полезно. Но получилось это только благодаря Вашим пояснениям.Так, что еще раз спасибо.
    Ваш сайт очень нужный. Я довольна, что нашла его.

  51. Здравствуйте, поставил плагин, форма просто не работает, жму отправить сообщение — долго долго грузит, затем пишет спасибо письмо было отправлено, но письмо не приходит(((

  52. Артем, я тоже не с первого раза установила плагин и пришлось с ним повозиться. Обратите еще, пожалуйста, внимание на соответствие версии плагина и вордпресса. А так, могу посоветовать удалить полностью плагин и попробовать внимательно все поставить заново, должно работать.

  53. Тема: [your-subject]

    Тело сообщения:
    [text* text-568]

    Доброго времени! Мне приходит вот такое письмо. Почему-не знаю.Подскажите, пожалуйста, что я сделала не так. Черепок уже трещит

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

  55. Спасибо, разобралась! Не все сразу получилось, но пара часов и все работает, как хотела!

  56. Спасибо! Ваша статья мне помогла разобраться без особых проблем, пол часа с чтением статьи и все готово!

  57. Спасибо большое за такую понятную статью. Не пришлось несколько часов «лазить» в Инете в поисках настроек. Все сделала за полчаса. Еще раз спасибо!

  58. А не подскажете — как вставить код трансляции не на страницу — а в шаблон страницы ?

    при вставке кода в шаблон страницы показывается простой код [contact-form-7 id=»56″ title=»Форма для контакта 1″]

    Как быть ?

  59. Чтобы вставить форму в шаблон, в вашем случае надо использовать:
    echo do_shortcode(‘[contact-form-7 id=»56″ title=»Форма для контакта 1″]’);
    Но можно поставить любой шорткод, ‘[gallery]‘ например!

    P.s.
    Почитайте описание функций да и вообще кодекс, многие вопросы отпадут сами собой:
    codex.wordpress.org и codex.wordpress.org/Function_Reference

  60. А почему плагин не адаптируется под шаблон сайта? Из-за чего это может быть?

  61. Что значит не адаптируется, Magus? В нем что не работает или он вообще не работает? Проверьте соответствие версии плагина и версии вордпресса.

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

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