Reading list Switch to dark mode

    Biometric WebAuthn Module for Magento 2

    Updated 25 October 2023

    The Biometric WebAuthn Module for Magento 2 (Adobe Commerce) allows the admin to enable Biometric web authentication for the customer’s login process. Now by using this module the customers just need to use the fingerprint scanner or face recognition of their smartphone mobile to log in to the website.

    The customer first needs to register on WebAuthn by using Login Options under My Accounts. After that whenever the customer wants to login then they can simply click on the “Use WebAuthn” button to use the fingerprint scanner to log in to the website.

    The Biometric WebAuthn module helps customers login without entering a user id or a password. By clicking on the Use Webauthn the system tries to identify the user authenticity and helps proceed to log in.

    The customers can use various methods such as fingerprint scan or face scan. This is a very innovative module that excludes the customers from entering a password every time they wish to log in.

    Watch The Below Video & Understand How Biometric WebAuthn Works?

    Searching for an experienced
    Magento 2 Company ?
    Find out More
    bSdszmfpXBM

    Features – Biometric WebAuthn Module

    • 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.

    Installation – Biometric WebAuthn Module

    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.

    Biometric WebAuthn Module

    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.

    Biometric WebAuthn Module

    Module Configuration – Biometric WebAuthn Module

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

    selection_2830

    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.

    Front End – Workflow 

    Right after, landing on the home page.

    Biometric WebAuthn-01

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

    Biometric WebAuthn-9

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

    shotsnapp-1615992957.892

    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. 

    shotsnapp-1615993075.136

    Post which navigates to the My Account > Login Options.

    shotsnapp-1615993305.822

    Simply, click Use WebAuthn. 

    biometric

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

    shotsnapp-1615993509.869

    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.

    shotsnapp-1615993795.216

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

    shotsnapp-1615994108.668

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

    shotsnapp-1615994511.448
    WebAuthn

    Use WebAuth to Log In

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

    bio-metric webauthn

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

    Biometric Webauthn

    Get In Touch

    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 [email protected].

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

    Current Product Version - 4.0.1

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content