Magento Mobile Login

Home > Magento Extension User Guides > Magento Mobile Login

 

Magento Mobile Login allows the customers to securely register and login via mobile number using OTP verification.

 

Table of Content

  1. Extension Installation
  2. Twilio Registration
  3. Msg91 Registration
  4. Configuration
  5. API Settings
  6. OTP Custom SMS Settings
  7. Mobile Login in Frontend

 

  1. Extension Installation
  • Upload or copy all folders in the zip package to your Magento root folder. It doesn’t overwrite any existing files but just adds new files to the folder structure.
  • Once done, log in your Magento admin panel, go to System > Cache Management, select all caches and refresh.
  • Navigate to System > Configuration, if you can see the extension tab, it is installed properly.
  • If you get Access denied error, you need to log out admin panel and log in again.

 

  1. Twilio Registration
    If you are going to use Twilio as an SMS gateway to send OTP, you need to register with the Twilio to get Account SID, Auth Token and Twilio Phone Number.
  • First of all, Sign Up for the Twilio account. Add the details and click to get started.



 

  • After the Email verification, enter your mobile number and click to “Verify”.



 

  • Once you click “Verify”, you will get an OTP on the added mobile number. Enter the OTP and verify the mobile number. Now move to Settings > General where you can see API details both for live and testing. Copy the Account SID and Auth Token to use them in Magento backend configuration for Twilio account.




 

  • Now, click three dots from the left sidebar, go to Programmable SMS and click Build under the Learn and Build option. From here, you can get Twilio phone number to use for sending the SMSs. Click on the “Get a number” button.




 

  • You will get a number to choose. Click “Choose This Number”.




 

  • Once you click the button, you will get a Twilio phone number. Copy this number and set it in the Magento backend configuration for Twilio account. 




 

  1. Msg91 Registration
    The extension allows configuration of the Msg91 SMS gateway to send OTP for the mobile verification. If you choose to use Msg91 SMS gateway integration, follow the steps below to get sender ID and API key.


 

  • You will get and code or a magic link in the Email to verify the Email address.




 

  • You will be asked to enter the mobile number for verification.




 

  • Enter the OTP to verify the mobile number and you will be registered successfully. Login with the credentials.




 

  • Under the settings, you can find the Sender ID which you need to copy and paste in the Magento configuration.



 

  • Now move to API, where you can find the API key for the Magento configuration.




 

  • You can find the Message type under the Send SMS tab. Select the SMS type in Msg91 configuration in Magento as per your requirement.



 

  1. Configuration
    For configuring the extension, log in to Magento, move to System > Configuration > Mobile Login where you can find various settings to enable the extension.
  • Mobile Login: Enable the Mobile Login extension.
  • OTP Type: Set the OTP type from the drop-down menu.
  • OTP Length: Set the OTP length.


 

  1. API Settings
    One needs to configure the API settings using the details received while registering with an SMS gateway:
     
  • API Provider: Select API provider of the preferred SMS gateway to send SMS.
  • Message Type: Select the message type from the dropdown menu.
  • Sender ID: Add the sender ID.
  • API URL: Add the API URL.
  • Authorization Key: Add authorization key received while registration.


                                                             

  1. OTP Custom SMS Settings
    Configure the following OTP SMS settings for Mobile Login for verification and hence security.  
     
  • Login with OTP: Enable customer login with OTP.
  • Login OTP SMS Text: Enter SMS text to send OTP for login.
  • Registration with OTP: Enable customer registration with OTP.
  • Registration OTP SMS Text: Enter SMS text to send OTP for registration.


 

  • Forgot Password with OTP: Enable reset the password with OTP.
  • Forgot Password OTP SMS Text: Enter SMS text to send OTP for reset password.
  • Update Mobile Number with OTP: Enable customer mobile number update with OTP.
  • Update Mobile Number OTP SMS Text: Enter SMS text to send OTP for customer mobile number update.



 

  1. Mobile Login in Frontend
     
  • Registration with OTP from frontend
    Once you configure the OTP settings, the users will be able to register an account using the mobile number after OTP verification, as shown here.


 

  • OTP SMS for Registration
    When the user registers with the mobile number, a verification SMS with OTP is received to enter OTP for registration and verify the mobile number.


  

  • Mobile Number Verification Using OTP for Registration
    The user can verify the mobile number using OTP for registration in the below-shown screen. The option to resend OTP is also available here.



 

  • Mobile Number Verification Using OTP for Login
    The user can verify the mobile number using OTP for login in the below-shown screen. The Forgot Password button is also available here in case the user needs to reset the password.



 

  • OTP SMS for Login
    The OTP SMS is sent to the user for mobile number verification for login as shown here.

  

 

  • OTP SMS for Forgot Password
    The OTP SMS is sent to the user for mobile number verification to reset the password when he clicks forgot password as shown below.


  

 

  • OTP Verification for Forgot Password
    The user needs to verify the mobile number by entering the OTP for forgot password.


  

 

  • Reset Password
    Once the mobile number is verified, the user can reset the password and change it.


  

 

  • Mobile Number Update from My Account
    The user can add or update mobile number from their My Account section under Mobile Number tab. Simply add the mobile number and click Send OTP to get verification OTP message.


  

 

  • OTP SMS for Mobile Number Update
    The added or updated mobile number is to be verified using OTP. The OTP is received in the SMS as shown here:


  

 

  • Mobile Number Update Success Message
    Once the mobile number is verified, the user receives a success message in My Account for the acknowledgment of the same.


  

 

Updated:

Other Articles

and 228 more ...