Complianz Privacy Suite

Blocking reCaptcha & Editing the Placeholder

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

Aert Hulsebos

Add a link to show the Cookie Banner

You may want to insert a link or button that opens the Cookie banner to allow your visitor to change their preferences. The available Complianz

Jarno Vos February 25, 2021

Removing cookies after revoking consent

With Complianz, users can ask website visitors within the EU for approval to place and read cookies and local storage according to the ePrivacy Directive.

Mathieu February 2, 2021

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

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>