...
In this example, a Quick Request Form is being used for demonstration purposes.
Figure 1
Scroll your Palette until you find the Invisible reCAPTCHA element under the Marketplace section.
Drag and drop this element into your Form.
Click on the element in your form and the Edit Invisible reCAPTCHA board appears (on the right hand side).
...
Generating important keys for the plugin
| Info | ||
|---|---|---|
| ||
If you are using Joget DX on a local computer for development purposes, you can put your "localhost" as your domain name. |
You can follow the steps below, or refer to https://help.salesforce.com/s/articleView?id=sf.workdotcom_quemgmt_set_up_captcha_googlekeys.htm&type=5:
- Go to https://www.google.com/recaptcha/about/
- Click on v3 Admin Console at the navigation bar
Give your Label a meaningful name (e.g. recaptcha_test)
For the reCAPTCHA Type, tick reCAPTCHA v2 > Invisible reCAPTCHA badge
Under Domains, put the domain name that Joget DX is hosted on (e.g. http://intern.cloud.joget.com)
Info title Setting a domain name If you are using Joget DX on a local computer for development purposes, you can put your "localhost" as your domain name.
- Tick Accept the reCAPTCHA Terms of Service
- Click Submit
Figure 2 & 3
Copy the generated reCAPTCHA site keys and reCAPTCHA secret keys.
Paste them into their respective fields in the Edit Invisible reCAPTCHA board.
Remember to click Apply Change and Save in the Form Builder.
| Info | ||
|---|---|---|
| ||
|
Figure 3
Paste them into their respective fields in the Edit Invisible reCAPTCHA board.
Remember to click Apply Change and Save in the Form Builder.
...
Testing out the plugin
Figure 4
Try submitting the Form where you added the Invisible reCAPTCHA plugin.
If the bottom right corner of your Form page shows the protected by reCAPTCHA pop-up, it means that the Invisible reCAPTCHA is working.
