Complianz Privacy Suite

Blocking reCaptcha & Editing the Placeholder

Aert Hulsebos

Aert Hulsebos

Categories

Popular articles

Upgrade to Google Analytics 4

If you want to upgrade to Google Analytics 4 you will need to upgrade your tracking code. If you have implemented Analytics with Complianz, please

Read More

TCF for WordPress

The Transparency Consent Framework (TCF) is an initiative by IAB Europe and IAB Tech Lab to provide a platform for vendors, publishers, and consent management

Read More

TCF V2.0 release (Update)

Update: Released on October 5th 2020 Since August 15th the Transparency and Consent Framework V2.0 from IAB Europe or TCF V2 has been adapted by

Read More
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

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.

recaptcha placeholder
Example reCaptcha Placeholder

Second. Choose what you want to do.

  1. If you want to keep the placeholder. You’re done.
  2. You have Contact Form 7 and no placeholder is visible? Read this.
  3. If the placeholder does not look like the above image. Try to fix it with CSS.
  4. 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>

NB. ! should be replaced with <

HTML as shown entered in Gravity Forms. This can be used in all HTML fields for Contact Forms.
The result. An HTML placeholder which fits nicely in your forms.

Recent articles

Subscribe