Biometric WebAuthn Module for Magento 2

• Enable the customers to log in to the website using fingerprint scan or face recognition.
• If the admin enables the User Specific WebAuthn it will work for only one customer in a browser. Else, if disabled then an email will be required to log in.
• Saves time and increases security for the personal data of customers.
• Users do not require their login credentials to sign in to the website.
• The extension is compatible with the Hyva theme as well.

Firstly, customers will get a zip folder and they have to extract the contents of this zip folder on their system. Secondly, the extracted folder has an src folder, inside the src folder you have the app folder.

Further, the admin needs to transfer this app folder into the Magento 2 (Adobe Commerce) root directory on the server as shown below.

After the successful installation you have to run these commands in the Magento 2 root directory:

First command –

php bin/magento setup:upgrade

Second Command –

php bin/magento setup:di:compile

Third Command –

php bin/magento setup:static-content:deploy

Fourth Command –

php bin/magento indexer:reindex

Right after that flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.

After the successful installation of the module the admin can go to the Stores > Configuration > Webauthn Configuration.

User Specific WebAuthn: The admin can enable/disable the user-specific Webauthn functionality as per requirements.

Note: If set as ‘Yes’ then it will work for only one customer in one browser. If Set to ‘No’ then an email will be required for the login.

Right after, landing on the home page.

The customer of the store can simply log in by following the path as shown in the below image.

Go to the Account in the sidebar menu and click Sign In. 

Enter the log in Email and Password and press Sign In.

User Biometrics Registration

Now, after logging in the customer needs to go to the Account section. 

Post which navigates to the My Account > Login Options.

Simply, click Use WebAuthn. 

Further, the customer needs to click on the Get Started button. 

Choose How to use your Security Key

The customer needs to save his/her biometric data for this he/she can click Use this device with the screen lock.

Now the user will be requested to verify his/her identity, to confirm with the help of biometrics here verify fingerprint as shown below.

Once, the verification has been completed a message that the biometric WebAuth registration successful message is displayed on the user’s screen.

Use WebAuth to Log In

Now, every time the customer wants to login he/she can simply click the Use WebAuthn button. 

Verify in one step by a Fingerprint or Face unlock as registered and login instantly.

That’s all for the Biometric WebAuthn Module for Magento 2 (Adobe Commerce). If you still have any questions regarding the module please create a support ticket by clicking here or send an email to support@webkul.com.

Explore the Adobe Commerce Cloud development services by Webkul. You may also browse our quality Magento 2 extensions.