Sign Up
Loading...

reCAPTCHA

Watch the walkthrough

reCAPTCHA

Add reCAPTCHA to a page flow and check its result before continuing.

Recorded with an earlier Twidget interface. Names, control locations and available options may differ; use the linked documentation for current guidance.

Watch tutorial (2:00)

Browse all video tutorials

Twidget integrates Google's reCAPTCHA, a security service designed to protect websites from spam and abuse by distinguishing between human and automated access. reCAPTCHA operates by requiring users to complete simple tasks, such as identifying objects in images or clicking a checkbox, thereby providing a layer of security during forms submission.

Key Concepts

  • reCAPTCHA Keys: To implement reCAPTCHA within Twidget, developers must first obtain a site key and a secret key from Google. The site key is used to render the reCAPTCHA challenge on the client side, while the secret key is employed on the server side to verify the response from reCAPTCHA.

  • API Settings: Users need to configure these keys within Twidget by accessing the settings page and inputting the respective keys in designated fields. This configuration allows Twidget to communicate securely with the reCAPTCHA service.

Main Components and Workflow

Once reCAPTCHA is configured, it can be utilized within any forms in Twidget, such as a sign-up form. The workflow involves several components:

  1. Token Generation: When a user interacts with the reCAPTCHA widget, the generate reCAPTCHA token command is invoked. This command utilizes the site key to create a unique token that represents the user's response to the reCAPTCHA challenge.

  2. Token Verification: Following token generation, the verify reCAPTCHA token command is triggered to validate the authenticity of the token. This command uses the secret key to check the validity of the user response with Google's reCAPTCHA API.

  3. Response Evaluation: The outcome of the token verification is returned as a response. Developers can evaluate this response to determine the next steps—if the verification is successful, the user is allowed to continue with actions such as signing up; if unsuccessful, an error message is presented.

In conclusion, Twidget's integration with reCAPTCHA allows developers to add a robust verification mechanism to their applications, filtering out automated access and ensuring that user interactions are genuine.

Related Topics

Generating Sign Up Pages

The sign-up page functionality in Twidget serves to facilitate user registration by automating the creation of a secure sign-up process. This process ensures that user data is collected and stored efficiently while implementing necessary security measures such as reCAPTCHA verification. Key Concepts...

Upload a File using Pages

This documentation describes the functionality available in Twidget for uploading files through a generated API endpoint and managing interactions via pages. The process allows developers to create dynamic forms that enable users to upload files directly to the backend file storage, specifying vario...

Page starters

Page starters give you a useful first layout for a records tool, customer view or operational dashboard. Start with clearly labeled demonstration data, customize the page, then connect the endpoints your customers are allowed to use. Choose a starting point. Open Pages, choose Create Page, then Page...

Page tables

Use a Table element to show a list of records with search, sortable headings and paging. Choose an existing Table page creation option, add a Table element in the editor, or start with a [Page starter](/docs/pages/page-starters). Find the right element. Select the table on the canvas or in Layers. T...

Generating Form Pages

Generating form pages in Twidget enables the automatic creation of user input forms that can be utilized for various purposes such as lead generation, customer information retrieval, and interactive message boards. This functionality allows developers to directly map user inputs to form objects, whi...