Adding and Configuring reCAPTCHA on a Webpage

Overview

The reCAPTCHA component helps protect event webpages from automated or invalid submissions by verifying user interactions. Using the Web Builder, users can add, configure, and manage the reCAPTCHA component to improve form security. This article explains how to add and configure the reCAPTCHA component on a webpage.

Step-by-Step Approach

1. Access the Web Builder

From the Event dashboard, navigate to the Content module.
Select the Pages submenu.
Open the required webpage in edit mode.

2. Drag and Drop the reCAPTCHA Component

From the component panel, locate the reCAPTCHA component.
Drag and drop the reCAPTCHA component into the desired section of the webpage.

3. Enter or Edit the Component ID

Select the reCAPTCHA component on the webpage.
In the component settings panel, enter or edit the ID field.
The ID can be used for identification, navigation, or styling purposes.

4. Enter or Edit the Title

In the Title field, enter or update the title displayed with the reCAPTCHA component.
Ensure the title clearly indicates the purpose of the verification.

5. Select a Dependency

From the Dependency select field, choose a dependency if required.
The reCAPTCHA component displays or hides based on the selected dependency conditions.

6. Select Section Version Type

From the Section Version Type select field, choose the appropriate version.
This controls which version of the reCAPTCHA component is displayed on the webpage.

7. Manage the reCAPTCHA Component

Reposition the reCAPTCHA component using drag-and-drop within the page layout.
Remove the reCAPTCHA component if it is no longer required.

8. Save and Apply Changes

Save and publish the webpage to apply the reCAPTCHA configuration.
Preview the webpage to confirm the reCAPTCHA component displays and functions correctly.

Related to