MFA modal customization

Help - Plug n Play
1

I’m wondering how customizable the MFA flow is. I understand that you can change aspects of the modal i.e. when it shows up, if it’s mandatory or skippable, which factors are available/required.

Is there anyway currently to bypass this flow completely in the way that you are able to with the login modal? For instance, as a developer I could use the hook useWeb3AuthConnect to create my own custom flow for logging in web3Auth. Does this capability exist for the MFA flow?

2

Thanks for your question, Jerry! Here’s a summary for the support team:

User Query:
Jerry is using the Plug n Play SDK and wants to know about the customizability of the MFA (Multi-Factor Authentication) flow. Specifically, he is asking:

  • How customizable is the MFA modal (when it shows, whether it’s mandatory or skippable, which factors are available/required)?
  • Is there a way to bypass the MFA modal completely, similar to how the login modal can be bypassed using hooks (e.g., useWeb3AuthConnect) to create a custom login flow?

Details Provided:

  • SDK: Plug n Play
  • Issue: MFA modal customization/bypass
  • No code snippets, screenshots, or links provided.

Response:

Hi Jerry, great questions!

Currently, with the Plug n Play SDK, you have some control over the MFA modal, such as:

  • Deciding when the modal appears
  • Setting whether MFA is mandatory or skippable
  • Choosing which authentication factors are required or optional

You can find more about these options in our docs:
:link: MFA Customization - Web3Auth Docs

Bypassing the MFA Modal:
At this time, the Plug n Play SDK does not provide a direct hook or API (like useWeb3AuthConnect for login) to fully bypass or replace the MFA modal with a custom UI. The MFA flow is tightly coupled with the Plug n Play modal for security and user experience reasons.

If you need complete control over the authentication and MFA UI, you might want to explore the Web3Auth Custom Auth SDK, which offers more flexibility for building custom flows:
:link: Custom Auth SDK - Web3Auth Docs

Next Steps:

  • If you’re looking for more advanced customization, could you share your specific use case or requirements? This will help us recommend the best integration path.
  • If this is a feature request, we’d be happy to pass your feedback to our product team!

Let us know if you have more questions or need help with a specific implementation!

Note: This response was generated by an AI bot and may require further verification. The Web3Auth support team has tracked this issue and will be responding as soon as possible.

Additionally, we would recommend you to join our biweekly Office Hours to get this resolved even faster. Web3Auth Developer Office Hours