Contact form 7 капча – Защита от спама или как добавить капчу в Contact Form 7 — Секреты разработки сайтов

Содержание

Капча для Contact Form 7 и защита от спама, установка reCAPTCHA v2

До недавних пор я даже не интересовался какие существуют плагины антиспама в Contact Form 7 потому что проверенная годами связка с Captcha от BestWebSoft работала как часы. Однако недавно разработчики, продвигая свой личный модуль обратной связи, перевели поддержку Contact Form7 в платную PRO версию. Хотя на самом деле это не такая уж и большая проблема, т.к. в самой форме имеется встроенная интеграция официальной Google Captcha. Единственный минус этого подхода (как по мне) в использовании 3-тьей версии капчи без возможности отката до предыдущей. 

Итак, первым делом, чтобы внедрить защиту от спама в Contact Form 7 для WordPress сайта, мы после установки плагина обратной связи переходим в его подраздел “Интеграция”.

Здесь в блоке reCAPTCHA имеется на официальный сайт этой капчи. Переходите по ссылке, где представлена краткая информация и самой технологии и ее использованию. Там же на странице будет кнопка «Admin Console», позволяющую залогиниться в свой Гугл-аккаунт или для перехода на регистрацию новой учетной записи.

В личном кабинете находите иконку “+” для создания/добавления нового веб-ресурса. После нажатия увидите следующую форму:

Здесь:

  • Указываете ярлык капчи (внутреннее название).
  • Выбираете тип защиты. Да, сейчас есть супер модная версия 3 с автоматическим определением ботов, но мне больше нравится метод по старинке с ручным вводом «Я не робот».
  • Внизу соглашаетесь с правилами использования и ставите галочку о получении уведомлений, если на сайте будут возникать какие-то проблемы (еще один плюс данной Contact Form 7 капчи).

На следующем шаге вам выдадут 2 значения:

  • ключ сайта;
  • секретный ключ.

Можете записать их в какой-то файл или временно не закрывать данное окно.

Возвращаемся в наш модуль обратной связи и кликаем по кнопке «Настройка интеграции» (см. первый скриншот выше). На открывшейся странице вводите свои ключи.

Включение reCAPTCHA в Contact Form 7 (v3 или v2)?

Теперь мы приходим к самому интересному – как поставить капчу в Contact Form 7. И тут важным моментом есть то, какой именно вариант защиты вы выбрали. Сейчас Гугл продвигает третью версию и разработчик модуля внедрил именно ее (как передовую технологию). Однако, если почитать форум поддержки в репозитории, то можно увидеть отзывы многих пользователей о том, что данный антиспам фильтр не всегда хорошо справляется.

В общем, если вы решили применять reCAPTCHA v3, то никакие дополнительные настройки после ввода ключей делать не нужно. Вам даже не требуется размещать в форме шорткод [recaptcha], который теперь просто игнорируется. Скрипт капчи работает сразу «из коробки» и самостоятельно в фоновом режиме будет определять является человек реальным или ботом.

Плагин Contact Form 7 – reCaptcha v2

Как я уже говорил выше, новой технологии пока не доверяю, поэтому нашел для себя модуль, совместимый с reCAPTCHA v2. Из его однозначных плюсов выделю: активную и быструю работу над ошибками, более 70к загрузок, простота подключения. Скачивайте отсюда либо ставьте сразу из WP-админки.

После его активации вам нужно:

1. Зайти в раздел «Contact Form 7» — пункт «Версия reCaptcha», где выбираете вторую (источник, как и был по умолчанию, остается google.com).

2. Кликаем по кнопке “Отправить”.

3. Далее открываем для редактирования нужную форму и добавляем перед кнопкой отправки шорткод [recaptcha]. Сохраняем настройки и проверяем результат на вебсайте.

Для шорткода, кстати, есть несколько доп.параметров.

