Auth0 ACUL login with OTP

Hi,
We currently using Classic login and planning to move to UL, currently user can login either with email/password or mobile/otp.
In current classic login page we have a tabbed screen for user to switch between email/mobile and wanted to achieve similar UX with ACUL and exploring the options.

I tried to customize the login-id/login-id screen but unable to find a way to send OTP, when user choose for OTP Login.
Is this something possible/ what is the recommended approach?

Hi there!

There are multiple different screens (I attached some in a the screenshots :slight_smile:) which you will need to override with ACUL. Each control different parts of the MFA process.

Thanks @JFoxUK for the response, is this possible to do this without mfa.
The current setup we have two authentication connections for the application

  1. Username-Password-Authentication connection (used for email/password login)
  2. PasswordLess connection (used for PhoneNumber/OTP login)

And we are trying to do the same behaviour with ACUL.
So I tried to add two tabs in login-id screen
Like, in the first tab, user can login with email and currently when I enter the details it takes user to the login-password screen then user can enter the password and login.
But for the second tab, I’m assuming user can give mobile number and we need to take send the OTP and take them to the login-passwordless-sms-otp screen and enter the OTP.
And I can’t find a way to do that with any proper documentation.

Is this something achievable with ACUL, we are trying this with react?

Yes, it should be possible, the look and feel of that login page is however you build it in React. You override the given page (ACUL). The functionality depends on which SDK hook you use. Depending on the journey, depends on which UL screen is shown next (and which one you also need to override and customise with ACUL via React)

Hi @Jojo.Jose

Welcome back to the Auth0 Community!

As @JFoxUK mentioned, this should pe possible while using ACUL. Since the password connection can be quite straight forward (login Prompt → login-password Prompt), for the Passwordless one you will need to customize the login-passwordless Prompt → login-passwordless-sms-otp as you have mentioned above. You can either try to override the given page or you can attempt re-directing the user with the “Send Verification Code” button to the /authorize call while passing the login_hint and connection parameters in order to trigger the OTP flow.

If you have any other questions, let me know!

Kind Regards,
Nik

1 Like