Magento 2 Mobile Login

1
Magento 2 Mobile Login
User Guide
2
Table of Content

• Extension Installation
• Twilio Registration
• Msg91 Registration
• Configuration
• API Settings
• OTP Custom SMS Settings
• Mobile Login in Frontend

3
Extension Installation

• Extract the zip folder and upload our extension
  to root of your Magento 2 directory via FTP.
• Login to your SSH and run below commands step by
  step
• composer require twilio/sdk
• php bin/magento setupupgrade
• For Magento version 2.0.x to 2.1.x - php
  bin/magento setupstatic-contentdeploy
• For Magento version 2.2.x above - php
  bin/magento setupstatic-contentdeployf
• php bin/magento cacheflush

Note Dont forget to install Twilio library if
you are using Twilio SMS gateway for our
extension.
4
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.
5

• First of all, Sign Up for the Twilio account. Add
  the details and click to get started.

6

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

7

• 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 gt General 
  where you can see API details both for the live
  and testing. Copy the Account SID and Auth Token
  to use them in Magento backend configuration for
  Twilio account.

8

• 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 SMS
  Click on the Get a number button.

9

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

10

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

11
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.
12

• Visit https//control.msg91.com/signup/. Enter
  the details and click to sign up.

13

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

14

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

15

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

16

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

17

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

18

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

19
Configuration

• For configuring the extension, login to Magento
  2, move to Stores gt Configuration gt 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.

20
(No Transcript)
21
API Settings

• Configure the API settings using the details
  received while registering with the SMS gateway
• API Provider Select API provider to integrate
  the extension with the preferred SMS gateway to
  send SMS.
• Sender ID Add the sender ID.
• Message Type Select the message type to be sent
  to customers from the drop-down menu.
• API URL Add the API key received while
  registration with the SMS gateway.
• Authorization Key Add authorization key received
  while registration with the SMS gateway.

22
(No Transcript)
23
OTP Custom SMS Settings

• Configure the following OTP SMS settings for
  Mobile Login for verification with OTP.
• 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.

24
(No Transcript)
25

• Forgot Password with OTP Enable reset 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.

26
(No Transcript)
27
Mobile Login in Frontend

• Registration with OTP from frontend
• After configuring the OTP settings, the users can
  register an account using mobile number after OTP
  verification,
• as shown here.

28

• OTP SMS for Registration

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

• Mobile Number Verification Using OTP for
  Registration

The user can verify the mobile number using
OTP for registration or opt for OTP again.
30

• Mobile Number Verification Using OTP for Login

The user can login using mobile number after OTP
verification as shown in the image below. The
Forgot Password button can also be used to reset
the password in case of the password is forgotten.
31

• OTP SMS for Login

The OTP SMS is sent to user for mobile number
verification for login as shown below
32

• OTP SMS for Forgot Password

The OTP SMS is sent to user for mobile number
verification to reset password when he opts for
the forgot password button.
33

• OTP Verification for Forgot Password

The following screen shows the verification of
mobile number for resetting the password.
34

• Reset Password

Once the mobile number is verified, the user can
reset the password as shown here.
35

• Mobile Number Update from My Account

The user can add or update mobile number from
their My Account section under Mobile Number tab.
Add mobile number and click Send OTP to get
verification OTP message, and its done.
36

• OTP SMS for Mobile Number Update

The added or updated mobile number is to be
verified using OTP received via SMS as shown
below
37

• Mobile Number Update Success Message

The success message for the mobile number update
is displayed in the My Account section after the
mobile number verification.
38
For more information, visit Magento 2 Mobile
Login Extension by Meetanshi.
If you have any question or need support, Contact
us