You can configure Web Form Builder to use the reCAPTCHA system to validate a user's human-ness by choosing either Automatic (S-Drive Only) or Manual from the Captcha drop-down in the Form Options tab. Either option will include a standard clean-style Captcha box to your form.
However, if you're using a Manual Captcha system (which is required if you're putting your form on your own server) then you can actually tweak this box a little more to choose from three more styles of Captcha box. Here's how it's done.
First, get your Captcha keys
Go to the reCAPTCHA website at http://www.recaptcha.org to get your keys. Click USE reCAPTCHA ON YOUR SITE, then click Sign up Now! (You won't actually need to sign up for anything.)
On the next page, enter your domain name in the box at the top of the page, check the box next to Enable this key on all domains (global key), and click Create Key at the bottom of the page.
The following page will contain your public and private keys that you will need to use in Web Form Builder. (The private key has been partially blurred to protect it, since you're supposed to keep this one a secret for security's sake!)
Highlight and copy these two keys one at a time and paste them into the Public Key and Private Key fields in the Form Options tab of Web Form Builder, after choosing Manual from the drop-down.
Your keys are now set up and your Captcha box will work! Please note that these keys will only work on the domain you entered on the reCAPTCHA website. Using this keys for a form on another domain will cause the Captcha because to experience a fatal error.
Export Your Form
The next step is to export your form to your hard drive. This process differs slightly depending upon which operating system you are using.
Windows Instructions
Click File > Export > Manual Server Setup to begin the manual export process.
You'll be asked to save your form if you haven't done so, and to choose a location where form files will be exported. Then the Form Exported window will appear.
You're going to need to edit an HTML file that was just exported. To locate it easily, click the Open in Explorer button.
Changing the Captcha Theme
When you open the Explorer, you should see your form files listed like this:
What you are looking for is the one HTML file in the directory, which should have the same name as the Web Form Builder project you saved. Now open that file in your favorite HTML editor or text editor. You need to look for a line of code that says:
var RecaptchaOptions = { theme : 'clean' };
As this line of code is kind of lost in the middle of the file, your best bet is to do a search for "RecaptchaOptions". The line you're looking for should appear immediately. Here's what it looks like in context:
And here's what a Captcha box with the "clean" theme looks like in a published form:
All you need to do is change the word "clean" in the line of code shown above to either "red", "white", or "blackglass". Here's what those themes look like:
Red
White
Blackglass
Once you've changed the theme to the one you want, save the HTML file and upload the contents of the form folder to your server. Follow the steps show in the Form Exported window and you should be ready to go. For further instructions straight from Google on customizing a Captcha box, click here.
OS X Instructions
Click File > Export > Manual Server Setup to begin the manual export process.
You'll be asked to save your form if you haven't done so, and to choose a location where form files will be exported. Then the Form Exported window will appear.
You're going to need to edit an HTML file that was just exported. To locate it easily, click the Open in Finder button.
Changing the Captcha Theme
When you open the Finder, you should see your form files listed like this:
What you are looking for is the one HTML file in the directory, which should have the same name as the Web Form Builder project you saved. Now open that file in your favorite HTML editor or text editor. You need to look for a line of code that says:
var RecaptchaOptions = { theme : 'clean' };
As this line of code is kind of lost in the middle of the file, your best bet is to do a search for "RecaptchaOptions". The line you're looking for should appear immediately. Here's what it looks like in context:
And here's what a Captcha box with the "clean" theme looks like in a published form:
All you need to do is change the word "clean" in the line of code shown above to either "red", "white", or "blackglass". Here's what those themes look like:
Red
White
Blackglass
Once you've changed the theme to the one you want, save the HTML file and upload the contents of the form folder to your server. Follow the steps show in the Form Exported window and you should be ready to go. For further instructions straight from Google on customizing a Captcha box, click here.
