How to setup 2FA on any login form with miniOrange WordPress 2FA plugin?

Pre-requisites : Download And Installation

• You need to configure the 2FA plugin before following this guide.

Getting started with the setup

Let's see how the user can easily set up 2FA on the login form in just a few simple steps:-

1. Login form
2. Custom login form

1. Login Form

After you've configured your 2FA plugin, this plugin supports the following login forms. You can setup 2FA if you're using any of these login forms.

• Ultimate Member Login Form, WooCommerce Login Form, Theme My Login Form, RegistrationMagic Form, Login with Ajax, Admin Custom Login Form, Restrict Content Pro login form, BuddyPress Login Form, Elementor Pro Login Form, Profile Builder Login Form, LoginPress Login Form, User Registration Login Form.
• If you are using a custom login form and need to setup 2FA, follow the steps in Step 2.

2. Custom Login Form

• Navigate to the Form Integration subtab within the 2FA Configuration tab of the miniOrange Two-Factor Authentication plugin.



• Select the checkbox to the Enable 2FA on Any Custom Login Form.
• Input the login form URL in the URL of Login Form field.



• Go to the custom login form and inspect it.
• Inspect the form and note down the Form Selector, Email field selector, Password field selector, and Submit button selector.



• Go to the Form Integration Subtab.
• Enter all the custom login form field selectors into their respective input fields.
• Then click on the Save Settings button.




Note: For different types of attributes, write the selectors as shown in the table below.

Attribute	Selector
Name	input[name=nameValue]
Class	.classname
ID	#idname

• If there are multiple login forms, enter their URLs and field selectors, separated by commas.
• Click the Save Settings button to apply 2FA to all login form.



• Navigate to the Custom Login Form, enter the user’s login credentials, and click the Login button.



• You will be prompted to set up a two-factor authentication method. You can choose any 2FA method, but here we will set p the Google Authenticator method.
• Choose the “Google/Authy/Microsoft Authenticator” radio button.



• Choose Google Authenticator from the dropdown and scan the QR code from the Authenticator App.
• Copy the 2FA code from the Google Authenticator app, enter the 2FA code in the text box, and click on the Verify button.



• Now, click on the Download Codes button to securely save the backup codes provided to you. These codes will help you login when you are locked out of your account for any reason.
• Click on the Finish button to complete the setup.



• The user has successfully logged into the account. The Google Authenticator method has been set up for the account.




Note: After logging in with a backup code, you will need to reconfigure the Google Authenticator method for your account.