squarecandy

I totally agree with Dave’s points here.

– Need continued v2 support

– If users opt to use v3, make sure the banner only displays on pages with forms. Showing that giant badge on every page is unacceptable.

WooCommerce > Settings > Products > Product Fees

Setting “Fee Tax Class” to “No Taxes for Fees” did not work for me.

Setting it to the “Zero Rate” tax class did work.

This technique still works great for me. With watching out for a few “gottchas” and a few code modifications I got it working even better.

First – make sure that you are using a recaptcha key specifically for invisible type – a key for a regular v2 “i’m not a robot” box will not work. Generate a new key at https://www.google.com/recaptcha/admin if you need to.

Second, I didn’t like that the code above did a full browser-level submit of the form. I prefer the nice AJAX that’s built in to WPCF7. Here’s the javascript code I ended up using:

// implement the invisible google recaptcha
var recaptchaSubmitCallback = function( token ) {
	document.querySelector( '.g-recaptcha-response' ).value = token;
	form = jQuery( '#thesubmit' ).closest('form');
	wpcf7.submit(form);
};

jQuery( '#thesubmit' ).closest('form').on('submit', function(e) {
	e.preventDefault();
	grecaptcha.execute(0);
} );

And lastly – I didn’t like the fixed position badge, so I put it inline with the form like this:

    .grecaptcha-badge {
      width: 100% !important;
      height: auto !important;
      position: relative !important;
      box-shadow: none !important;
      right: auto !important;
      bottom: auto !important;
    }
    div.grecaptcha-badge:hover {
      right: auto !important;
    }
    .grecaptcha-logo {
      display: block;
      overflow: hidden;
      width: 256px;
      height: 60px;
      margin: -22px auto 0;
      box-shadow: none;
      transform: scale(0.6);
      opacity: 0.6;
      transition: opacity 300ms;
    }
    .grecaptcha-logo:hover {
      opacity: 1;
    }

Also – Here’s the shortcode I’m using in the WPCF7 form settings:

[recaptcha size:invisible callback:recaptchaSubmitCallback] [submit id:thesubmit "SEND"]

Hope this helps someone!

No resolution to this yet? I tried turning on learning mode and then switching back after doing the required actions. Learning mode or disabling the plugin allows the AJAX posts temporarily, but the URLs don’t end up in the whitelist section (I have a few other URLs marked as “Source: Whitelisted while in Learning Mode.” but no admin-ajax.php urls).

I also tried adding it to the whitelist manually. Here’s my code:

$.ajax({
    url : 'https://example.com/wp-admin/admin-ajax.php',  // generated from php admin_url( 'admin-ajax.php' );
    type : 'post',
    data : {
        action : 'my_custom_callback',
        mydata : myDataArray
    },
    // etc...
});

And here’s what I tried adding to the whitelist:

URL: /wp-admin/admin-ajax.php
Param Type: POST BODY
Param Name: my_custom_callback

The error I get is a “400 bad request” error.

I am not using any caching or compression plugins or systems.

Seems a pity to abandon using WordFence altogether because of this issue. I see lots of people who still seem to be having trouble with this. Let me know if there is a good solution.

This is not helpful. Converting a print-ready PDF into a viable HTML5 display is actually a very difficult task. Flipping book has a decent service and they charge what they think it’s worth. The plugin is for flipping book customers. If you’re not their customer already, don’t use the plugin.