Дополнительные нюансы. Если вдруг по какой-то причине автор забросит этот замечательный плагин, то выбирая среди всех остальных плагинов для капчи в Вордпресс с подобными функциями я бы посоветовал попробовать Advanced noCaptcha & invisible Captcha (v2 & v3) (находится тут). Его аналогично часто упоминают как альтернативу, но баги там исправляются чуть менее быстро (хотя также имеется 70к скачиваний).

Если вы используете в работе Flamingo, то я бы настоятельно рекомендовал ставить капчу на Contact Form 7 ибо спам в данном случае изначально фильтруется через Akismet. И когда последний у вас не настроен, то ооочень многие реальные сообщения из формы помечаются как спам. Если я правильно понял, форма в первую очередь ориентируется на Akismet, когда в проекте нет более серьезного решения от Гугла. В общем, тут еще надо тестировать всякие нюансы, но чтобы бы вы не выбрали без антиспама Flamingo лучше не оставлять.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Как легко добавить капчу в Contact Form 7

Добавить капчу в знаменитый плагин Contact Form 7 для системы wordpress очень легко. Сразу скажу, речь пойдет о новой версии капчи от Google – “reCAPTCHA v3”. Суть ее в том, что данная капча делает выводы разрешать ли отправлять форму, используя методы поведенческого анализа. То есть теперь нам не придется разбирать сложные, непонятные символы, или искать квадратики картинок “с автобусом”. Система сама анализирует поведение каждого пользователя сайта и на этой основе дает оценку от 0.0 (что говорит о том что нас точно посетил бот) до 1.0 (нет сомнений что это человек). И уже используя эту оценку можно решить, дать ли пользователю возможность отправлять данные с формы, или нет. В общем, не буду разводить демагогию, поэтому перейду сразу к делу.

Получаем ключи

Скорее всего, как и у любого современного человека у вас уже есть учетная запись Google. Если по каким-то непонятным причинам это не так, бегом исправляем ситуацию по данной ссылке (там просто жмем “Создать аккаунт” и далее по инструкции). Ну а всем остальным нужно перейти по адресу – https://www.google.com/recaptcha/admin#list и авторизоваться при необходимости.

Видим такую вот форму

reCAPTCHA v3 в Conatct Form 7

Просто заполняем ее. В названии указываем рабочее название вашего сайта для дальнейшей работы с ним. Тип reCAPTCHA выбираем “reCAPTCHA v3”. Ну а в “Доменах” указываем уже адрес вашего сайта.

reCAPTCHA v3 в Conatct Form 7

Ниже появляется галочка “Примите условия использования reCAPTCHA.” Обязательно ее указываем и завершаем этот этап нажатием кнопки “Регистрация”

reCAPTCHA v3 в Conatct Form 7

После вы попадете в раздел в котором система сгенерирует вам два ключа:

reCAPTCHA v3 в Conatct Form 7

Вот они нам и нужны. Оставляем вкладку открытой, переходим к вашему сайту.

Интегрируем ключи в Contact Form 7

Нужно зайти в админку вашего wordpress сайта затем перейти в раздел “Contact Form7” -> “Интеграция”

reCAPTCHA v3 в Conatct Form 7

Там находим блок с названием “reCAPTCHA” и нажимаем в ней кнопку “Setup Integration”

reCAPTCHA v3 в Conatct Form 7

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

reCAPTCHA v3 в Conatct Form 7

Вот и все! Раньше еще было так, что в самом редакторе форм появлялся новый элемент “reCAPTCHA”, который соответственно надо было еще куда-то впихнуть. Но в третьей версии этого уже не требуется, поэтому и сам элемент вы нигде не найдете.

reCAPTCHA v3 в Conatct Form 7

Однако на самих страницах теперь появляется здороватенький такой логотип в правом нижнем углу сайта.

reCAPTCHA v3 в Conatct Form 7

Убираем логотип

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

