Complianz Privacy Suite

Blocking reCaptcha & Editing the Placeholder

January 26, 2019
20:57
No Comments
Blog, Configuration, Documentation, F.A.Q

Aert Hulsebos

Friendly Captcha – a privacy-friendly option for reCaptcha

ReCaptcha from Google is the most popular spam prevention tool available, and certainly with good reason as it seems to work and is widely-adopted and

Aert Hulsebos January 25, 2021

Records of Consent

Table of Contents Records of Consent is available in premium, from 4.9.2 onwards In the free plugin and our premium plugin below version 4.9.2 we

Aert Hulsebos January 12, 2021

Integrations for WooCommerce

In this article, we will explain the many integrations available for your WooCommerce shop. We will look at specific questions in our wizard and configuring

Aert Hulsebos December 28, 2020

Update: September 1st 2020

The wizard now has a new question. We will now explicitly ask if you want to block reCAPTCHA. The number of different integrations makes universally blocking reCaptcha difficult without causing issues.

If you don’t block reCaptcha, please read the article below on why we block ReCAPTCHA. If you want to block reCaptcha, please follow the instructions below.

If you block reCAPTCHA, Complianz add a placeholder before consent. Read the instructions below to get it right.

Why we block reCaptcha? Read this article for more information.

First. Check the Placeholder.

If you enabled reCaptcha to be blocked. Please check if the placeholder looks like the below image.

Second. Choose what you want to do.

If you want to keep the placeholder. You’re done.
You have Contact Form 7 and no placeholder is visible? Read this.
If the placeholder does not look like the above image. Try to fix it with CSS.
Do you want a simple text field as placeholder? Add some HTML.

2. I have ContactForm 7 and don’t see a placeholder.

We have made a direct integration for ContactForm 7. If a user does not have cookies enabled while submitting a form, the user will get a conditional warning to accept cookies before sending the form. This works with both V2 (separate plugin) and the default integration from ContactForm 7 V3. You can find an example at demo.complianz.io/recaptcha

3. Fix the placeholder with CSS

If the placeholder is visible and your willing to add some custom CSS to your theme. You can use the following classes to fix the placeholder:

 .cmplz-blocked-content-container .cmplz-blocked-content-notice {
 Your custom CSS 
}

4 Filter Placeholder and use an HTML field:

You can also choose to delete the placeholder with a filter and use an HTML field. To delete the placeholder before adding the HTML field to your form, you can add the following filter in an MU Plugin or your theme’s functions.php:


add_filter('cmplz_placeholder_markers', 'my_unset_recaptcha_placeholders', 100);
function my_unset_recaptcha_placeholders($tags){
unset($tags['google-recaptcha']);
return $tags;
}

Or with CSS:

.cmplz-blocked-content-container.recaptcha-invisible, . cmplz-blocked-content-container.g-recaptcha { display:none; }

Now you can add the HTML field in your contact form. Add the HTML field (we will use Gravity Forms as an example) as the last field and add the below HTML. You can choose to remove the last DIV if you don’t want to link to the cookie policy. Custom CSS might be needed to make the text appear as you wish. The result is beneath the HTML code:

<div class="cmplz-blocked-content-notice cmplz-accept-cookies" style="text-align: left; cursor: pointer;">Click here to accept reCaptcha cookies before sending the form. </div>
<div class="cmplz-blocked-content-notice" style="text-align: left;"a class="cc-link" tabindex="0" href="/cookie-policy/" aria-label="learn more about cookies"> Read more</a></div>