How to add the verification code to WordPress registration and login form?

A common method of protecting the registration and login process is to add the verification code to the registry of WordPress middle.

Safety for WordPress registration and login form is a factor that you cannot ignore. After all, you must ensure that your user account and your website are free of security threats.

Adding CAPTCHA to the registration and login form can easily and effectively protect your website from external attacks. But you may want to know how to do this?

Well, what you need is just incredible user registration plug -in. We have prepared a detailed guide to introduce how to use the user registration plug -in to add the verification code to the registration form in WordPress. So insist on understanding it in the end.

Directory

What is the verification code Intersection Why add it to the registration and login form?

Pack

What is the verification code? Why add it to the registration and login form?

It is used to distinguish the full -automatic public of computers and humansTuring test (

commonly known as Captcha ) is a tool aimed at determining whether users are humans or robots.

This test distinguishes humans from computers by analyzing all aspects of user interaction. The working method of the verification code depends on the type of verification code used by the system. Some of the popular ones used today are:

Recaptcha v2:

Recaptcha V2 requires users to check \”I am not a robot.\” Checking box or completing the image verification code challenge. The system analyzes the user’s behavior to verify whether the user is humans or robots. 将验证码添加到注册表单 WordPress reCAPTCHA v2

Recaptcha v3:

This version of the reclha evaluation user to interact with your website. Then it generates a score that indicates the authenticity or false level of the user. A higher score means that users are more likely to be humans.

Unlike recaptcha v2, it runs in the background. Therefore, your form does not display the image verification code or \”I am not a robot.\” Condition box. 将验证码添加到注册表单 WordPress reCAPTCHA v3

hcaptcha:

HCAPTCHA is very similar to recaptcha. The only difference is that HCAPTCHA does not sell data collected by the user to a third party.

将验证码添加到注册表单 WordPress hCaptcha

Now, now, the verification code of the verification code The main purpose is to protect the website from spam and data extraction. If you add captcha to the form, the protection is extended to the registration and login form.

Therefore, use CAPTCHA protection in the registration and login form,

    You can avoid spam registration to ensure that only real or human users register on your website.

  • You can prevent the robot from accessing the comments and comments on your website by filtering out spam registration.

  • You can protect the user account of existing human users by preventing malicious login.

In view of all these benefits, it is wise to place Captcha in the registration and login form. A good WordPress registration form plugin or CAPThe TCHA plugin can complete this work.

You will learn how to use such a WordPress plug -in in the next section to add a verification code to the login form and the registry.


How to add the verification code to WordPress registration and login form Intersection

We chose the user registration plug -in to demonstrate how to add the verification code to WordPress registration and login form.

This is an excellent registry generator plug -in, with a built -in login form and user configuration file. Its drag and drop interface allows you to build a registered form with any number of custom fields with any number of customs. 用户注册 WordPress 插件

And, if you are the owner of Woocommerce, then you will definitely be hospitable. The plug -in allows you to add the delivery and billing address field directly to the registry and synchronize the checkout field to the form.

This is not the whole of user registration. But now let us pay attention to its CaptCha protection function.

In the process, we will also show you how to create a custom registry to add a verification code.

Then let’s start!

1. Install and activate the user registration plug -in

First, you must install and activate free user registration plug -ins on your website. For this reason, please log in to your WordPress dashboard and open plugins \u0026 gt; \u0026 gt; add New . Search the plug -in and click to install the

button immediately after appearing in the search results.

After

activation 搜索用户注册插件 plug -in.

You will see a welcome page now, you can use it

to jump to the instrument board 激活用户注册插件,

Start [ 123] Set the plug -in or directly

Create the first form

.

No matter which method you decide, please make sure you open \”

Member qualification

\”Options. If you continue to set the process, you will get 欢迎和设置 in

in

.

Next Continue the rest. If you have exited from the welcome page to General . Here, check anyone can register the

check box, and then click

to save the change 用户注册设置中的成员资格.

[ [ 123]

This step is very important, because only when you enable the user to register, your user can access the front -end registry and and Register by yourself. You can continue the next step.

2. Create a new registry 打开会员选项

Click on the welcome page

Create the first form

, you will enter the user registry to build a constructifier.


You can also from [ 123] User registration \u0026 gt; \u0026 gt; add New Visit this builder.

First, give your table a clear name. ] You will find all the must -fill fields of the customized registration form on the left. You only need to drag these fields to the form on the right.

This form has two fields User Email

and

user password 用户注册插件表单生成器. Therefore, you can add any other fields you need to be added to the form.

This is to create a user registration form in WordPress using user registration plugins in WordPress. Full guide.

创建新的注册表单

After the form is completed, click

