Registration widget

Overview

The Registration widget enables your website users to register in your website. After they create an account, they can then use the Login form widget to login.

Place the widget on the page

You can place a Registration widget only inside a Section widget.
To do this, perform the following:

  1. Inside a column from the Section widget, click Add widget here…
  2. Select the Login & Users tab.
  3. Click the REGISTRATION widget.
    The widget is placed inside the selected column of the Section widget.

RESULT: The widget displays the First and Last name fields, the Email field, the Password and Repeat password fields, and a Register button.
You can change these labels in the advanced widget settings.

Widget settings

To open the widget settings, perform the following:

  1. In the page editor, hover over the widget.
  2. Click the toggle menu in the widget label.
  3. Click DotNetCore8 (Edit).
    The Login form page opens.

In the Select pages section you can do the following:

Choose what to do after a user registers

Under If form is submitted successfully, users will..., choose what to do after the users change their password:

  • If you want to display a message after a password is changed, select View message.
    You can configure the message in the advanced widget settings.
  • If you want to redirect the user to a particular page, select Redirect to page...
    Click Add (Select page) and select a page from your website.
    For example, you can select the login page.

Display link for login

To facilitate the users that are already registered, you can display a link to the login page.

To do this, under Login page, click Add (Select page) and select a page from your website.
The page must have the Login form widget.

The Registration widget displays the Log in link.

Enable external identity providers

You can allow your users to login with external identity providers, such as social media.

PREREQUISITES: Before adding an external identity provider as an option to the Login form widget, you must first have configured it.

To do this, perform the following:

  1. Under Allow users to log in with…, click Add (Add).
  2. A list of external identity providers appears.
  3. Select one or more external identity providers.
  4. Click Use selected.
    The Registration widget displays links to external identity logins.

In Display setting section, you can do the following:

Change the template

To change the template that the Registration widget uses, select the new template in the Registration template dropdown box.

You must first have created a custom template.
For more information, see ASP.NET Core pages and templates.

Configure the widget margins

In Margins, you can choose the margins between the text and the column where it is placed.
Choose from the predefined values of none, small, medium, or large.

Save your changes.

Advanced widget settings

To open the advanced settings, in the upper-right corner of the Registration widget page, click DotNetCore11  (Advanced settings)

  • In Label, you can enter a specific name for this widget.
    This name will be displayed in:
    • The page editor as a label for the widget
    • In the treeview with the page structure in the right pane of the page editor.
  • In CSS class, you can enter individual CSS class for the Login widget widget.

Save your changes.

Configure the labels of the widget

You can change the following labels:

Label Description Default value
Registration header The label that is displayed on the frontend page Registration
First name field label The label of the field where the users enter their first name First name
Last name field label The label of the field where the users enter their first name Last name
Email field label The label of the username field Email
Password field label The label of the field where the user enters the new password Password
Reset password field label The label of the field where the user repeats the new password Repeat password
Secret question field label The label of the security question dropdown, if implemented Secret question
Secret answer field label The label where the user enters the answer of the security question Secret answer
Register button The label of the button that confirms the registration Register
Activation link header The instructional text set to inform the user that email activation is requited Please check your email
Activation link label The instructional text confirming that activation have been sent to the user email An activation link has been sent to
Send again link The label of the button for resending activation email Send again
Send again label The confirmation message that the activation link has been resend Another activation link has been sent to {0}. If you have not received an email please check your spam box.
Success header The header of the message that confirms the registration Thank you!
Success label The message that confirms the successful registration You are successfully registered.
Login label The label of the link to the login page Already registered?
Login link The text of the link to the login page Log in
External providers header The header displayed above the buttons for external logins, such as Google or Facebook or connect with...
Required fields error message The message that is displayed when a required field is not filled out All fields are required.
Invalid email error message The message that is displayed when an invalid email format is entered Invalid email format.
Password mismatch error message The message that is displayed when the new password and its confirmation do not match Password and repeat password don't match.
Activation message The message that is displayed when the user follows the activation link and activation is successful Your account is activated
Activation fail message The message that is displayed when the user follows the activation link and activation fails Your account could not be activated

Custom fields for User profiles

For more information, see Implement custom fields » Custom fields for User profiles.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?

Next article

Profile widget