reCAPTCHA

Note: the Bubble reCAPTCHA plugin supports reCAPTCHA v2.

External page: ReCAPTCHA v2 | Google for Developers

reCAPTCHA is a service from Google that protects your site from spam and abuse. It uses advanced risk analysis techniques to tell humans and bots apart.

reCaptcha form

This element adds a reCAPTCHA checkbox to your application.

Visual theme

Choose between both light and dark mode to suit your design style.

Element size

This allows you to configure the layout of the reCAPTCHA form.

Verification type

Determine what style of reCAPTCHA form you’d like to verify users by.

Setup

After installing the plugin, you’ll need to verify the API keys under the plugin settings.

In order to generate your API keys, visit your Google developer console here.

Note: If you don’t already have a Google developer account, you’ll need to register one now.

Within your developer console, provide a name for your reCAPTCHA, then select what type of verification form you’d like to integrate.

When adding a domain, provide the root domain of your application without a page path or formatting e.g. YOURAPP.bubbleapps.io not https://YOURAPP.bubbleapps.io/version-test/index?debug_mode=true

Note: When you publish your app into production, you’ll need to generate a separate API key called ’live’ with your new custom domain.

Once you’ve configured your settings, copy and paste the API keys provided into their relevant fields.

You’ll need to past the keys from your dev API within the ‘key - dev’ field of your plugin settings, then the live API keys within the ‘key - live’ fields.

Now, when creating a workflow, you can now add a condition to a workflow trigger or an event that only runs when the reCAPTCHA form is checked.

FAQ

(Have a suggested FAQ to help other Bubblers? Please visit our Support center to get in touch with a member of our Support team.!)