Suraj Kumar Sinha

ZigZag Image Captcha for Contact Form 7 adds a powerful, image-based captcha to Contact Form 7.
This plugin generates a secure zig-zag distorted image captcha with background noise, dots, lines, and randomized angles to prevent automated bots.
It works 100% with AJAX, supports auto-refresh, expiration timer, session validation, and displays CF7 native error messages.
<h3>🔒 Features</h3>
<ul>
<li>Secure zig-zag distorted captcha </li>
<li>Random characters with noise, distortion, and angled letters </li>
<li>Auto image refresh with single click </li>
<li>Session-based secure validation </li>
<li>Expiration timer with auto-regeneration </li>
<li>Native CF7 error messages (not custom overrides) </li>
<li>Works with both AJAX and non-AJAX submissions </li>
<li>Lightweight and optimized </li>
<li>No external API required </li>
<li>Fully responsive </li>
</ul>
<h3>🛠 How to Use</h3>
Add this shortcode inside any Contact Form 7 form:[imagecaptcha* cf7_image_captcha]

ZigZag Image Captcha for Contact Form 7

Adds a secure, flexible image captcha field to Contact Form 7 with zig-zag protection, timer, refresh, AJAX validation, and accessibility support.

hookandhook

Kyle Charlton

Add an SVG image captcha and honeypot to your Contact Form 7 or WPForms form. Based on our interpretation this CAPTCHA plugin is GDPR compliant because the images are inline SVGs and no download of external resources happens, in addition no cookies or other storing mechanisms are used on the user’s device, this plugin will not slow down your site with additional header requests like Google’s ReCAPTCHA and respects your users privacy.
<h4>Directions [PLEASE READ]</h4>
Contact Form 7: 
Add the shortcode [cf7ic] to the form editor where you want the CAPTCHA to appear.
You can hide the CAPTCHA until a user interacts with the form, by adding “toggle” to the shortcode: [cf7ic “toggle”]
WPForms: 
Just activate the CAPTCHA for WPForms on the plugin’s settings page.
Like the plugin? 
Please consider leaving a review.
As of version 3.2.0, Contact Form 7 Conditional Fields is now fully supported! You no longer need to add <code>[hidden kc_captcha "kc_human"]</code> to forms that do not include the [cf7ic] shortcode.
<h3>Go Pro!</h3>
Get even better spam protection with the All-in-one Image CAPTCHA Pro version of this plugin which includes additional options to improve spam protection, options to control the look and style of the CAPTCHA and messages, additional forms support including login screens, gravity forms, WooCommerce and more.
PRO Demo 
See the Pro version in action on my <a href="https://wpimagecaptcha.com/contact/?utm_source=wp_readme&utm_medium=wp_readme&wp_campaign=readme" rel="nofollow ugc">contact page</a>.
Check out our <a href="https://wpimagecaptcha.com/downloads/pro-plugin/?utm_source=wp_readme&utm_medium=wp_readme&wp_campaign=readme" rel="nofollow ugc">pro version</a> for more details.
PRO Features:
<ul>
<li>GDPR compliant</li>
<li>ADA/a11y/WCAG compliant</li>
<li>Gravity Forms support</li>
<li>WooCommerce support for login, registration and checkout forms (optional)</li>
<li>WordPress login/registration form support (optional)</li>
<li>Default WordPress comment support</li>
<li>Customize the look of the WordPress login/registration screen and form</li>
<li>CAPTCHA refreshes on submit to make it harder for automated spammers</li>
<li>Reverse honeypot which checks if you are human through form engagement</li>
<li>Stronger security with hashed answers to make it harder for automated spammers to read the answers</li>
<li>Add additional icons to increase the chances of a random guess getting through. You can increase it from a 1 and 3 chance all the way up to a 1 in 10 chance! </li>
<li>Select which icons you wish to use</li>
<li>Add additional icons from Font Awesome 4.7</li>
<li>Add your own custom SVG icons</li>
<li>Customize the icon titles</li>
<li>Change the captcha message</li>
<li>Change the captcha errors</li>
<li>Change the box color and border</li>
<li>Change font and icon color and size independently</li>
<li>Change the selected icon appearance</li>
<li>Change where the icons appear</li>
<li>Change the box from full width to content width</li>
<li>jQuery free on the front end</li>
</ul>
<a href="https://wpimagecaptcha.com/downloads/pro-plugin/?utm_source=wp_readme&utm_medium=wp_readme&wp_campaign=readme" rel="nofollow ugc">Go Pro!</a>

Contact Form 7 Image CAPTCHA, WPForms Image CAPTCHA, Contact Form 7 Spam Image CAPTCHA, WPForms Spam Image CAPTCHA, GDPR

All good, but today I've added some WPBakery Tabs block with buttons and have a lot of errors about not existing contact form when click the tab buttons. So I've fixed your script to enable captcha on form focus, now it really works only at CF7. Please replace your existing CF7 script function to my one:



function cf7ic_toggle()
{
 echo '<script type="text/javascript">
 document.addEventListener("focusin", cf7ic_display);

 function cf7ic_display(event){
 if(event.target.form && event.target.form.querySelector(".cf7ic-toggle")) {
 event.target.form.querySelector(".captcha-image").style.display = "block";
 }
 }

 document.addEventListener( "wpcf7mailsent", function( event ) {
 if (event.target.querySelector(".captcha-image")) {
 event.target.querySelector(".captcha-image").style.display = "none";
 document.activeElement.blur();
 }
 }, false );
 </script>';
}

JS needs to be fixed


Love the Plugin in its simplicity. The support is lightning fast!







Thanks So much


Great Support and Great Plugin

Adds an Image CAPTCHA to Contact Form 7 and WPForms, GDPR ready, perfect WPForms or Contact Form 7 Spam Protection Image CAPTCHA, adds a honeypot

ZigZag Image Captcha for Contact Form 7 vs Contact Form 7 Image CAPTCHA, WPForms Image CAPTCHA, Contact Form 7 Spam Image CAPTCHA, WPForms Spam Image CAPTCHA, GDPR