Skip to content

Enabling the hCaptcha Module in Webforms

Info

This guide serves as a sample documentation for enabling CAPTCHA in WordPress webforms.

Create a hCaptcha account

  1. Visit the hCaptcha Dashboard and sign up using your CERN email address.

signup.png

  1. Complete your account setup by following the link in the email send by hCaptcha to verify your email address.

Configuring hCaptcha for Fluent Forms on your WordPress site

  1. Login to the hCaptcha Dashboard.

  2. Click the Add Site button, provide your preferences for enabling the CAPTCHA (e.g. domain) and configure settings to suit your needs.

addSite.png

  1. Press the Save button.

  2. In the admin panel of your WordPress dashboard, navigate to Fluent Forms -> Global Settings -> Security -> hCatpcha. This is where you can add the Site Key and Secret Key obtained from the hCaptcha dashboard (explained in the next steps).

addSiteKey.png

  1. Find the Site Key underneath the site name in your list of sites on your hCaptcha dashboard.

list_active_sites.png

  1. Create the Secret Key by visiting the URL provided in the administration panel: hCaptcha Secrets Settings. Click Generate New Secret to obtain the key. Make sure to copy and save the key.

generate_SecretKey.png

  1. Once you have entered both keys in to the Fluent Forms settings menu (shown in step 4), click the Save Settings button.

Adding hCaptcha to forms

In order for hCaptcha to protect your forms, you need to add the hCaptcha field to each form you want to protect.

  1. Navigate to Fluent Forms -> All Forms in the admin panel of your WordPress site.

  2. Select the form you want to protect and click on the Edit button.

  3. Insert a hCaptcha field in the form.

Insert hCaptcha field example

  1. Save the form and preview it in a browser to verify that the hCaptcha field is visible and functional.

validation2.png

validation1.png