How to build a custom login page
In this article, you will learn how to build a custom login page in SystemeScale.
To get started, you need:
- A SystemeScale account
- A domain name connected to SystemeScale
π
Need to connect your domain first?
A connected domain is required before you can customize the login page for that domain.
Step 1: Open your account settings
Start from your SystemeScale account settings.
1
Open the profile menu
Click your profile picture.
2
Open Settings
Select Settings from the menu.
Step 2: Open the custom domain settings
The custom login page is managed from the settings of the connected domain.
1
Open Custom domains
Click Custom domains from your settings menu.
2
Open the domain options
Click the three dots (...) next to the domain you want to manage.
3
Open domain settings
Select Settings to manage your domain settings.
Step 3: Open the login page editor
From the domain settings popup, open the editor for the login page.
1
Click Edit login page
In the popup, click Edit login page to open the editor.
2
Customize the page
Once you are in the page editor, customize your login page as required.
βοΈ
Use the page editor normally
The custom login page editor works like the regular SystemeScale editor, so you can adjust layout, text, styling, and page elements as needed.
Required login page elements
To enable login validation, your page must include the required login elements.
β οΈ
Do not remove required login fields
Your page must include Email and Password fields, along with a Login button. Without these elements, login validation will not work correctly.
Customize the login form layout
To further customize the form, use the Custom login tab.
1
Open Custom login
Click the Custom login tab in the editor.
2
Choose the layout
Choose and configure your preferred layout. The default form is the one initially displayed.
Customize the registration form
You can customize the registration form separately from the default login form.
1
Select Registration
Select Registration from the custom login options.
2
Edit the form
Customize the registration form using the available elements in the editor.
Customize the password setup form
The password setup form can also be edited from the custom login options.
1
Select Set Password
Select Set Password.
2
Edit the password setup form
Customize the password setup form using the editorβs available elements.
Customize the password reset form
You can also customize the password reset form.
1
Select Resetting
Select Resetting from the custom login options.
2
Edit the reset form
Edit the password reset form using the provided elements.
Save your custom login page
Once you have finished editing, save the page to apply your changes.
1
Save the page
Click Save in the top-right corner to apply your changes.
β οΈ
Saved changes cannot be restored to the old version
Once the changes are saved, the old version of the page cannot be restored. Review your custom login page carefully before saving.
βοΈ
Need help using the editor?
Review the page editor guide if you need help opening or working inside the editor.
Was this article helpful?