A CAPTCHA is a challenge-response test used to test whether the visitor is the human being rather than a computer that tries to break user’s password. It has been regarded as a great security measure to protect logged-in users’ information from leaking. Besides, it also always appears when people plan to sign up a new account on your website, sign in with an existing account or change account password. In most cases, it is also included in a contact form. There is no need to emphasize how important the CAPTCHA is for the website security and for the spam prevention. This time, we’d like to introduce the easy ways of how to add CAPTCHA in WordPress form for the better security.
Here, as the CAPTCHA system is always used for the contact form, login & registration form and the comment form, we are going to introduce some methods to help you achieve the adding purpose easily.
Really Simple CAPTCHA Plugin for Contact Form
As its name suggests, this is a really simple plugin used to embed CAPTCHA in the contact form and also plays an important role in website security enhancement, which is created for Contact Form 7. However, Really Simple CAPTCHA is also suitable for other form plugins, such as Breezing Forms, Embed form, Formidabe, and so on so forth.
To make this plugin work properly, you are required to install a form plugin at first. Note that, we have installed Contact Form 7 plugin before making this guide. And now, let’s get started to install and set up this powerful plugin.
We are going to do this via WordPress dashboard. Firstly, log into your website backend and then go to Plugins > Add New. Search for Really Simple CAPTCHA and then click Install Now. Here will pop up a new page that asks you to activate the newly installed plugin. Click Activate Plugin and then go back to the Installed Plugins page to check if the Really Simple CAPTCHA plugin is ongoing.
Add CAPTCHA to Forms
Thanks to the use of Contact Forum 7, we just need to finish the left steps with this powerful form plugin. Navigate to Dashboard > Contact and target the default contact form called Contact Form 1. Move your mouse onto this existing forum and click “Edit” as what we have done in the following screenshot.
The given shortcode is available for a contact form without a CAPTCHA and you are allowed to make some change on it as you want. Click “Generate Tag” drop-down list and pitch on the “CAPTCHA” option.
And now, a list of options comes out. Focus on the “Copy this code and paste it into the form left” in the bottom of this section and then comply with what we have done in the following screenshot. Finally, click the Save button.
Copy and paste the generated code into any post, page or other web content on your website.
In addtion, the various optional settings are available for you to customize the CAPTCHA id, size, class, foreground color and background color as well as customize the settings for input field. If you maintain the default settings, then the contact form with a CAPTCHA should be like that.
In fact, it is easy to add a CAPTCHA to form by using the Really Simple CAPTCHA plugin. Maybe now, you have gotten this method and wish to have a try. Make sure that you have enabled a form on your website, or you cannot utilize this plugin properly.
Better WordPress reCAPTCHA for Login & Registration & Comment Form
This plugin makes use of the powerful anti-spam library – Google reCAPTCHA – to prevent your site from suffering the spammy nightmare. To use this plugin, you can follow the below simple steps.
Get the reCAPTCHA API Keys
To have this plugin work properly, you firstly need to get a pair of API keys released by Google. For this, you can click the BWP reCAPT > General Options from the admin panel to hit the special link as showcased in the following.
This link will redirect you to the Google reCAPTCH registration page. To register for your site, you should enter your domain name and choose the type of reCAPTCHA among three options.
Upon the registration, you can get your exclusive Site Key and Secret Key. To add reCAPTCHA to your site, you simply need to copy and paste them to the plugin settings page.
Decide the reCAPTCHA Settings
Now, you can start setting up a series of reCAPTCHA settings.
- Use the old school reCAPTCHA or the new version.
- Choose the request method to verify a CAPTCHA response. The Auto Detected option is recommended.
- Enable this plugin for comment form, login form or registration form.
- Hide the CAPTCHA function for registered users, users who can manage options or can read profile, or visitors who have a certain number of approved comments.
If you want to enable this plugin for your comment section, you can continue the settings for the comment form, such as the CAPTCHA position, invalid response, auto-fill field and invalid error message. In addition, you can allow the Akismet integration for comment form and the Contact Form 7 integration.
Next, you need to choose the theme options. Here, you can decide the reCAPTCHA theme, size and language. Also, you can enable the custom CSS if you can.
The common CAPTCHA just looks as below.
reCAPTCHA for Comment Form
reCAPTCHA for Registration Form
reCAPTCHA with Old School Version