Installing the plugin in Joget DX

You can follow the steps below, or refer to Manage Plugins to read more about managing the plugins:

1. Download invisible-recaptcha-field-7.0.0.jar into your computer
2. In the Joget DX platform, go to System Settings > Manage Plugins > Upload Plugin
3. Click on Choose File and upload the .jar file you just downloaded
4. Click Upload

Adding the plugin in a Form

In the Form Builder, open up any Form you have created before.

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).

Under the Edit Invisible reCAPTCHA board, you are required to insert the information for the following fields:

• ID
• reCAPTCHA site key
• reCAPTCHA secret key

Your ID can be any meaningful name you want (e.g. invisible_recaptcha).

The next section will explain how to generate the reCAPTCHA site key and reCAPTCHA secret key for the Invisible reCAPTCHA.

Generating important keys for the plugin

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:

1. Go to https://www.google.com/recaptcha/about/
2. Click on v3 Admin Console at the navigation bar

3. Give your Label a meaningful name (e.g. recaptcha_test)

4. For the reCAPTCHA Type, tick reCAPTCHA v2 > Invisible reCAPTCHA badge

   If you are using Joget DX on a local computer for development purposes, you can put your "localhost" as your domain name.

5. Under Domains, put the domain name that Joget DX is hosted on (e.g. http://intern.cloud.joget.com.

6. Tick Accept the reCAPTCHA Terms of Service
7. Click Submit

Figure 2

• Copy the generated reCAPTCHA site keys and reCAPTCHA secret keys.

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.

Setting a domain name