Для начала в форме (можно под кнопкой “Отправить”, либо в самом низу формы) вам нужно вставить следующее:


Этот сайт защищен reCAPTCHA и Google
    <a href="https://policies.google.com/privacy">Политикой конфиденциальности</a> и
    <a href="https://policies.google.com/terms">Условиями обслуживания</a>.

Ну а после уже с помощью CSS сносим иконку.


.grecaptcha-badge { 
    visibility: hidden;
}

Обратите внимание! Ни в коем случае не используйте “display:none”, поскольку это отключает проверку спама.

Это легальный способ убрать логотип, который описан самой системой. Источник – https://developers.google.com/recaptcha/docs/faq

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

Подключение Google reCAPTCHA v3 к Contact Form 7

Поделитесь с друзьями:

Установка reCAPTCHA v3 для Contact Form 7 в WordPress не вызовет сложностей даже у неопытных пользователей. Процесс очень простой. Для интеграции возиться с кодом, по сути, не нужно. Инструкцию, конечно же, решил написать. На всякий случай. Надеюсь, принесет пользу. Начнем.

Получаем ключи в Google reCAPTCHA

Прежде всего нужно установить плагин Contact Form 7. Конечно, не обязательно в первую очередь, но лучше сразу. Далее переходим по ссылке: https://www.google.com/recaptcha/intro/v3.html. Нажимаем кнопку Admin console в верхнем правом углу.

Начинается этап подключения интеграции reCAPTCHA v3 для Contact Form 7. Те, кто уже работал с сервисом, наверняка увидели, что дизайн серьезно изменился. Смотрим на скриншот. Стрелочкой указано, куда нажимать. Пустое поле — статистика. Просто невидимой рекапчей никто не пользовался, потому стата пуста. Если мало посетителей, то в статистике так же ничего не будет. Нажимаем на кнопку.

Подключение reCAPTCHA v3Подключение reCAPTCHA v3

Вот и перешли к следующему окну. Здесь нужно указать данные домена. Все довольно просто, смотрите на примере ниже.

Установка reCAPTCHA v3 - этап 2Установка reCAPTCHA v3 - этап 2

Итак, по порядку:

  1. Вбиваем ярлык. Это название проекта. Выбирайте любое удобное.

  2. Выбираем тип рекапчи. В нашем случае — reCAPTCHA v3.

  3. Указываем домен. Без http, htpps, если есть www, то тоже нужно указать.

  4. Если нужно, указываем дополнительные адреса электронной почты.

  5. Принимаем условия, листаем ниже. Отправляем данные.

После выполнения данных действий появится следующая страница.

Ключи reCAPTCHA v3Ключи reCAPTCHA v3

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

Подключение reCAPTCHA v3 к Contact Form 7

Выбираем плагин, стрелочкой указано куда следует нажать. Выбираем раздел «Интеграция». В открывшемся окне в поле reCAPTCHA нажимаем кнопку Setup Integration. Попадаем в следующий раздел.

Интеграция reCAPTCHA v3 с Contact Form 7Интеграция reCAPTCHA v3 с Contact Form 7

Кликните для увеличения

Завершение установкиЗавершение установки

Копируем ключи, размещенные на сайте Google, вставляем в отмеченные поля. Нажимаем кнопку Save Changes. Установка reCAPTCHA v3 для Contact Form 7 закончена. Как видите, все просто. Но теперь появилась другая проблема. Появился раздражающий логотип в нижнем правом углу экрана. Как исправить, смотрите 

здесь.

Contact Form 7 Image Captcha — Плагин для WordPress

Add an SVG image captcha and honeypot to your contact form 7 form. This CAPTCHA is GDPR compliant and does not slow down your site with additional header requests like Google’s ReCAPTCHA.

Directions [PLEASE READ]

