Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    magento-hyperlocal-marketplace-guide
    Blog Version - 2.0.x , 2.1.x , 2.2.x , 2.3.x, 2.4.x
    • Version 2.0.x , 2.1.x , 2.2.x , 2.3.x
    • Version 2.0.x , 2.1.x , 2.2.x , 2.3.x, 2.4.x

    Magento 2 Mobile Number Login

    Magento 2 Mobile Number Login: It is very exigent to keep up with the digital trends to make a mark in the e-commerce industry.

    For that reason, it is a must to survey the customers’ ongoing shopping scenarios from time to time. This, in turn, will add on to knowing your customers better.

    Having said that, it is essential to first simplify and secure the signup/ sign-in process for our customers.

    On that account, the Magento 2 Mobile Number Login is here to save the day!

    Magento 2 Mobile Number Login is one such extension, which eases the login process for the customers as they can simply log in using their phone numbers.

    This module allows the store admin to allow the customers to login by adding only their email ids, or only phone number, or both.

    Also, the customers have the leverage to alter or update their phone numbers, along with their Email Id and Password in their respective accounts.

    Secure as it is, it enhances and definitely eases the login or the sign-up process for the customers.

    Features

    • Using this module, the customers can login using their email, phone number or both. 
    • Allows admin to enable login for the guest session.
    • The admin manages the Login Type of the customers. 
    • Apart from altering the email id and password, the customers can also update the phone number from their account. 
    • The admin can view and, if need be, even update phone number of any customer. 
    • This module is compatible with all the shipping and payment extensions.

    Installation

    Customers will get a zip folder. Then they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.

    You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    On successfully installing the module, you have to run these commands in the Magento2 root directory.

    First command –

    Second Command –

    Third Command –

    After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.

    Language Translation

    For translating the module language, navigate through src/app/code/Webkul/MobileLogin/i18n and edit the en_US.csv file.

    Thereafter, rename the CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.

    Then upload it to the path src/app/code/Webkul/MobileLogin/i18n where the Magento2 is installed on the server.

    The module gets translated into the Arabic Language. It supports both RTL and LTR languages.

    Admin Permissions: Mobile Number Login

    After the module installation process is complete, the admin needs to set the configurations by navigating through Stores > Configuration > Mobile Login. 

    The admin will set the configurations under Mobile Login tab as follows:

    Enable/ Disable Mobile Login:

    • Status: The admin can set the status of the module as Enable or Disable

    Login Configuration: 

    • Enable Login for Guest Session – Allows admin to enable login for guest users too.
    • Select Login Through –  The admin selects any of the given options, i.e. Only Email, Only Phone Number, or Both Email and Phone Number. 

    Mobile Number Login Feature for Customer

    Phone Number Tab Visibility: New Customer Registration

    Meanwhile, in the frontend, while registering with the website, a new customer will find a Phone Number tab as shown in the image below.

    Hence, along with the other details, the customer has to add the Phone Number as well.

    Note:

    • Phone Number is a unique entity. 
    • If by any chance, a customer tends to add the phone number which is the same as that of the other customer, then it shall display an error message.

    Further, the customer can log in and navigate to My Account page in the frontend. 

    Earlier, the customers could Edit their Id’s and Change their Passwords.

    This module instigates the customer to update their Phone Numbers as well by clicking on the Change Phone Number link as shown below. 

    On clicking Change Phone Number, redirects to the Edit Account Information as shown in the image below. 

    The customer needs to add the Current Password and the alternative Phone Number and save the details.  

    This alters or updates the Phone Number for the customer and a success message shall display, ‘You saved the account information.’

    Phone Number Login: Registered Customer

    This module facilitates the existing users to sign in using their phone number.

    The Customer Login page will display the Phone Number and Password fields as shown in the image below.

    The Registered Customers can fill in the phone number and password details in the respective fields and login. 

    Customer Account Information: At Admin End

    However, in the admin panel, the admin can navigate to Customers > All Customers and view the list of customers. 

    Thereafter, the admin can click Edit option under Action column for any customer. 

    It redirects to the Customer Details page, where the Phone Number field is present. The admin can update the customer’s phone number as well. 

    Guest Session Functionality

    When Guest Login Enabled By the Admin 

    If any existing user tries to login trough the guest session then after entering the registered mobile number/email ID they will get the password field.

    Check the below-given image for more details:

    If any existing user enters an incorrect mobile number then the Shipping Address Form will turn the mobile number filed into email as appears in default registration.

    The settings defined by the admin will reflect in this quick login form while checkout.

    For example, even When login through Only Phone Number Enabled then also the guest user will get the Phone Number/Email field into the Shipping Address Form but in the side, quick login form only Phone Number Field will appear.

    Check the below-given image for more details:

    That’s all for the Magento 2 Mobile Number Login. If you face any issue, feel free to add a ticket at webkul.uvdesk

    Current Product Version - 4.0.0

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

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index