Skip to content
Home » Custom Signup

Custom Signup

Custom Signup

The Custom Signup option is used to invite users directly to a CodelessONE app.

Guest and Contributor roles can be added using Custom Signup. However, Admin roles cannot be added using this option (due to security concerns).

Admin role not allowed

As a Contributor, the invited user has limited Workspace Settings options available, and as a Guest, the Workspace Settings option are not accessible altogether.

limited Workspace Settings options

Normally when a user is invited to an app, the process is as follows:

  1. The intended user is added to the relevant workspace
  2. The user is then added to the relevant app

However, when Custom Signup is used, the intended user is directly added to the relevant app and the workspace simultaneously.

Custom Signup page configuration

Click on App Settings icon and then select the Application Settings option.

Invoke App Settings

For Admins, the custom signup option is disabled.

For Admins, the custom signup option is disabled

It is only available for contributor or guest roles.

Enable the checkbox for the desired role (Contributor or Guest).

Enable checkbox for the desired role

Click the Edit icon that appears besides the selected checkbox.

Click the Edit icon

The Signup Page Configuration dialogue box is shown. Using the controls in this window, the Custom Signup page is designed.

At the top, the Signup URL is the weblink that would be shared with the desired user. This can be copied using the Copy button. Currently it is disabled because the page is not configured yet.

Signup URL

A Custom logo can be added to be displayed on the signup page.

Custom logo can be added

Title and Subtitle are displayed as text labels.

Title and Subtitle are displayed as text labels

Select the relevant portals that would be accessible to the new user.

Select relevant portals

Next are the registration form fields that the user would be required to fill. Email, Password and Full Name are mandatory, but users can include additional fields using the + New Field button.

more registration form fields can be added

If a terms and conditions file needs to be attached then select the relevant checkbox and click the edit icon to attach the relevant file.

Note: If this checkbox is enabled, then the invited user won’t be able to complete the registration process unless the corresponding checkbox (on the signup page) is enabled.

Terms and conditions file

The next three controls refer to the button that the new user would click to complete the registration. Update the label and colors (if desired).

Color-related controls for the register button

Provide the static image (if desired) that you would like to appear on the registration page. Also select its orientation relevant to the textboxes.

Provide the image to appear on the registration page

The toggle button for Email verification is read-only now, therefore, should not be bothered. It’s role is defined further down the page.

Select the relevant role for the new user.

Select the relevant role

Click the Save button to complete the Signup Page Configuration.

Click the Save button

Now the URL at the top of the dialogue box can be shared with the intended user for registration using the customized signup.

Copy the URL

A sample signup page is shown in the following image as it may appear as per the customization done in the above steps.

Sample Customized Signup page

The mapping of the Signup Page Configuration can be understood using the following image. The configuration element highlighted with blue numeral corresponds to the display element highlighted with yellow numeral.

Mapping

Custom Signup at the invited user’s end

The customer receives the URL and uses it to launch the login page.

Data entered on Signup page

After the user provides the required info and clicks the registration button the account verification message is displayed.

Email Verification message

The message is displayed because of the Email Verification toggle button in the Custom login form. This toggle button is auto-configured to be always true.

Email Verification

The user now must check the email account (provided in the registration form URL) and click the Complete Registration button.

Click the Complete Registration button

This completes the custom signup process, and the user is taken to the workspace page of the app shared with them.

Account verified, welcome page displayed