OpenCart Login By Mobile Number

OpenCart Login By Mobile Number allows the customer to log in to their account using their mobile numbers. They will receive an OTP each time they try to login or register.

This module can help the majority of customers who are not so much driven into the email kinds of things and believe that the mobile number message notifications are way more convenient.

As the module authorizes the customer every time they sign in to an account using the mobile number, it increases and maintains the security of the user accounts.

Further, this module attracts and engages more customers by making the sign-in process way faster and secure than before.

Watch the below video tutorial to understand the module workflow:

Features Of OpenCart Login By Mobile Number

• The admin can enable/ disable the module’s functionality.
• Customers can log in using their mobile number.
• The admin can create the Twilio account using the mentioned link from the backend info section.
• Customers will receive OTP every time they log in or register.
• The new customers can easily register using their mobile number.
• This module supports the features like multi-lingual feature.

Note: For using the feature in the module the admin must have an active account in Twilio.

Installation Process Of OpenCart Login By Mobile Number

Upload Files

First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.

Then, upload the admin, catalog, and system to the Opencart root directory.

Once you have uploaded the file then login to admin then go to Extensions –> Extension Installer then upload the XML file. The XML file can be found within the ocmod folder.

Refresh Modifications

The user can navigate through Extensions > Modifications. Now click the Refresh button as visible in the below screenshot.

 

Edit User Groups

Go to System > Users > Usergroups and then edit ‘Administrator’. After that, click Select All for both Access Permission and Modify Permission and Save it.

 

Install

Now navigate to Extensions > Extensions > Modules. Find OpenCart Login By Mobile Number from the list. Click the Install button as visible in the screenshot below.

Module Translation

This Opencart Login By Mobile Number module supports multiple languages. So, this section will describe how to make the module work in different languages. Please check this link for language translation.

 

Admin Configurations

After the successful installation of the OpenCart Login By Mobile Number module, the admin can navigate to Extensions > Extensions > Modules > Login By Mobile for managing the backend configurations for the module.

Meanwhile, the user will find General settings and information.

General

Under this section, the admin will enter the details as shown in the image below:

Mobile Login Status: With this, the admin can Enable/ Disable the functionality.

Twilio Mobile Number: This is the number provided by Twilio while creating the account.

Account SID: The user will add the account SID received after creating the account.

Auth Token: The user will add the Auth Token received after creating the account

Message Content: The admin can customize the message content received by the users while they receive the OTP.

Information

This section includes the code for the details like Customer Name and Customer Telephone. Moreover, it includes the link to create the personal account with Twilio which is https://www.twilio.com/

Further, by clicking on the link the user can create their account and receive the credentials.

 

Front End Workflow

Once all the backend configurations are done, the customer will find a Login By Mobile Button available under the login box on the Login Page. Further, the customer will click on that button for logging in using their mobile number.

After that, the customer will move to the login page as shown in the image below:

There, the customer will select the country. After that, the customer needs to enter the mobile number and click on Submit. Once done, the module will check whether the mobile number is registered/ existing or not.

This module will treat existing customers and registered ones differently.

 Login Process For Existing Customers

The existing customers must have their mobile numbers registered. Once they enter all the required details they will navigate to the next screen. There, they need to add the OTP which is sent to their registered mobile number.

Note: In this demo, we have used the trial version of Twilio. Therefore, the OTP is visible on the homepage. Otherwise, the OTP will get delivered as a message to the mobile number.

After that, the customer will enter the OTP and click on the Submit button. If the OTP entered is correct then the customer will navigate to their account.

 

Register Process For New Customers

Whereas, if the customer is signing in for the first time then they will navigate to the Registration page once they submit their details like country and mobile number.

After that, the customer will have to add their personal details like Name, Email, and Password. The Mobile number field will be pre-filled in the form as shown in the image below:

Further, the customer will click on the Submit button. Just after that the customer will receive the OTP and navigate to the same login page where they need to enter their OTP.

After that, the customer will enter the OTP and click on the Submit button. If the OTP entered is correct then the customer will navigate to their account as shown in the image below:

The customers can also view their account information and edit them. A glimpse of that is visible in the image below:

That’s all for the OpenCart Login By Mobile Number extension. If you face any issue, feel free to raise the issue and add a ticket at webkul.uvdesk.com