Add the shortcode [cf7ic] to the form editor where you want the captcha to appear.
As of version 3.1.0, if you have Contact Form 7 Conditional Fields installed, you will need to add [hidden kc_captcha "kc_human"] to the forms you DO NOT want the CAPTCHA on, otherwise those forms will not submit.

You can hide the CAPTCHA until a user interacts with the form, by adding «toggle» to the shortcode.
[cf7ic «toggle»]

IMPORTANT 3.0 NOTICE

Version 3.0.0 uses SVG’s instead of font icons, I have tested the changes to make sure the update would not cause any noticeable changes, however if you notice any issues, please let me know. That said, for those who have added their own custom CSS styling, you may need to update your css to account for the icon change.

Looking for a version for Gravity forms?
We also have a Gravity Forms Image Captcha which is only available at our online store.

Демо

Check out our live demo.

Supported Languages
  • Bulgarian (Thanks Plamen Petkov)
  • French (Thanks deuns26)
  • German (Thanks Te-Punkt & bkmh)
  • Italian (Thanks Mauro Giuliani)
  • Persian (Thanks Ava Darabi)
  • Spanish (ES) (Thanks Erick Carbo)
  • Spanish (MX)
  • Russian
  • Dutch
  • Portuguese (Portugal)
Like what you see?

Please take the time to leave a review OR check some of our other plugins like our WP Login Image Captcha

Купить PRO версию

Want more control?
Check out our pro version which gives you full control over the look and feel of the image captcha.

  • GDPR compliant
  • CAPTCHA refreshes on submit to make it harder for automated spammers
  • Stronger security with hashed answers to make it harder for automated spammers
  • Select which icons you wish to use
  • Add additional icons from Font Awesome 4.7
  • Customize the icon titles
  • Change the captcha message
  • Change the box color and border
  • Change font and icon color and size independently
  • Change the selected icon appearance
  • Change where the icons appear
  • Change the box from full width to content width

Купить PRO версию

  • screenshot-1.png
  • screenshot-2.png
  • Pro version settings page
  1. Upload contents to the /wp-content/plugins/ directory
  2. Активируйте плагин используя меню ‘Плагины’ в WordPress
  3. Place [cf7ic] to your contact form 7 forms
How do you add the image captcha to the forms?

Simply add this shortcode [cf7ic] to your contact form

How do you use the toggle feature?

To make it so the CAPTCHA only shows when the form is being filled out, add «toggle» to the shortcode [cf7ic "toggle"] in your contact form.

Toggle is not working

The most likely reason the toggle is not working is because the double quotes around the word toggle has been changed to «smart quotes», meaning that they are opening and closing quotation marks and not the verticle lines.

To fix, simply delete the quotes and re-add them with your keyboard — do not copy and paste.

compatible with Persian language and smart enough to recognize every form's language. thank you guys from Iran.

After a deluge of spam recently, I almost had to settle for Google ReCaptcha. But the ReCaptcha scripts are not efficient. The image captcha is a perfect solution to the spam problem, being easy and fast to use.

Completely eliminated the ever increasing deluge of Contact Form 7 spam without putting humans off with complicated pictures or equations to solve. Simple, effective, got rid of a major headache. Perfect, thank you!

I just made my client loose 2 weeks of business because the plugin is taken into account on EVERY contact form, not only the one with the [shortcode]… Obvioustly, without having the possibility to choose the image on the other formular, customers messages were just forbidden… Not something that I was expecting to test, because I didn't choose to put the captcha on that formular. Thanks for notifying us next time…

Nice Plugin and good captcha...

resolved! - i really like this plugin, but honestly: add that important notice about kc_human TO THE TOP of your description! I only inserted cf7ic in one form, and didnt wantet the other forms to be touched! guess what? none of the other forms worked and without seeing and knowing of that nessessary addition about kc_human I didnt check all other forms. OK maby it was my fault, but this plugin should make it easy and not a BAD IDEA !

Посмотреть все 23 отзыва

