User self-registration
17.3.1.2. User Self-Registration UI plugin

The plugin User Self-Registration UIs defines the UIs for one or more user self-registration flows.

Prerequisite

The user self-registration flows, i.e., the REST services, are configured in Loginapp >> Self-Registration Flows.

The Loginapp REST UI only supports the flow-based variant and not the legacy variant.

The UI for each flow is configured as follows. Please also refer to the documentation in the Config Editor - they may contain additional information, especially for properties not listed here. 

Property
Description
Flow ID
References the user self-registration flow, i.e. REST service configuration, that the user interface configuration refers to.
Usually, this is the only property required. The UI is automatically inferred from the referenced flow and its steps.
Make sure there is a UI configuration for the default flow.
Customized Step UIs
Gives full control over the UI for each flow step. It allows configuring UI elements such as input fields, buttons, checkboxes, radio buttons, labels, etc.
Example: define your own UI for the user data registration step.
Completion Target
Defines where to send the user to after successful flow completion.
If redirecting the user to a protected application and the user should be automatically logged in, see 17.2.3.3. Logged-in after self-registration in the Loginapp REST API.

URLs for User Self-Registration UI

The self-registration UI is reached using the following URLs:

URL
Description
<loginapp-uri>/ui/app/registration
Starts the default self-registration flow.
<loginapp-uri>/ui/app/registration/select/<ID>
Starts the self-registration flow with the specified flow ID.

Example screenshot:

128663863.png

Note that you can place a link to the user self-registration UI on the login page:

  • In plugin Authentication & Authorization UIs, add plugin Password Authentication User Interface as a customized step UI. 
  • Use property User Self-Registration Link to specify whether and what link to display on the login page.

Example:

128663857.png

Further information and links