Skip to main content

Define a Login Form

Zuora

Define a Login Form

To configure the fields in your login form, select the Login button. The available fields for customization depend on whether you have selected the Require email verification checkbox in the Identity > Settings screen.   

clipboard_ee040bd313c45044683ac4df4594dbcea.png

If you have not selected the Require email verification checkbox, see the Login with a Password section. If you have selected the checkbox, see the Login with Verification Link section for information on completing the fields.

Login with a Password

If you have not selected the Require email verification checkbox, the Login with Password screen displays as illustrated below:

clipboard_e4ec35f779986980947fbcdb3a0bf0eca.png

You can edit the fields used in the login form as follows:

  1. Toggle to enable or disable the progress bar in your form.
  2. Click the dropdown arrow at the end of the Password row and customize the button label that will be displayed on the progress bar.
    clipboard_eb72c5abd1c6e21e4d762f72aeaf0abf2.png
  3. Click the dropdown arrow at the end of the Reset Password Link row and customize the labels that will be displayed on the form.
    clipboard_e25181503f438d472e0429108fb8ecbfa.png
  4. Click the dropdown arrow at the end of the Submit Button row and change the label texts as required.
  5. Add custom text to your form by selecting the Custom Text button.
  6. Click Done to save your changes.

Login with Verification Link

The following screen is displayed if you have selected the Require email verification checkbox, disabled the Password toggle and enabled the OTP Code toggle in the Registration tab of the Login or Registration form:

clipboard_e91c7f1bcadc6ef0cc18ecf0b0edfebfc.png

The following screen is displayed if you have selected the Require email verification checkbox, disabled both the Password and the OTP Code toggle in the Registration tab of the Login or Registration form:

clipboard_ea56ea9a93209df3dce98662f9294231d.png

You can edit the fields used in the login form as required and click Done to save your changes.