«Contact Form 7 Image Captcha» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
3.1.2
  • Updated toggle so only the CAPTCHA on the form focused on will show. Previously if multiple forms with toggle were on a page, all of the CAPTCHA’s would show.
  • Updated toggle to hide CAPTCHA again once form has been successfully submitted.
  • Added Dutch translation
  • Added Portuguese (Portugal) translation
3.1.1
  • Added additional css to prevent themes from changing the layout of the icons in the CAPTCHA
3.1.0
  • Fixed issue where you needed to add [hidden kc_captcha "kc_human"] to forms you Did NOT want the CAPTCHA to be on. You now ONLY need to add the hidden field to your forms with no CAPTCHA, IF you have Contact Form 7 Conditional Fields installed.
3.0.3
  • Fixed use of depricated WPCF7_Shortcode in favor or WPCF7_FormTag function
  • Updated readme file to bring more attention to adding the hidden field to forms you DO NOT want the CAPTCHA on.
3.0.2
  • Added width and height to inline SVG to account for sizing issues some users have experienced
3.0.1
  • Updated stylesheet version number to help clear old stylesheet from cache
3.0.0
  • Icons have been changed to SVG’s to help fix font loading issues on some sites
  • Italian language file has been updated to fix «heart» entry — thanks valesilve
  • Improved inclusion of JavaScript when toggle is active using wp_footer
  • Made CAPTCHA keyboard accessible
2.4.7
  • Added Russian translation
2.4.6
  • Now compatible with «Smart Grid-Layout Design for Contact Form 7» by Aurovrata V.
2.4.5
  • Added fallback styling in the event a theme or plugin changes the icons from a webfont to SVG’s
2.4.4
  • Now compatible with «Contact Form 7 Conditional Fields» by Jules Colle
2.4.3
  • Made additional fix to spacing issue with German language
2.4.2
  • Fixed spacing issue with German language
2.4.1
  • Fixed PHP notice «Undefined offset: 0»
  • Fixed PHP notice for another deprecated tag
2.4
  • Added the ability to hide the CAPTCHA until the user interacts with the form, simply add «toggle» to the shortcode: [cf7ic «toggle»]
  • Fixed deprecation notice “wpcf7_add_shortcode is deprecated since Contact Form 7 version 4.6! Use wpcf7_add_form_tag instead.”
2.3
  • Updated FontAwesome library to version 4.7
  • Fixed use of depricated wpcf7_add_shortcode in favor or wpcf7_add_form_tag function
  • Added new toggle attribute (optional) [cf7ic «toggle»] which hides CAPTCHA until user interacts with the form
2.3
  • Added code that allows me to add custom update messages in preparation for a future release that will make this plugin require Contact Form 7 version 4.6 to run due to CF7 making WPCF7_Shortcode and wpcf7_add_shortcode() deprecated, the replacement function and class are not supported by older versions of CF7.
  • Updated text domain to meet new requirements for internationalization
2.2
  • Removed unnecessary code that checked if image captcha existed in the Form
  • Added Italian translation (Thanks Mauro Giuliani)
  • Added Persian translation (Thanks Ava Darabi)
  • Added Spanish (ES) translation (Thanks Erick Carbo)
2.1
  • Added a tag generator button to the contact form 7 form controls so you do not have to manually type in the shortcode into the form. The pro version will eventually include the image captcha styling options.
2.0
  • Refactored code
  • Improved method to include style sheet so its only included when plugin is in use.
  • Fixed validation message, you will now see «Please select an icon.» when icon is not selected on submit and «Please select the correct icon.» when the wrong icon was selected on submit.
1.5
  • Added Spanish (MX) translation
1.4
  • Updated German translation (Thanks bkmh)
  • Added pro plugin details and link
1.3
  • Added Bulgarian translation (Thanks Plamen Petkov)
1.2
  • Improved German translation (Thanks Te-Punkt)
1.1
  • Updated files and folder name
  • Added German translation
  • Added French translation (Thanks deuns26)
