Signup

What is the signup component?

A Signup component is a System Component that, when added to a page or layout, creates a form for new users to submit their profile information on the live app.

On the front end of your app, the default sign up form prompts new users to your app to enter their name, password, and email. Upon submission, these values are added as a new record to the Default Users table in the Data Builder.

Default signup page

For your convenience, each app comes with a built-in default signup page that already includes a signup component. This default signup page can be found at the top of your app's list of layouts and pages with the other two default pages, the default profile page and the default login page.

Default profile, login, and signup pages are similar to regular pages except that they were built-in to each app for your convenience to save you the time of having to create these basic pages from scratch. These default pages can not be deleted, however they can be edited and customized to your specific needs. Additionally, you can create new login, sign up, and profile pages by adding login, profile, and signup components to any page.  

You can enable users to access the default signup page with either one of two ways:

1. Add a User Menu system component to your app
2. Add a Menu system component to your app

Let's discuss these two methods of enabling users to access the default signup page.

Via the user menu

You can add a User Menu system component to your app to enable users to access the default signup page. The user menu is dynamic to logged-in user status and the signup link on the user menu will only show if the user is not logged in. If the user is logged in, the signup link will not show on the user menu. 

You can choose to remove the signup link from your user menu system component.

Please click here to learn more about the User Menu system component. 

Via a menu

Additionally, you can enable users to access the default signup page by adding a link to the default signup page to a menu system component. This method is very similar to adding a user menu to your app, and you can browse the user menu system component and the menu system component articles to determine which method better suits your app needs.

Please click here to learn more about the menu system component. 

Adding signup components

Additionally, you can create a new signup page by adding a signup component to the page/layout.

To add a signup component to a page or layout, you can add it within an existing column, similarly to how you would add any other component. You can then select the signup component from the list of System Components, and it will be added to your selected column.

Customizing signup components

To customize a signup component, click on the component within its column on the page/layout in the Page Builder. 

As the signup component is essentially a form component with the specific function of adding new users to your app, you can customize signup components similarly to how you would customize any other form component. Please see the article on form components to learn how to customize form components including the signup component form. 

While the signup component form is similar to any other form, there are two key differences to note between a signup component and a regular form component: 

1. Auto Login 
2. Password Complexity

Let's explore these two differences between a signup component form and a regular form component. 

Auto Login 

Unlike a regular form component, the signup component form automatically logs in users after they successfully signup. This Auto-login after signup setting is enabled at default, but you can choose to disable this setting within the Options tab of your signup component. 

Password Complexity 

To add extra security to your app, we recommend setting password complexity requirements for your users. Password complexities will be validated when users use the signup component form to create their passwords.

Click here to learn more about adding password complexity requirements to your application.