Форма обратной связи для вашего сайта. Форма обратной связи для сайта с капчей


Капча для формы обратной связи – Лайфхакер

Главная / Статьи / Капча для формы обратной связи

405 11.04.2016

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

Содержание

    • Как создать ввод капчи на сайте?
    • Почему важно защитить форму обратной связи капчей?
    • Как установить форму обратной связи с капчей

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

Когда вы создаете свой собственный сайт, вы должны хорошо подумать о том, как его защитить. Новички очень часто даже не пытаются этот вопрос рассмотреть подробнее, именно поэтому, потом им приходится хвататься за голову и кричать «караул». Банальная ситуация – создал сайт, ничем его не защитив, просто создав форму для того, чтобы пользователи оставляли свои комментарии. Спустя время, когда создатель посетил рассматриваемую базу, она полностью была забита спамами от автоботов. Это могут быть несколько сотен, и даже тысячи писем с ссылками и даже одинаковыми текстами.

Как создать ввод капчи на сайте?

google-recaptcha

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

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

Последовательность будущих действий, направленных на создание капчи:

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

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

Смотрите видео – Как создать форму обратной связи на сайте

Почему важно защитить форму обратной связи капчей?

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

Для достижения поставленной цели можно будет воспользоваться несколькими вариантами решений данного вопроса:

  • воспользоваться онлайн-сервисами, которые предоставляют свои услуги пользователям совершенно бесплатно. Здесь вам предложат  автоматическую регенерацию кода HTML связи обратного типа, но стоит обратить ваше внимание на то, что файл обработки в любом случае необходимо будет писать и выставлять самостоятельно, своими руками;
  • существуют также бесплатные рассматриваемые серверы, которые не только генерируют код, а еще и предоставляют обработчики данных для файлов типа php;
  • в интернете также без проблем можно отыскать скрипты совершенно бесплатные для того чтобы установить форму обратной связи. Такой метод решения поставленной задачи под силу тем пользователям, которые действительно хорошо разбираются в сфере HTML и PHP, потому как проводить адаптацию скриптов придется в любом случае самостоятельно. Автоматической настройки данного параметра не существует при выборе данного варианта;
  • беспроигрышный, и в то же время дорогой вариант, это воспользоваться услугами платных серверов, которые все сделают за вас и для вашего сайта, обезопасят и защитят его, создадут сами все необходимые аспекты для этого.

maxresdefault (1)

Как установить форму обратной связи с капчей

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

При всех своих преимуществах, не стоит также забывать что при использовании данного ресурса, необходимо с самого начала откорректировать файл типа config.php. Здесь вам потребуется видоизменить такой параметр как кодировка, а также прописать правильный адрес получателя (электронный). После чего, ту папку, где у вас располагаются файлы, которые были вами откорректированы, необходимо будет скопировать в каталог корневого типа, перед выполнением данного процесса не стоит забывать и о том, что необходимо ограничить индексацию в файле типа Robots.txt.

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

lifeha.ru

Как создать форму обратной связи с капчей?

Гугля, я наткнулся на сервис, который позволяет генерировать простенькие формы обратной связи, суть в том, что вы на сайте создаете нужную вам форму, все можно подогнать (цвет, ширину, а так же поля которые посетитель должен заполнить). Конечно форма обратки с стороннего сервиса это ни есть хорошо, но именно она удовлетворяла все мои потребности в данном вопросе.

Форма обратной связи с капчей

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

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

И так последний штрих, вам нужно добавить e-mail на который будет отправляться сообщение, для этого вы должны забить URL вашей страницы на этот сайт и там же указать ваш почтовый ящик.

Все готово, можете проверять.

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

Так же если ваш сайт написан на HTML, а то есть он не имеет своей CMS, то код тоже будет работать, и проблем нет.

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

Как создать форму обратной связи с капчей?

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

Теперь вы знаете, как создать и зачем нужна форма обратной связи с капчей, удачи ребята!

GD Star Ratingloading...

luxhard.com

плагин Contact Form 7 + CAPTCHA (капча)

contact_formЗдравствуйте! Cегодня мы создадим форму обратной связи: создадим страницу Контакты (Обратная связь или что-нибудь похожее по смыслу). Форма обратной связи поможет читателям, рекламодателям и прочим посетителям при необходимости без труда связаться с вами.

Я считаю, что на любых нормальных сайтах (блогах) в обязательном порядке должны присутствовать страницы «Об авторе»/»О сайте (блоге)», ну и страница «Контакты».

Для создания формы для обратной связи нам понадобиться плагин Contact Form 7 – мастер создания форм, с его помощью мы без проблем создадим форму обратной связи в WordPress! Итак приступим:

