Invisible reCaptcha v3 plugin

reCAPTCHA v3 is a free service from Google that protects your site from spam and abuse. And the Bubble.io official reCaptcha only supports v2 (the one with the checkbox).
So I made the Invisible reCaptcha v3 open source plugin to provide an easy way to integrate the reCaptcha v3 (the invisible one).

Herer’s the the plugin page:

Hope it will help!

4 Likes

Hi @imlorenzo

Can you extend your description of how to make it work?

I have currently installed the plugin and inserted the keys.
I also have the old reCaptcha by Bubble on the page

Do they work together? Do we have to do something on page load?
I’m a little confused.

Thanks
Fabian

You can find step by step instruction in the description (this plugin does not have anything to do with the bubble one, this is for the invisible recaptcha v3).

The following instructions explain exactly what you need to do to make it work:

  1. Go to the Google reCaptcha service page with your Google account.

  2. Create the app by filling the form. You MUST select the reCAPTCHA v3, not v2.

  3. Once submitted, Google will provide you with the following two information.

  • Site key
  • Secret key
  1. Set these two keys in the plugin settings.

  2. Place the “reCaptcha v3” element on the pages where you want to protect.

  3. Now you can run the “Verify reCaptcha token” action on the event “reCaptchav3 A Token retrieved”, or whenever you want to verify the reCaptcha.

  4. You can check if the verification was successful from the action results.

1 Like

Thanks, @imlorenzo I will try that

Fabian

I appreciate the plugin, but it’s not working for me. No matter what I do, I always receive a NO on the token verification. I tried different minimum scores from 0 to 1, but nothing worked. Any idea what might be wrong?

Can you share an editor or screenshots of your setup?

Hi @imlorenzo - it also doesn’t appear to be working for me. I placed the v3 icon on the page and have the following workflows in place. Did I miss something?

I am trying to make a form “submit” conditional on reCAPTCHA.


Please share the verify recaptcha action and element settings, not the email action, otherwise I can’t tell if there is an problem with your settings or not. And did you set the recaptcha api keys on your plugin settings?

Hi @imlorenzo.
I’m new to bubble and I’m trying to implement captcha on a typical submit action in a form. I came across your plugin but I failed to understand how to use it. As for v2 we can deactivate the submit button based on checked value of checkbox here I’m not sure how the dynamics are, how will it prevent the triggering of submit action by bots.
Thanks in advance,
Paulo

Hi Lorenzo,

So far the plugin seems to work well. Are there any plans to extend functionality so we can use the full capabilities of v3?

I don’t have a lot of experience with setting up reCaptcha, but I’m assuming 0.9 is a pretty safe to stop whatever I need to stop, however is it possible this is too high?

Will the plugin show additional challenges if the user does not get the appropriate score? and how would I then re-validate anad allow the user to continue the operation they were trying to do?

First of all, thank you so much for building this!

I do have trouble implementing it, though. The token comes up as empty when I run the workflow. Site and secret key are implemented. Element is on the page. Not sure what I am missing here.




@marketplacehubcommun the recaptcha token was not empty for me when i made it visible on page load

Excelent Work !!! Tks a lot !!!

To explain to those who never have contact with reCaptcha v3
It is invisible to the user (there is no challenge to the user), so you (developer) recieves a score, and should decide what to do.
score 0.5 - everyone will pass
score 1.0 - none will pass
I suggest you start with 0.8 and keep collecting data.

Got keys here
https://www.google.com/recaptcha/admin/create

Tks again !