1.0

ReCaptcha v2 for Contact Form 7 — Плагин для WordPress

Contact Form 7 v5.1 dropped support for reCaptcha v2 along with the [recaptcha] tag December 2018. This plugin brings that functionality back from Contact Form 7 5.0.5 and re-adds the [recaptcha] tag.

If this plugin is installed before updating Contact Form 7 from v5.0.5 to v5.1.1 then it will carry over your old API keys. At that point you will just need to head to this plugins settings page to tell the website to use reCaptcha v2.

Once installed and configured it should be the same reCaptcha functionality you are used to in previous versions of Contact Form 7.

IQComputing

  • Settings page

Contact Form 7 is required to work with this plugin.

  1. Install this (ReCaptcha v2 for Contact Form 7) plugin
  2. Update Contact Form 7 to the latest version
  3. Re-add the reCaptcha version 2 API keys (if no keys are currently set). For more information you may read How to Generate Google reCAPTCHA v2 Keys by IQComputing and Contact Form 7 documentation
  4. Using the left-hand admin navigation in the Contact Form 7 subpages click «reCaptcha Version» (Contact -> reCaptcha Version)
  5. Once on the «ReCaptcha v2 for Contact Form 7» settings page, select from the select list «reCaptcha Version 2» and click «save»

Once the version 2 API keys are set, the version 2 has been selected in the plugin settings, all [recaptcha] tags will be replaced with the expected Google reCaptcha on all forms.

Will this plugin work with Version 3 keys?

No and yes. Google reCaptcha has specific keys for each API. If you are doing an upgrade from a previous version of Contact Form 7 to the current version you will need to re-add the Version 2 API keys using the traditional method. That being said you can set the plugin usage to default and it will use the inherit Contact Form 7 reCaptcha Version 3 API.

Where do I add my Version 2 keys?

Under Contact -> Integration you can see a «reCAPTCHA» service box where you may either «Setup Integration» following instructions from the Contact Form 7 documentation. If you already have keys set you will need to click the «Remove Keys» button and re-add them following the Contact Form 7 documentation.

I’ve added the Version 2 keys but nothing has changed

If you have added the Version 2 keys and you still do not see the reCaptcha show up on your forms please check the following:

  1. In WordPress admin, under Contact -> reCaptcha Version please ensure that you have «reCaptcha Version 2» selected and saved.
  2. On your contact forms please ensure that you have the [recaptcha] tag somewhere in the form.

Should the above be correct, at this point it’s time to open a support thread for us to look into the issue further.

«ReCaptcha v2 for Contact Form 7» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.2.4 (2019-12-23)
  • Added extra failsafe should CF7 reCaptcha not be removed.
  • Added PHP constant checks against the Contact Form 7 consts. Future proofing.
1.2.3 (2019-10-13)
  • Added support for wp-config Contact Form 7 key constants.
  • Added support for reCaptcha alignment.
  • Fixed an issue with google response logging should the api return an error.
1.2.2 (2019-09-17)
  • Fixed translation function to include plugin slug. Thanks @alexclassroom !

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

Автор Алексей На чтение 3 мин. Опубликовано

Последнее изменение поста: 29 октября 2018 в 13:57

Здравствуйте! 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или ещё что-нибудь в этом роде!

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

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

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

Защита от спама или как добавить капчу в Contact Form 7 - Секреты разработки сайтов

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

Этап первый, внедряем recaptcha Гугл в форму

На самом деле она уже добавлена, всё что нам остаётся сделать, это открыть настройки плагина и выбрать “Интеграция”. Там надо нажать на кнопку получения ключей, перейти в Гугл капча, подключить там сайт и полученные ключи вставить. Выглядеть это будет вот так, как на картинке.

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

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

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

ПОДПИШИТЕСЬ НА НОВЫЕ СТАТЬИ ПО ТЕМЕ

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

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