Форма обратной связи с помощью плагина Contact Form 7.

Скачиваем и активируем плагин Contact Form 7 (Как устанавливать плагины)Далее в админке WordPress идем во вкладку “Контакты (CF7)” и копируем код созданный плагином.

contact_form 7Теперь создаем новую страницу Контакты (или Обратная связь) и переходим HTML редактор этой страницы и вставляем ранее скопированный код:

contact form 7 вставка кода в страницу блога

Нажимаем Опубликовать, смотрим на нашу страницу Контакты:

WPContactForm

Как вы видите форма уже на странице контакты!

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

Защищаем от спама нашу форму обратной связи

Для того, чтобы защитить нашу форму от спана необходимо:Скачать и активировать еще один плагин: Really Simple CAPTCHA.Зайти в настройки созданной нами формы (админ. панель WordPress — Контакты (CF7) — редактировать

contact form 7 - редактирование формы

и в открывшемся окошке нажимаете «сгенерировать тег» и в выпадающем меню выбираем CAPTCHA:

contact form 7 + CAPTCHAНастройки можно не трогать, просто скопируете с правого окошка по очереди 2 строки и вставляете их в окошке слева, перед кнопкой отправить. Также для более наглядного вида формы, создадим подсказку читателям: «Введите код с картинки»:

contact_form 7 + contact form 7 + CAPTCHA настройки

Теперь сохраняем форму

и смотрим на результат:

contact-form-7 - вид с капчей

Вот в принципе и все. Ваша форма обратной связи защищена от спама.

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

contact form 7 изменение адресата

Так же, можно по эксперентировать и создать более продвинутую форму, например: вот такую форму заказа услуг:

форма заказа услуг сделанная при помощи contact form 7или ещё что-нибудь в этом роде!

Все эксперементы советую делать на денвере, а затем воплощать на реальном блоге в интернете!

Ели у Вас есть какие-нибудь вопросы по поводу создания форм, Вы хотите создать более функциональную форму, но у Вас не получается! Задавайте вопросы! Я всегда рад Вам помочь!

Удачи и успехов!

web-revenue.ru

Форма обратной связи для вашего сайта или блога

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

EmailПишите письма автору блога

Сегодня я познакомлю вас с замечательным новым ( 2013 год) сервисом Foxyform, где вы сможете за несколько секунд создать свою собственную контактную форму. Как и большинство схожих сервисов, Foxyform абсолютно бесплатен и что важно для нас, кто говорит на языке Пушкина (вот это я загнул, сам такого не ожидал) - русскоязычный. Форма для связи от онлайн сервиса Foxyform включает в себя интегрированную защиту от спама (CAPTCHA). Тем самым вы обезопасите себя от спама. Друзья, прежде чем перейти к установки контактной формы в блог познакомьтесь пожалуйста с другим сервисом main-ip.ru, для того, чтобы было из чего вам выбирать. А если хотите, то можно установить родную блоггеровскую форму для связи, без капчи.

Форма для обратной связи с интегрированной защитой от спама от сервиса Foxyform

Забегам на сайт сервиса Foxyform и осматриваемся. Здесь довольно все просто и очень симпатично смотрится, ни чего лишнего ( хороший пример для других), справится даже ребенок:

FoxyformСоздайте контактную форму для вашего сайта или блога

Как Вы можете видеть, с левой стороны страницы есть пояснения, что и как делать. А с левой создание самой формы.

kontaktnaja_ formaНастройки формы для связи

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

Во втором блоке идет расширенная настройка. Настройте свою форму наилучшим образом, чтобы соответствовала вашему дизайну блога или сайта. Цвет фона, шрифта и так далее.

Здесь введите ваш электронный адрес почты, на который будут приходить письма от благодарных читателей.

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

Foxyform_kontaktПредварительный просмотр контактной формы

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

капчавведите цифры капчи

Откроется новая страница с готовым кодом вашей контактной формы для связи с автором блога:

code_formaКод контактной формы

Скопируйте ваш код, затем создайте новую статическую страницу блога, дайте её название в транслите, для того, чтобы был красивый адрес страницы (затем название дать на русском языке) и в режиме HTML вставьте скрипт. Опубликуйте страницу и затем можно в меню дать ссылку на её. Готово. Смотрите, что получилось (по умолчанию, без настроек):

Foxyform_kontakt_formГотовая форма на статической странице

Выглядит очень красиво, с некоторым эффектом при наведении курсора мышки.

Создайте контактную форму для вашего сайта, блога с интегрированной защиты от спама!

Удачи вам. Пишите письма.

С уважением, Сергей

Понравилась статья? Поделись с друзьями!

wordpressmania.ru