Web Development Documentation

Chronoforms: Adding a CAPTCHA to a Form

This procedure describes how to add a security CAPTCHA to a form using ChronoForms version 5.  


Getting Started: Select the form

  • Log into the Joomla! administrator page for your web site
  • Click on Components > ChronoForms5:

    Components > Chronoforms5
  • Ignore the message "Your ChronoForms installation on webdevel.sas.rutgers.edu is NOT validated."  Chronoforms will still work.
  • In Forms Manager, click on the name of the form you want to add a CAPTCHA to.
  • Click on the Designer tab (see #1 below).

Add the CAPTCHA

  • Drag the Captcha button under Basic (see #2 below) to the light blue designer area under Widgets (see #3 below):


Chronoforms Form Designer: Drag Captcha Button to Designer area

  • Click and hold the Drag button for the Captcha element so that it appears above the "Submit" button element (see #1 below):


Chronoforms Captcha element: Drag and Edit buttons

  • Click the Edit button for the Captcha element (see #2 above).
    • Click the Validation tab (see #1 below)
    • Change Required to "Yes" (see #2 below)
    • Click Save and Close to the lower right (see #3 below):


Chronoforms Captcha: Edit Element Settings

  • Click on the Setup tab (see #1 below).
    • Click Captcha (see #2 below).
    • Change Enabled to "Yes" (see #3 below).
    • (Optional) Modify the message in the Error field (see #4 below).
    • Click Save and Close to the upper right (see #5 below):

 Chronoforms Captcha: Edit element setup

 

What's next?

If you haven't already, you can configure your form to email the data to one or more people

You can also configure your form to save information to a database.

Once you configure your form to collect data, you can embed it within an article.

Joomla-Workshops-Button-Hugo