Generate a signup page and connect its form to customer registration.
Recorded with an earlier Twidget interface. Names, control locations and available options may differ; use the linked documentation for current guidance.
Watch tutorial (2:49)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.
User Authentication: Central to this process is the user authentication table, which stores essential user data, including credentials.
Sign-Up Endpoint: A dedicated API endpoint is created to handle sign-up requests. This endpoint accepts user input, specifically email and password, and is responsible for creating user accounts in the authentication database.
reCAPTCHA: As a security measure against bots and automated submissions, Google’s reCAPTCHA integration is required. This involves setting site and secret keys that validate human interactions before completing the sign-up process.
Creating an API Endpoint: Users navigate through the API section to set up the sign-up endpoint, selecting authentication options to generate a secure connection for user data submission.
Page Creation: Users create a sign-up page linked to the sign-up endpoint, which establishes the parameters for handling data submission.
User Interface Elements: The sign-up page is equipped with input fields for email and password, confirmation inputs, message blocks for feedback, and a submission button. These components work together to streamline user interaction.
Form Submission Logic: Upon submitting the form, a generated function processes the input data, communicates with the sign-up endpoint, and manages the received authentication token for maintaining user sessions. The system provides error handling for issues such as duplicate accounts and reCAPTCHA failures, while also confirming successful registrations.
The automatic generation of a sign-up page in Twidget simplifies the user registration process while ensuring robust security and effective data handling. By utilizing a combination of API endpoints, UI components, and third-party services like reCAPTCHA, Twidget enables developers to create a seamless authentication experience without the need for extensive coding.
Data Source Mappers
For Table elements, see [Page tables](/docs/pages/page-tables). Tables, charts and calendars now offer a scoped data picker and Sample value in the editor. The sample uses local demonstration values only; opening it does not fetch customer records or run a workflow. Page starters can also connect an...
Page Overview
Twidget provides a robust mechanism for creating web pages accessible via a browser. This feature enables users to build various types of pages using a no-code interface, enhancing the platform's developer experience. Key Concepts. Open Pages and choose Create Page. The available starting points inc...
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...
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 Variables
Page variables in Twidget are global variables that are accessible throughout an individual page, allowing for dynamic content generation and manipulation within the application. These variables can be utilized in various contexts, such as element settings or page functions, enabling developers to c...
