Magento 2 Mobile Number Login

• Using this module, the customers can login using their email, phone number or both. 
• 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.

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 –

php bin/magento setup:upgrade

Second Command –

php bin/magento setup:di:compile

Third Command –

php bin/magento setup:static-content:deploy

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

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.

After the module instllation 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: 

• Select Login Through: The admin select any of the given options, i.e. Only Email, Only Phone Number, or Both Email and Phone Number. 

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 same as that of the other customer, then it shall display an error message.

Further, the customer can login 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. 

A checkbox is present against Change Phone Number, which the customer must click. 

This makes the Change Phone Number fields visible as shown 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.

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 Phone Number field is present. The admin can update the customer’s phone number as well.