Как создать форму обратной связи? Ломал голову наверно сутки тем более мне нужно было не просто форма, а чтоб были еще дополнительные функции (каптча, список категорий и тд). Сперва хотел сам написать, потом решил оставить эту затею и нашел в интернете очень полезный плагин для созданий форм.
1. Для начало вам надо скачать это плагин Contact form 7 , распаковать и активировать его.
Далее Заходим в админку WordPress—->Contact
2. Перед вами откроется форма контакт, копируем форму
3. 1. Создаем станицу, называем «контакт» или «обратная связь» 2. копируем код на страницу 3. жмем кнопку опубликовать.
После вы зайдете на контакт и уведите готовую форму обратной связи
Форма как бы готова, теперь в ней нужно ввести необходимые параметры чтобы она правильно отображалась. Заходим обратно в админке—>contact, cправа от формы будет выпадающее меню generate tag
Вам нужно с генерировать то что вы хотите чтобы у вас было в форме обратной связи. Меню которое здесь доступно.
- Text field — Используется для создания Имя отправителя и темы, возможны различные параметры
- Email field — Выводится поля с email
- Text area — Текст для сообщения можете задать различные параметры (rows количество рядов в сообщение можно оставить пустым)
- Drop-down menu — Выпадающее меню
- Checkboxes — Устанавливает флажки со списком меню
- Radio buttons — Аналогично Checkboxes устанавливаются круглые кнопки со списком меню
- Acceptance -Кнопка (что-то вроде я согласен с правилами) после нажатия на нее можно отправить форму
- Quiz — Встроенная каптча сложения цифр (вы можете задать ему любое сложение задается в таком формате 1+3=?|4)
- File upload- С помощью это меню можно прикрепить файл и отправить на почту
- Submit button — Кнопка отправки сообщения
- CAPTCHA — Капча с символами (отдельный плагин требует установки)
Стандартная форма обратной связи создается сразу, при добавления специального кода на страницу, вам уже предлагаться готовая форма, остается только ее подредактировать и к каждому пункту с генерировать код и вставить в редактор формы. Ниже я приведу пример как это делается.
После того как вы войдете в меню contact в админке перед вами будет редактор форм и generate tag с выпадающим меню, выбираете любой из пунктов меню и откроется мини редактор:
Вы можете задать ему любые параметры, галочку которую я подчеркнул в самом верху означает поле обязательно для заполнения. В самом внизу вы уведите код в коричневом фоне, копируйтеи вставляете в форму (см. рис. ниже)
Первый код я с генерировал для поле вода имени, а второй для темы.
Защита от спама в форме обратной связи
Для начало вам надо скачать плагин Really Simple CAPTCHA и активируйте его. Он также появиться в списке generate tag. Вам надо будет генерировать код т.есть просто нажимаем в меню на каптчу. Там будет 2 кода первый код это картинка, а второй код это поля для символов с картинки , эти два кода вам надо вставить после сообщения перед кнопкой отправить. Я думаю здесь ни чего сложного.
После того как вы создадите форму, нужно будет разобраться с письмом отправки чтобы к вам не приходили пустые сообщения. Я уже перевел текст, вы можете вписывать тоже самое или написать свое.
- Ваш емаил куда будут приходить сообщения
- Скопируйте с формы сообщения только последний код например [textarea textarea-190] копируем только [textarea-190]
- Ваше имя также копируем последний код
- Емайл отправителя антологичным способом.
Далее переводите на русский текст там все понятно, сохраняйте и протестируйте на работоспособность.
Вот и все статья получилась очень большая, но я для себя решил что нужно расписать все до деталей. А видео урок был бы вообще по теме. Я свою форму сделал таким образом. Смотрим
Будут появляться вопросы по установке плагина, пишите, будем разбирать))
Сейчас работаю над одним сайтом, есть серьезная проблема совместимости cforms с некоторыми jqwerry фишками сайта, ищу альтернативу, возможно ли в данном плагине указать несколько адресатов ?И возможно ли создание произвольных выпадающих спи списков и селекторов?
Есть альтернатива можно посмотреть здесь http://www.sonika.ru/blog/wordpress/contact-form-antispam-rus.htm. Возможно использовать произвольные меню, я делал себе список рубрик, а насчет нескольких адресатов
тоже можно, там можно использовать 2 формы
Любопытно, спасибо , гляну
А как при помощи этого плагина сделать чтобы на указанный и-мэйл отправлялась информация о выборе в меню и списках?
Очень надо.
Просто невероятная форма для контактов, всё на русском, всё доступно, все понятно, у меня ушло буквально 5 минут чтобы настроить форму обратной связи — шикарная статья, Спасибо автору за труд !
Андрей Я пишу для читателей.
Интересная статья,
каким образом можно уменьшить размеры этих форм?
Рудик можно создать класс для каждого поля и оформить его, в форме можно указать длину строки .
попробывал, все равно грубавато ((
а я вот пытаюсь настроить и отправить не получается письмо, …даже не знаю.. все делала как на картинке у вас *UNKNOWN*
Здравствуйте, я пытаюсь настроить страницу «Контакты» на своем сайте соглазно Вашего описания http://blogowed.ru/2011/01/sozdanie-formy-obratnoj-svyazi-na-wordpress-plagin-contact-form-7/. С первой задачей я справилась, а вот с письмом отправки у меня проблема. У меня отличается версия вордпресс и не знаю как мне надо закончить. Где мне взять коды? Я скопировала Ваши, но мне приходят одни коды, которые я скопировала у Вас. Помогите, мне, пожалуйста.
Анна мы решили вашу проблему?
Мне тоже нравится эта тема, подписалась на ваш rss!
http://budtiwalti259.front.ru
Спасибо. Информация оказалась полезной.
Я тоже установила себе эту форму обратной связи, так как считаю необходимым иметь возможность любому читателю напрямую обратиться к автору и обсудить какой-то волнующий вопрос.
Только вот не считаю нужным устанавливать к этой форме обратной связи капчу. По-моему, это будет сдерживать тех, кто хотел к Вам обратиться напрямую (кроме самых настойчивых).
Спасибо за статью!
Ребят, попробуйте сервис от pozvonim_com
Простая установка на любую cms, хорошая поддержка. Не сочтите за рекламу, ссылка не реферальная, просто можно взять и попробовать на тестовый период. А потом уже решить подходит или нет. Цены как у всех, можно пакеты брать, а можно количество клиентов или минут. Лидогенерация очень высокая, а окупаемость быстрая. Может кому пригодиться мой комментарий