Устанавливаем форму обратной связи для сайта.
Привет уважаемые читатели блога. По идее этот пост должен быть опубликован в самом начале, так как обратная связь для сайта устанавливается в самом начале его существования. И я не хочу упускать этот урок из моего раздела – самые нужные плагины для Ворд Пресс.
Я понимаю, что у большинства моих читателей установлена обратная связь для сайта и Вам наверное будет не интересно читать про это, но я не могу пропустить этот важный урок, вы уж простите
. В дальнейшем постараюсь баловать Вас более интересной инфой, нежели сегодня.
Обратная связь для сайта
Организовать обратную связь для сайта можно двумя способами.
- Установка плагина обратной связи
- Установка скрипта обратной связи
Сегодня рассмотрим только первый пункт и я покажу и расскажу вам:
- Как установить на сайт плагин обратной связи Contact Form 7
- Как добавить «отправку файла» в эту форму
- Как добавить каптчу в форму
- Как «выпросить» номер телефона клиента через обратную связь
Просто введите название в поиск, в админке, установите и активируйте.
После установки плагина, в админке появится его раздел настроек, в который нужно зайти,
зайти в редактирование,
и скопировать вот этот код.
Далее нужно создать новую страницу и назвать её как вам хочется: Контакты, Обратная связь, Связаться со мной и т.д., и вставить на страницу скопированный код от плагина в режиме HTML. После опубликования вы увидите вот такую вот страничку с работающей формой. Можете добавить на эту страничку картинку “Техподдержка” и дополнительную информацию о том, как ещё с вами можно связаться: ваш дополнительный е-мейл, ваш Скайп, номер аськи, ваш размер зарплаты, размер вашей правой ноги, номер ИНН, секретный вопрос вашей кредитки и т.д и т.п. 
Ладно, а теперь серьёзно.
Если хотите поменять адрес электронной почты, по который с вами будут связываться, то в настройках плагина нужно просто изменить его.
Как добавить Отправку файла в форму обратной связи для сайта?
Чтобы расширить и сблизить контакт с вашими читателями и подписчиками, рекомендую вам добавить в вашу форму поле для отправки файла. Таким образом, интерес к вам, как к специалисту только усилится, и это ведь здорово!
На самом деле наш плагин – это не просто плагин, – это генератор форм, так как с его помощью можно изменять существующие поля и добавлять множество других, которые вам необходимы. Например можно добавлять такие поля: Выпадающее меню, Вопрос, Чекбокс, Каптчу, Отправку файла и другие. (Даже можно выклянчать номер телефона у ваших клиентов, если уж Вам это так необходимо, и о чём я тоже вам расскажу в конце статьи).
Но большинство из них нам не понадобятся, а вот Отправку файла добавить нужно.
Итак, чтобы добавить в нашу форму новый тег – /Отправка файла/, идём в админку нашего плагина и жмём Сгенерировать тег. В открывающемся меню выбираем Отправка файла. Видим следующее.
Теперь скопируйте первый (коричневый) код и вставьте его в форму слева. В какое место? Я думаю логичнее всего это поле будет выглядеть под текстовым сообщением. Код нужно не просто вставить, его нужно правильно оформить. Посмотрите как это нужно сделать. Понадобятся теги <p></p> и <br/>
Следующий зелёный код нужно скопировать и вставить в поле “Прикреплённые файлы”, в разделе Адресат, в админке плагина.
Далее сохраняем настройки и любуемся новой кнопкой в нашей форме. Теперь ваши читатели через эту кнопочку при помощи виндовского проводника смогут отправлять вам всякие-разные файлы.
Для проверки правильной работы плагина с этой кнопкой, протестируйте его работу и отправьте себе несколько файлов разного размера и формата. Если всё придёт, то плагин работает правильно.
Если вдруг к вам на почту станет приходить много спама через вашу форму обратной связи, тогда вы можете защитится при помощи каптчи, которую тоже можно вставить в эту форму. Рассказать вам как это делается? Ну что же, тогда читаем дальше…
Обратная связь для сайта. Как установить туда каптчу?
Для этого нужно вначале установить простенький плагин под названием
Really Simple CAPTCHA.
Просто скопируйте название этого плагина и введите в поиск. Он будет в самом верху. Установите его и активируйте. Далее снова идём в админку плагина и нажимаем кнопку /Сгенерировать тег/. Видим следующее.
Если хотите немножко приукрасить каптчу в вашей форме, я рекомендую сразу прописать в поле /Цвет фона/ код цвета. Чтобы определить этот код, я пользуюсь очень полезной и простой программкой ColorMania, которую вы можете бесплатно скачать с моего блога. Если вы оставите это поле пустым, то символы в каптче будут отображаться на обычном белом фоне. Я посчитал это немного скучным и сделал фон жёлтым. Если вам нравится жёлтый фон и вы не хотите заморачиваться с ColorMania, то вот код жёлтого цвета, как у меня — #FFDD00
Продолжим установку каптчи…
Скопируйте первый и второй код и вставьте его в форму слева под кодом /Ваш файл/. Хочу ещё раз заметить, что код нужно не просто вставить, но и правильно оформить. Смотрите как это сделано у меня.
Сохраните настройки плагина и посмотрите, что у вас получилось. У меня вот что вышло. Думаю не плохо получилось.
Как выпросить номер телефона у клиента?
Я тут на днях закончил делать сайт одной небольшой туристической фирме и её хозяйка попросила установить на её сайт обратную связь, но так, чтобы клиент делая заявку, давал свой номер телефона для связи с ним. В плагине Contact Form 7 это не учтено. Там нету такого тега. Я поломал свою головёшку и вышел из положения. Хотите узнать как я это сделал? Читайте дальше.
Я просто скопировал самый верхний код /Ваше имя/, заменил его на /Ваш мобильный/ и вставил его под полем /Ваш е-мейл/. Не забудьте в скобочках отметить — обязательно
.
А в форму /Тело сообщения/ добавил вот такой код – <text* your-name>
Единственный минус того сообщения, который вы получите от клиента, будет то, что там не будет его имени. Вместо него будет его номер телефона. Сообщение будет такого вида.
Ну с задачей то мы справились и теперь можем названивать клиенту и навязывать ему всё что угодно
. Шутка друзья, шутка. Мне допустим это ни к чему – номер телефона, но вдруг Вам пригодится в вашей работе в дальнейшем…
В следующей статье я расскажу Вам, как можно организовать обратную связь без помощи плагинов. Что не пропустить этот интересный урок – подпишитесь на обновление моего блога в форме ниже…
Сегодня к сожалению свежего кроссворда не будет. В следующем он будет – 100%
Ну а на сегодня всё. Пока-пока…
С уважением, Ваш Fomik…
Интересная тема, а когда результаты пред. кросса будут?
[Ответить]
Алекс Fomik Reply:
Январь 29th, 2013 at 12:12 дп
Результаты кросса №5 будут в следующем посте, так как я определил, что некоторые участники пытаются нечестно заработать призы…
[Ответить]
Анна Reply:
Январь 29th, 2013 at 10:30 пп
Откройте секрет, как можно нечестно заработать призы? Обещаю на практике не применять, но интересно же!
[Ответить]
Алекс Fomik Reply:
Январь 29th, 2013 at 10:38 пп
Отправляешь кодовое слово с разных своих почтовых ящиков. Скоро прогу специальную поставлю на сайт, которая будет автоматом выявлять хитрецов…
[Ответить]
WPixel Reply:
Январь 30th, 2013 at 11:27 дп
А какой смысл в этом действии? Письма как правило приходят мгновенно. Да и победитель как правило один. Или это «я счастливчик» с генератором чисел прокатывает?
[Ответить]
Алекс Fomik Reply:
Январь 30th, 2013 at 2:15 пп
Именно от этой номинации хитрецы и ждут халяву. Я одного уже выявил. Собирался было ему уже приз переводить, но случайно в контактной информации вебмани увидел знакомый е-мейл, который всегда участвует в кроссах. Тут-то и выявился прокол хитреца. Он пытался меня убедить в моих ошибочных действиях, но тут обман налицо…
[Ответить]
WPixel Reply:
Январь 30th, 2013 at 3:28 пп
Да уж, мошенников везде хватает, бдительность прежде всего
[Ответить]
WPixel Reply:
Январь 30th, 2013 at 11:29 дп
Денис, а Вы сюда заходите только чтоб денег за кроссворд заработать?
[Ответить]
Контакт форм7 многофункционален, но тяжелый плагин. Проще написать форму на РНР или воспользоваться альтернативным плагином js-contact-form — это аналог самописной формы в виде плагина
[Ответить]
Стоял у меня Contact Form 7, но решила избавляться от большого количества плагинов и установила скрипт.
[Ответить]
WPixel Reply:
Январь 30th, 2013 at 11:24 дп
Анна у вас скрипт от стороннего сервиса, который предоставляет такие формы. У меня на HTML сайте на народе такая форма стоит. На вордпрессе можно что нибудь более функциональнее поставить
[Ответить]
Анна Reply:
Январь 30th, 2013 at 12:00 пп
Спасибо за совет. Буду ждать новую статью от Алекса, надеюсь, он предложит что-нибудь более функциональное.
[Ответить]
Алекс Fomik Reply:
Январь 31st, 2013 at 8:36 пп
Ань, более функциональнее чем Контакт Форм7 наверное нету. Тут дело в другом, в нагрузке на блог. Скрипт менее подгружает, нежели плагин, хотя я точно не знаю…
[Ответить]
Иван Reply:
Январь 31st, 2013 at 11:46 пп
Почему же нету. Вот этот сервис посмотрите http://formdesigner.ru. Там много чего интересного можно сделать с формой.
[Ответить]
Алекс Fomik Reply:
Февраль 1st, 2013 at 12:04 дп
Действительно крутой сервис! Спасибо Ваня за подсказку!
[Ответить]
Все очень понравилось! Пост отличный, у меня до сих пор нет формы обратной связи! Обязательно теперь сделаю!
[Ответить]
Алекс Fomik Reply:
Январь 31st, 2013 at 4:46 пп
Спасибо Лена за высокую оценку моего труда!))
[Ответить]
Зачем все эти заморочки? На моём блоге, формой обратной связи почти не пользуются. Используют кнопку «задать вопрос» которая находится в левой стороне блога.
[Ответить]
Алекс Fomik Reply:
Январь 31st, 2013 at 4:50 пп
А у вас стоит и плагин и кнопка? Так удалите тогда плагин. Через эту кнопку можно файлы посылать? Я думаю нет, а через плагин можно. Этот пост — это просто нужный урок, который я не хотел пропускать. А плагин этот очень многофункционален, что не скажешь про скрипты…
[Ответить]
Вот и то, чего у меня пока нет. Спасибо. Иду применять. Потом приду еще за новым. Так что Вы пишите. Спасибо еще раз.
[Ответить]
Алекс Fomik Reply:
Февраль 1st, 2013 at 8:37 пп
На здоровье Вася. Конечно буду писать, приходи конечно!
[Ответить]
Такие плагины очень нужны, как же мы без своих читателей и без их комментарий будем знать, какую тему нам глубже развить. Спасибо за такие статьи, где всё чётко и подробно описано.
[Ответить]
Алекс Fomik Reply:
Февраль 2nd, 2013 at 5:22 пп
На здоровье Света) Да можно без него обойтись, просто он самый известный и упускать урок с ним не хочется…
[Ответить]
почему-то с файлами и капчей не получилось (
[Ответить]
Алекс Fomik Reply:
Февраль 2nd, 2013 at 10:42 пп
Значит что-то неправильно делаешь… Могу помочь…
[Ответить]
Наташа Reply:
Февраль 3rd, 2013 at 2:36 пп
Ваше имя (обязательно)
Ваш E-Mail (обязательно)
[email* your-email]
Тема
Сообщение
[textarea your-message]
Ваш файл
[file file-353]
Введите код с картинки
[captchac captcha-842] bg:#FFDD00
[captchar captcha-842]
[submit «Отправить»]
В чем ошибка?
[Ответить]
Алекс Fomik Reply:
Февраль 3rd, 2013 at 5:22 пп
Наташа, я вам на вашем сайте ответил. Кстати, отредактируйте свою ссылку в комментах — она не правильная и ведёт на ошибку. Я не буду модерировать ваши сообщения тогда…
[Ответить]
У меня этот плагин отказался работать, пришлось без плагина замутить это дело!!!
[Ответить]
просто интересно, у других получается, а у меня нет. Но уже все нормально, получилось
[Ответить]
Алекс Fomik Reply:
Февраль 3rd, 2013 at 8:08 пп
Рад за вас) Но зачем вам капча с посещалкой в 3 тела?
[Ответить]
Думаю, что тела будут размножаться когда-нибудь )
[Ответить]
Алекс Fomik Reply:
Февраль 3rd, 2013 at 8:20 пп
Вот когда будет спам идти через форму, тогда и поставите. А сейчас она вам ни к чему.
[Ответить]
Анна Reply:
Февраль 3rd, 2013 at 8:28 пп
Хорошо сказано! Размножение тел — заветная мечта всех начинающих блогеров.
[Ответить]
На своем блоге со спамом наблюдала интересную картину, которую не знаю как объяснить. Поначалу у меня стоял Akismet и спама было много, но через какое-то время он пропал. Совсем. Сейчас установила Invisible Captcha и снова посыпался спам. Интересно, пропадет ли он со временем…
[Ответить]
Алекс Fomik Reply:
Февраль 10th, 2013 at 1:08 дп
Да, очень странное поведение)
[Ответить]
Алекс! У меня вопрос важный! Не сталкивался ли с такой ситуацией. Вдруг перестала работать форма обратной связи В красной рамке говорит отправляющему — обратитесь к администратору. обновила я это плагин. Все равно не работает. А тут еще сегодня заметила, что мне перестали на почту приходить сообщения о новых комментариях на блоге. Я в шоке. Куда пойти, куда податься, К кому за помощью идти?
[Ответить]
WPixel Reply:
Март 16th, 2013 at 11:13 пп
А какой плагин за обратную связь отвечает? попробуйте переустановить и плагин и шорт код на форму с капчей, скорей всего от этого она и не работает
[Ответить]
Елена Reply:
Март 16th, 2013 at 11:33 пп
Плагин Contact Form 7
Спасибо, WPixel! Попробую переустановить. А то, что сообщение о комментариях перестали на почту приходить — может быть тоже как-то связано с этим плагином? Или это отдельная проблема?
[Ответить]
WPixel Reply:
Март 16th, 2013 at 11:40 пп
Тут возможно с движком уже проблема быть, за отправку писем овечает PHPMailer,возможно из за этого, можно применить патч.
Почитать и скачать можно тут http://wordpresso.org/hacks/patch-dlya-wordpress-3-4-vklyuchaem-nerabotayushhie-pochtovyie-uvedomleniya/
[Ответить]
Елена Reply:
Март 17th, 2013 at 12:40 дп
Спасибо! Буду со всем разбираться!!!!
[Ответить]
Алекс Fomik Reply:
Март 16th, 2013 at 11:52 пп
Лен, у меня на блоге тоже не всё в порядке было с работой этого плагина. При отправке сообщения читателем не было понятно — отправилось оно или нет. Переустановка результата не дала. Но так как я перешёл на РедХелпер, то его я удалил. А тебе посоветую вспомнить, когда появилась эта проблема и что ты сдалала на блоге до этого. Может новый плагин установила недавно, может код какой-то вставляла, может это произошло после обновления движка или какого-то плагина?
Вспомни короче…
[Ответить]
Елена Reply:
Март 16th, 2013 at 11:58 пп
Я вспоминала уже 🙂
Единственно, что делала — это удаляла ревизии постов
Вот таким образом : DELETE FROM wp_posts WHERE post_type = «revision»
[Ответить]
Алекс Fomik Reply:
Март 17th, 2013 at 12:01 дп
Ну вот… Тогда попробуй всё вернуть на тоже место, что было до этого. А тебе читатель сказал об этой проблеме?
[Ответить]
Елена Reply:
Март 17th, 2013 at 12:01 дп
Причем вокруг слова revision стоят по две кавычки
А я где-то видела такую же строку , но с одной кавычкой справа и слева Как правильно?
[Ответить]
Алекс Fomik Reply:
Март 17th, 2013 at 12:13 дп
Вообще-то Лен кавычки у тебя в сообщении — не правильные… Они должны быть одиночные с обеих сторон…
[Ответить]
Алекс Fomik Reply:
Март 17th, 2013 at 12:16 дп
А где ты нашла такой код? У меня в статье про ревизии другой код…
[Ответить]
Елена Reply:
Март 17th, 2013 at 12:38 дп
Кавычки просто неправильно отобразились в комментарии. А так они по-другому выглядят. Вот, Алекс! Надо было мне сразу тебя слушаться и использовать только плагин Оптимайз!
Не буду больше чистить вручную на хостинге.
(Это я в блогере-1000 увидела этот способ. Но видимо с моими кривыми ручками нельзя на хостинг соваться 🙂 )
Сейчас как откачусь на много дней назад и может все наладится.
Спасибо большое, Алекс, за ответы и советы! Завтра сделаю откат. И буду надеяться, что все наладится. 🙂
[Ответить]
Спасибо за урок, все отлично получилось.
[Ответить]
Алекс Fomik Reply:
Март 27th, 2013 at 8:15 пп
Не за что Лилия…
[Ответить]
Отличный пост! Возьму на заметку. Интересно, а самому можно ли каптчу рисовать?
[Ответить]
Алекс Fomik Reply:
Ноябрь 4th, 2013 at 9:23 пп
Спасибо. Насчёт каптчи — видимо нет. Но ты, если хочешь поищи такое, если тебе это так нужно)))
[Ответить]
WPixel Reply:
Ноябрь 5th, 2013 at 6:29 дп
Смысл в этой капче? Надо смотреть в рнр чем она генерируется, и от туда уже плясать — либо картинки либо шрифт
[Ответить]
Спасибо) Сделал — работает!
[Ответить]
Спасибо за посещение блога и откровение.Да установил форму обратной связи,огромное спасибо и отредактировал шапку блога.Буду постепенно учиться.Просто ,если по честному,то Вы первый реальный посетитель моего блога.Я пока только учусь.Так что если честно буду очень рад Вашим советам,если Вы не против.Адрес моей почты telets123@mail.ru.Если захотите помочь советом буду очень рад.С уважением Андрей.
[Ответить]
Алекс Fomik Reply:
Ноябрь 19th, 2013 at 6:26 пп
Не за что Андрей. Странно, но РДС бар показывает, что вашему блогу уже 2 года. Это ваш домен? Вы его сами придумывали и регистрировали? По поводу советов — читайте мои посты и в них найдёте все свои ошибки по ведению и раскрутке…
[Ответить]
Здравствуйте! Помогите пожалуйста! Мне нужна форма, которая находиться у меня на сайте в стр.»Стать представителем». Я ее поставила, но она у меня не работает. Вы можете мне помочь заставить ее работать?Или объяснить, как составить новую. Заранее благодарна.
[Ответить]
Алекс Fomik Reply:
Январь 17th, 2014 at 9:37 пп
Марина здравствуйте! Эта ваша форма выводиться при помощи плагина или вы установили уже готовый скрипт? Вы сделали что-то не так. Как я могу вам помочь? Эта статья про форму обратной связи, а у вас там очень много полей. Это мне нужно заходить в админку вашего сайта и там смотреть… Вообще-то это платная услуга…
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:39 дп
И кстати вчера форма была другой. Вы её уже поменяли… Та была с капчей…
[Ответить]
Марина
У вас форма сделана не плагином, а сторонним сервисом — zahodi-ka.ru это уже надо к представителям сервиса обращаться с такими вопросами. А с чего вы взяли что она у вас не работает? какие симптомы?
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:32 дп
Денис, ты как всегда на чеку — молоток!!! Я бы мог конечно посмотреть код странички и определить, что за форма, но просто было некогда…
[Ответить]
Алексей тут не надо быть кодером, такие формы имеют кучи опознавательных знаков и светятся как новогодние елки 😀
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:43 дп
Я тебе отвечаю, вчера у неё была другая форма, а сегодня вижу — от заходика.ру, с логотипчиком внизу… Видимо поменяла что-то…
[Ответить]
Дык я ее и вчера и смотрел)) после ее комента
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:48 дп
И чего? От заходика была?
[Ответить]
угу
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:52 дп
Значит я просто не внимательный)))) Как делишки? Я вот сел пост накрапать и ничего в голову не приходит… С этим клиентским сайтом всё занят был… Щас буду чё-то думать))) Всё у неё работает, я только что липовые данные отправил — всё ушло благополучно…
[Ответить]
Сижу изучаю друпал и modx надо совершенствоваться и не зацикливаться на вордпрессе.
[Ответить]
Алекс Fomik Reply:
Январь 18th, 2014 at 10:57 дп
Давай — дерзай, успехов! А зачем тебе это?
[Ответить]
Ну сайты и блоги на разных движках бывают, а знания лишними не бывают.
[Ответить]
Спасибо огромное за беспокойство!!! Я на Вашем блоге нашла ссылку на zahodi-ka.ru . Там зарегистрировалась и составила новую форму и о! счастье- она работает! Спасибо Вам огромное! Я пролопатила не мало сайтов и только на Вашем нашла то, что хотя бы работает!
Но мне хотелось бы составить форму поинтересней и не такой длинной, какой нибудь квадратной что-ли. И поставить капчу на свою форму. Не подскажете как сделать? С большой благодарностью Марина
[Ответить]
Алекс Fomik Reply:
Январь 20th, 2014 at 5:00 пп
Марина, напишите мне на почту, какую именно Вы хотите форму для вашего сайта — всё обсудим и я вам помогу…
[Ответить]
Марина, возможно Вам больше понравится форма с капчей от сервиса main-ip.ru
[Ответить]
У меня как раз была форма от сервиса main-ip.ru, но я зарегистрировалась на этом сервисе под другой электронной почтой( напутала: у меня на сайте одна почта, а у них я зарегистрировалась под другой) и ,я думаю, поэтому она у меня и не работала.Я хотела на сервисе поменять почту, но не знаю как и они мне сказали ищите в интернете.У них написано вроде,но я не понимаю( извините я только учусь всему).А у вас мне все понятно и поэтому я и обратилась к вам.
[Ответить]
Алекс Fomik Reply:
Январь 20th, 2014 at 5:01 пп
Ну вот видимо из-за почты и не работала у вас эта форма…
[Ответить]