Contact Form 7 Image Captcha

Descrizione

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.

Demo

Check out our live demo.

Lingue Supportate

  • 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

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

Diventa 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
  • Cambia l’immagine del captcha
  • Cambia i colori del box e del bordo
  • Cambia il font e il colore dell’icona e la loro grandezza in modo indipendente
  • Cambia come appare l’icona selezionata
  • Cambia dove appare l’icona
  • Change the box from full width to content width

Diventa Pro!

Screenshot (schermate di esempio)

  • screenshot-1.png
  • screenshot-2.png
  • Pro version settings page

Installazione

  1. Upload contents to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place [cf7ic] to your contact form 7 forms

FAQ

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.

Recensioni

Agosto 7, 2019
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…
Agosto 8, 2019
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 !
Aprile 23, 2019
Thank you for this contribution. It works very nice and is a user friendly solution.
Aprile 17, 2019
This plugin has been an excellent alternative for our agency after making the decision to ditch Google's recaptcha. This plugin + Conditional fields (to only show image captcha if someone has filled out required fields) = beautiful forms that are 100% spam free. Would definitely recommend!
Leggi tutte le recensioni di 20

Crediti e riconoscimenti

“Contact Form 7 Image Captcha” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Contact Form 7 Image Captcha” è stato tradotto in 5 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Contact Form 7 Image Captcha” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

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

  • Release iniziale