Thanks to visit codestin.com
Credit goes to docs.fluentforms.com

Skip to content

Integrate hCaptcha

Fluent Forms integrates hCaptcha, one of the most popular independent CAPTCHA services. Preventing bot submissions using hCaptcha is a contemporary, privacy-conscious solution.

This article will guide you through configuring hCaptcha in your WordPress Site through Fluent Forms.

Configuring hCaptcha Integration

First, go to Global Settings from the fluent forms navbar, open the Security tab from the left sidebar, and click the hCaptcha option.

Now, you will be asked to provide the Site Key and Secret Key of your hCaptcha Account for the configuration.

hCaptcha Settings Page

Getting the hCaptcha Site and Secret Key

First, log in to your hCaptcha Account. If you don’t have an hCaptcha account, sign up here.

Signup Here Fluent Forms

Now, select the option Add hCaptcha to my website or app option. Then you will see a login page to log in to your account using the desired email.

Add hCaptcha My Website Or App Integrate hCaptcha

Once you log in to the account, click the Generate button to generate the Secret Key.

Generate Button Fluent Forms

Now, copy the Secret Key and click the Continue button to get the Site Key.

Copy Secret Key Continue Button

Click on the Add Site button to add your desired site where you want to add hCaptcha.

Add Site Button Integrate hCaptcha

Now, put a Name to identify your website in the future and enter your website/s address in the Domains field to register your domain for hCaptcha verification.

Also, for additional Settings, you can select the hCaptcha Behavior and Passing Threshold according to your needs.

Once you provide all the necessary information, click the Save button, and you will get your desired Site key.

Name Domain Settings Save Button

Now, copy the Site Key by clicking the Copy button under the desired added site.

Copy Site Key Button

Connecting hCaptcha with Fluent Forms

Return to the Global Settings from the FluentForms Navbar, open the Security tab from the left sidebar, and click the hCaptcha.

Now, paste the Keys you copied from the hCaptcha into the Site Key and Secret Key fields respectively.

Paste Site Key And Secret Key

After you provide the keys, a pop-up will appear to Verify their validity.

Verify Button Fluent Forms

Finally, press the Save Settings button to make your hCaptcha Integration functional.

Save Settings Button Integrate hCaptcha

Integrating hCaptcha with Forms

Go to Forms from the top navbar, and open the Editor page of your desired form by clicking the Edit button where you want to set this hCaptcha protection.

Edit Button Integrate hCaptcha

Once you are on the Editor page, go to the Input Fields on the right side, open the Advanced Fields dropdown list, and click the hCaptcha input field.

Finally, click the Save Form button to integrate your configured hCaptcha into this form.

Added hCaptcha Input Field Save Button

Here is the preview of the integrated hCaptcha in a specific form.

Preview hCaptcha Field Integrate hCaptcha