special offer desktop
Bit Assist Menu Icon

reCAPTCHA V3 Integrations

Estimated reading: 3 minutes 284 views

Bit Form Integration With reCAPTCHA V3

Watch the full tutorial here!

Google’s popular anti-spam service, **Google reCAPTCHA**, has been updated to v3, making it easier for humans to use while protecting against bots more effectively than ever. The new ReCaptcha v3 works differently from the older version. It no longer relies on the 2D images displayed in an annoying box but instead, based on some factors like the user’s IP address & other previous interactions on the browser, it determines whether it’s human or bot.

Authorize your site

⇛ Follow the path: App Settings => reCAPTCHA => reCaptchav3 => Google reCAPTCHA Admin.

App Settings-Bit Form

⇛ After navigating to the admin dashboard, select the (+) icon to configure your WordPress site.

reCAPTCH Admin-Bit Form

⇛ Now set a Label to identify it later. Example: Bit form reCAPTCHA V3. Select the reCAPTCH V3 as the reCAPTCHA type.

Register site1-Bit Form

⇛ Then copy the domain name from Bit Form & paste it on the Domains field of the admin dashboard of Google reCAPTCHA. Select the terms of service & press the Submit button to continue.

Copy Domain URL-Bit Form
Submit-Bit Form

⇛ Now, copy the Site key & Secret key, then paste these on the related fields of Bit Form. Save the whole configuration & you are done with registering your website!

Copy Site&Secret key-Bit Form
Paste key-Bit Form

Configure reCAPTCHA V3 on Bit Form

⇛ After finishing the reCAPTCHA V3 setting, create a new form or select an existing form to set up reCAPTCHA to see how it works.

Create Form-Bit Form

⇛ To set reCAPTCHA on the form, follow the path: Settings => Form Settings => Enable reCAPTCHA V3 .

note-icon-bit-apps  Note

reCAPTCHA V2 & V3 don’t work together. Suppose you enable reCAPTCHA V2 from form field than Bit Form doesn’t allow you to use Version 3 at the same time.

Form Settings

⇛ Now copy the shortcode of the created form & paste it on any page as your preference. Go to the front end of the page & if you see the reCAPTCHA badge at the right bottom of the page, then the configuration is successful.

note-icon-bit-apps  Note

The reCAPTCHA V3 will work only on the page where you will configure it.

See reCAPTCHA badge-Bit Form

⇛ If you want, you can hide the reCAPTCHA badge by toggling the option Hide ReCaptcha badge from settings.

Hide badge-Bit Form

⇛ From the Advanced Settings option, you have to set the Tolerance level which we can denote as a threshold value. The tolerance score is divided by – Low (0.3), Medium (0.6) & High (0.9). Basically, reCAPTCHA sends a score that helps to detect spam bots. When the score sent by reCAPTCHA is less than the tolerance score, you set earlier, the submission will be considered as spamming & there will be shown an error message. You can edit the score message option. As much as the tolerance level number gets closer to 1 reCAPTCHA will identify the activity as Human Activity. Now update the form.

Advanced Settings

Hence your website will be protected from unwanted form submission by a spam bot!

Share this Doc

reCAPTCHA V3 Integrations

Or copy link