Buy Now
Sign in

FAQ search

How can I add a ChronoForms Captcha to my custom HTML?

Details
Published: Monday, 29 December 2014 10:41
The ChronoForms Captcha is a convenient anti-spam check that can be added simply in the Wizard. If your CFv4 form does not use the Wizard then you still add a Captcha by including the following HTML.
<div style="" id="chrono_verification1_container_div" class="ccms_form_element cfdiv_text">
  <label>Enter the code</label>
  <input type="text" name="chrono_verification" value="" title="" class="chrono_captcha_input" size="5" maxlength="5" />
  {chronocaptcha_img}
  <div class="clear"></div>
  <div id="error-message-chrono_verification"></div>
</div>
You can change most of this to suit the layout of your form but for it to work correctly you must include the highlighted parts of the code.
You also need to include the Load Captcha action in the On Load event and Check Captcha and Event Loops actions in the On Submit event as you do for the standard Captcha setup.
For other versions of ChronoForms you can manually add a Captcha in a similar way but the HTML and the {chronocaptcha_img} tag may be different. You can check the correct code by creating a test form using the Wizard and copying the HTML.