Contact Form 7 not working if user does not allow All Cookies

Hi @webarkitekterne,

Since I don’t know which domain is affected, I’m going to make some assumptions based on known issues.
Using the POST method to pass form information doesn’t work in Internet Explorer when using auto blocking, due to IE not supporting the mutationObserver method.

Here are some solutions, if this is indeed the issue you’re affected by:

1. Use GET instead of POST to pass data
2. Use manual blocking mode instead of auto

We would like to use manual blocking mode but we need to have a solution for CF7 based on the following:

1. If no consent do not display the form (hide <div> display:none;) and show that cookies are necessay (recaptcha 3 Google is used within CF7).
2. If cookies are accepted show the form again.

How to realize the above? So how to check what consent is selected and based on that do show or hide the CF7 until consent for the correct cookie setting is given (all currently and apparantly).

Dear @jordanvanbergen,

Many thanks for reaching out.
Have a look at this article which describes how to show/hide content according to the consent given.

Kind regards,
Simon

Thanks @smmcybot You can see what I tried:

https://www.givingtuesday.nl/contact/

Open incognito/private session and it’s working.

But do you know what link on an a href to use to let the cookie consent option to popup if it’s already closed?

javascript:Cookiebot.show() will do that ??

You can find the whole documentation here: https://www.cookiebot.com/en/developer

This javascript:Cookiebot.show() is deleted when I add this in the WYSIWIG editor as html. After save this is stripped by WordPress. So I am not able to add for example:

xxxxxx

onclick is totally deleted from the <a href…. link

Any idea on how to add the needed javascript to a text telling [Allow cookies] with on click the cookie popup?

Hey @jordanvanbergen,

That’s the editor stripping the inline JS out because it identifies it a risk.

I’m confident you’ll find a solution if you start here.

Best,
Simon

Gutenberg block editor html worked.
It looks like it’s working.

Can dive into this to finetune but basic setup is working.
Thanks!

Still a lot of issues.

We want to use data-blockingmode=”auto” cookiebot setting. I have set this on the test website now. Contact Form 7 is used in combination with Recaptcha 3 from Google.

See this explanation how Recaptcha has been added to Contact Form 7: https://contactform7.com/recaptcha/
with the correct recaptcha keys. Contact form integration page shows (in Dutch): reCAPTCHA is actief op deze site. So reCAPTCHA is active on this site.

You can see everything in action now on this test page: https://test.givingtuesday.nl/contact/

If you not consent the cookies the contact form will not show. If you do consent ALL cookies allowed the form will show and if you look at F12 developer mode chrome you will see cookies are really set.

But as soon as you submit the form you will get:

Failed to send your message. Please try later or contact the administrator by another method.

If i deactivate Recaptcha3 everything is working and after submitting the form you will get:

Your message was sent successfully. Thanks.

This has everything to do with the Google Recaptcha integration.

This alternative (which I don’t want to use) plugin has a deep inside explanation: https://complianz.io/google-recaptcha-and-the-gdpr-a-possible-conflict/

Currently Contact Form 7 + reCaptcha 3 + Cookiebot is a non working combination for us.

Sow how do we combine everything so Contact Form 7 in combination with reCaptcha 3 and Cookiebot is working nicely together?

Hi @jordanvanbergen,

Basically reCAPTCHA drops a cookie, so in order to be fully compliant you’re not supposed to use it without consent.
I’ve just tested again on https://test.givingtuesday.nl/contact and was able to submit the form with no problems. Does this mean this is not an issue anymore for you?

// Simon