Create Form

. You have it! A simple registry, only a few fast steps.

3. Register the Google Recaptcha and HCAptcha and the user. 123]

After creating a form, it is time to add the verification code. For this reason, please transfer to

User registration \u0026 gt; \u0026 gt; setting \u0026 gt; \u0026 gt; integration

.

Under the

Captcha option, you will see that the plug -in provides 3 types of CaptCha: recaptcha v2, recaptcha v3 And HCAPTCHA.


No matter which type you choose, you need

site keys and key to activate the verification code. Don’t know how to get the key?

Just follow the detailed steps below.

1. Get the site key and Secret Key of RECAPTCHA and HCAPTCHA

用户注册集成

A. RECAPTCHA SITE Key and Secret Key.

First, hover the mouse in \u0026#39;

\u0026#39; The key

label, and then click the link in the description.

This will open the official official Google Recaptcha page.

Click V 3 admin console

menu in the title and log in to your Google account.

After you, you will be taken to to create , you can register a new site in it. This should be a site you want to integrate the verification code.

Enter the name of your website in the tag , and then select the Recaptcha type between V2 and V3.

Selecting V2 will bring another three options: 点击 reCAPTCHA 链接

\”I am not a robot\” check box [123 ]

Invisible recaptcha badge

recaptcha android

谷歌官方验证码页面

After selecting the recaptcha type, add the domain of your website, accept

Recaptcha service terms and click the to submit the

button.

注册新网站

That’s it! Your website is now registered with Google Recaptcha.

添加标签和域

The rest is to copy

Site key

and

    Secret key

  • for future use.

You need them to integrate Captcha into your form. B. HCAPTCHA SITE Key and Secret Key

为 reCAPTCHA 提交新站点 Similar to recaptcha, the link provided by the pop -up description opens the link of the official HCAPTCHA page.

Next, press the \” registration\” button to open the registration page.

HCAPTCHA provides a variety of plans for companies and individuals. Now, choose free services for your website.

复制站点密钥和密钥 Then, create a new account and get your

site key

and

Secret Key

.

二、 集成reCAPTCHA v2、v3 或hCaptcha点击 hCaptcha 链接

[123 ] Now you already have the required key, please return to the

integrated settings in user registration

.

hCaptcha 官方页面

Verification code v2:

选择免费的 hCaptcha 服务

If you want to add Recaptcha v2, please select Recaptcha v2 Captcha Type . Then paste the site key

and the station key

and and

Key 获取 hCaptcha Site Key 和 Secret Key.


You can also make the verification code invisible. Finally, click to save the change

button.

Verification code v3:

Select

recaptcha v3 and paste the site key

and

secret Key . Then, set the threshold score .

Here, the default value is 0.4, which means that users with a total score of 4 points are verified as real users. You can improve the threshold score for stricter user evaluation.

Verification Code:

粘贴 reCAPTCHA v2 密钥 Select

hcaptcha

in

Captcha Type option and paste your key generated from the HCAPTCHA account. Essence Finally, don’t forget Save and change

.

Congratulations! You have successfully registered the Google RECAPTCHA or HCAPTCHA with users. You can continue to add them to your registration and login form.

粘贴 reCAPTCHA v3 密钥

4. Enable Recaptcha support for the registry

It is not enough to register RECAPTCHA with users. You still need to support the verification code for the registration form on the WordPress website.

Therefore, open the custom registry you created before and transfer to its form setting . When you roll down the \”

conventional

\” tab, you will see the \” enable verification code support \” option.

Check the check box and click the

update form at the top of the builder. Your registration form will now display CaptCha according to the CAPTCHA type integrated in the previous steps. 5To enable Google RECAPTCHA

粘贴 hCaptcha 密钥


, you don’t have to start another one from scratch. Just navigation to User registration \u0026 gt; \u0026 gt; settings

and open the

login option

under the

conventional tab.

Here, check 启用验证码进行注册 Enable the verification code

check box and save changes. This should add CAPTCHA to the login form of your website.


Packing up

Verification code is critical to your website’s security. This includes the security of your registration and login page. This prevents the account of spam to register and protect the real user’s account.

User registration plug -in allows you to easily add Captcha protection to the registration and login form. The best part? You can choose between RECAPTCHA V2, RECAPTCHA V3 and HCAPTCHA.

According to the above guide, you will be able to integrate your registration and login form with the captcha you choose.

In addition, you can also use this incredible plug -in to enable a strong password, assign user characters during registration, and allow administrators to approve the user after registration. Through our blog more information about the registration of users, we introduced various functions and how to implement these functions for your website. In addition, please follow us on Twitter and Facebook to keep updating.

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *