Menu Close
    Convert your store into Multi Vendor Marketplace

    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.

    webkul-opencart-login-by-mobile-ftp-image-1

    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.

    BT2-1-e1587572095710-1

    Refresh Modifications

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

    webkul-opencart-login-by-mobile-extension-modifications

     

    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.

    product mass upload

     

    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.

    webkul-opencart-login-by-mobile-extensions

    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:

    webkul-opencart-login-by-mobile-extensions-general-edit

    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/

    webkul-opencart-login-by-mobile-extensions-info

    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.

    webkul-opencart-login-by-mobile-customer-homepage-login-by-mobile-button-1

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

    webkul-opencart-login-by-mobile-custome-account-login

    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 either 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 number 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 deliver as a message to the mobile number.

    webkul-customer-registeres-account-otp-1

    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:

    webkul-customer-registeres-account

    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.

    webkul-customer-registeres-account-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:

    webkul-customer-registeres-account-succeswsw

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

    webkul-customer-login-account-information

    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

    Current Product Version - 2.0.0.3

    Supported Framework Version - 2.3.x.x, 3.x.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top