Search
Close this search box.

Implementing and Blocking hCaptcha – Example for WP Forms

Implementing plugins, services, or any other scripts can be done, in most cases, quite easily with our script center. Complianz will add integrations continuously, but if you don’t want to wait on Captcha for WordPress, you can start here! In this example, we’re using WP Forms, as this is the most popular form plugin where hCaptcha has a direct integration. The only thing left is to block hCaptcha and add a placeholder.

Why block hCaptcha?

This is a personal preference, as many people are conflicted by hCaptcha’s notice and self-proclaimed compliance with GDPR and other privacy mandates; some users want to be on the safe side regarding recent privacy shield matters and non-EU collection of IP addresses and outside calls of any service, which hCaptcha does by loading a javascript from an external server. This data is presumably processed in the United States, as more information about processing data is not available as of this writing and hasn’t updated after the privacy shield ruling. Learn more here; hcaptcha.com/privacy

Adding HTML & CSS to WP Forms

Let’s start with adding some HTML to your form plugin, in this case WP Forms. This will add the placeholder to enable this service or category and load hCaptcha if needed. In the free version of WP Forms you’re unable to use a HTML block in your form, but in Free you can also use the description block on every field to add HTML. We recommend using the last field before submit. For example:

For this field we must add some CSS so it looks better, but also to remove the hCaptcha DIV before consent. As hCaptcha HTML is loaded locally, while the challenge is blocked. If you don’t want a button, you can change ‘button’ to ‘div’ in both HTML and CSS.

Blocking hCaptcha

Now you need to block hCaptcha. This is done quite easily with our script center;

A MU-Plugin

If you want to pack everything in to a MU-plugin, you can do so by adding the below. This included blocking hCaptcha and adding CSS for the placeholder visibility. You will still need to add the placeholder yourself. We used the same classes as for WP Forms, you can change this if so desired.

Join 1M+ users and install The Privacy Suite for WordPress locally, automated or fully customized, and access our awesome support if you need any help!

Complianz has received its Google CMP Certification to conform to requirements for publishers using Google advertising products.